/* ==========================================================================
   EMIGRANTS HELPDESK PAGE STYLES
   ========================================================================== */

.ko-help-quicknav{ background:var(--paper); border-bottom:1px solid var(--line); padding:20px 0; }
.ko-help-quicknav-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.ko-help-qcard{
  display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--line);
  border-radius:12px; padding:14px 16px; font-weight:700; font-size:13.5px; color:var(--navy);
  transition:border-color .15s, transform .15s;
}
.ko-help-qcard:hover{ border-color:rgba(200,153,46,.5); transform:translateY(-2px); }
.ko-help-qcard svg{ color:var(--gold-dim); flex:0 0 auto; }
@media (max-width:760px){ .ko-help-quicknav-grid{ grid-template-columns:repeat(2,1fr); } }

.ko-help-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:52px; align-items:start; }
.ko-help-lead{ font-size:15.5px; color:var(--ink-soft); line-height:1.75; margin:16px 0 24px; max-width:56ch; }
.ko-help-list{ display:flex; flex-direction:column; gap:14px; }
.ko-help-list li{ display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--ink); line-height:1.6; }
.ko-help-list li svg{ flex:0 0 auto; color:var(--gold-dim); margin-top:3px; }
.ko-help-list strong{ color:var(--navy); }

.ko-help-feecard{
  background:linear-gradient(160deg,var(--navy),var(--navy-deep)); color:#fff; border-radius:22px;
  padding:36px 32px; text-align:center;
}
.ko-help-fee-amount{ font-family:'Fraunces',serif; font-size:44px; font-weight:700; color:var(--gold-lt); line-height:1; }
.ko-help-fee-amount span{ display:block; font-family:'IBM Plex Mono',monospace; font-size:13px; color:#cfdaea; font-weight:500; margin-top:8px; }
.ko-help-fee-caption{ font-size:13px; color:#a9b6c8; margin-top:10px; }
.ko-help-fee-divider{ height:1px; background:rgba(255,255,255,.15); margin:22px 0; }
.ko-help-feecard p{ font-size:13.5px; color:#c4cede; line-height:1.7; text-align:left; }
.ko-rc-label{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; color:#a9c0d6; text-transform:uppercase; }
.ko-rc-value-lg{ font-family:'IBM Plex Mono',monospace; font-size:19px; font-weight:600; color:var(--gold-lt); line-height:1.4; margin-top:10px; word-break:break-word; }

.ko-help-steps{ display:flex; flex-direction:column; gap:14px; margin-bottom:26px; }
.ko-help-steps li{ display:flex; gap:14px; align-items:flex-start; font-size:14.5px; color:var(--ink); line-height:1.6; }
.ko-help-steps span{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--navy); color:#fff; font-family:'IBM Plex Mono',monospace; font-size:12px; display:flex; align-items:center; justify-content:center; }
.ko-help-steps a{ color:var(--gold-dim); font-weight:700; text-decoration:underline; }

@media (max-width:900px){
  .ko-help-grid{ grid-template-columns:1fr; gap:32px; }
  .ko-order-first{ order:-1; }
}

/* ---- documents grid ---- */
.ko-doc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ko-doc-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; }
.ko-doc-card svg{ color:var(--gold-dim); margin-bottom:14px; }
.ko-doc-card h3{ font-size:16px; margin-bottom:8px; }
.ko-doc-card p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; }
@media (max-width:900px){ .ko-doc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .ko-doc-grid{ grid-template-columns:1fr; } }

/* ---- grievance section ---- */
.ko-grievance-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.ko-grievance-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px; }
.ko-grievance-card h3{ font-size:16.5px; margin-bottom:8px; }
.ko-grievance-card > p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:16px; }
.ko-grievance-note{ margin-top:24px; font-size:13.5px; color:var(--ink-soft); line-height:1.7; background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:16px 20px; }
.ko-grievance-note a{ color:var(--gold-dim); font-weight:600; text-decoration:underline; }
@media (max-width:760px){ .ko-grievance-grid{ grid-template-columns:1fr; } }