/* ═══ Nkwata · Quarter pages + the answer box ═══ */

/* The answer box is the single most important element for AI citation.
   Front-loaded, self-contained, quotable without surrounding context. */
.answer-box{margin-top:22px;padding:22px 24px;border-radius:var(--r-l);
  background:linear-gradient(150deg,var(--plaster-2),#fff);
  border:1px solid var(--brass-soft);border-left:4px solid var(--ember);
  box-shadow:var(--sh-1)}
.ab-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ember);font-weight:600;display:block;margin-bottom:10px}
.answer-box p{font-size:17px;line-height:1.7;color:var(--ink);margin:0}

.qpage{padding:34px 0 20px}
.qp-wrap{max-width:78ch}
.qpage h1{font-size:clamp(30px,7vw,48px);margin-top:14px;letter-spacing:-.036em;line-height:1.05}
.qp-sec{margin-top:38px;scroll-margin-top:80px}
.qp-sec h2{font-size:clamp(21px,4.6vw,27px);letter-spacing:-.024em;position:relative;padding-top:6px}
.qp-sec h2::before{content:"";position:absolute;top:-12px;left:0;width:34px;height:2px;
  background:linear-gradient(90deg,var(--ember),transparent)}
.qp-sec p{font-size:16.5px;line-height:1.75;color:var(--ink-2);margin-top:14px}
.qp-fine{font-size:12.5px!important;color:var(--muted)!important;margin-top:10px!important}

.qh-grid{display:grid;gap:16px;grid-template-columns:1fr}
.qh-card{display:block;background:linear-gradient(180deg,#fff,#FDFBF7);border:1px solid var(--line);
  border-radius:var(--r-l);padding:22px;box-shadow:var(--sh-1);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.qh-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:var(--brass)}
.qh-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ember);font-weight:600}
.qh-card h3{font-size:24px;margin-top:9px}
.qh-card p{margin-top:9px;color:var(--muted);font-size:14px;line-height:1.6}

.qx-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}
.qx{display:block;padding:14px 16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-m);transition:.25s var(--ease)}
.qx:hover{border-color:var(--brass);transform:translateY(-3px);box-shadow:var(--sh-1)}
.qx b{display:block;font-family:var(--display);font-size:16px}
.qx span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-top:4px}

@media(min-width:640px){.qh-grid{grid-template-columns:1fr 1fr}
  .qx-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.qh-grid{grid-template-columns:repeat(3,1fr)}
  .qx-grid{grid-template-columns:repeat(4,1fr)}
  .qpage{padding:52px 0 20px}}

/* ── author box: E-E-A-T signal, and a real one ── */
.author-box{display:flex;gap:16px;margin-top:40px;padding:22px;border-radius:var(--r-l);
  background:linear-gradient(150deg,var(--plaster-2),#fff);border:1px solid var(--line)}
.au-mark{width:46px;height:46px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;
  background:var(--espresso)}
.au-body b{display:block;font-family:var(--display);font-size:16px}
.au-body p{margin-top:8px;font-size:14.5px;line-height:1.62;color:var(--muted)}
.au-meta{display:block;margin-top:10px;font-family:var(--mono);font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ── footer SEO link row ── */
.seo-links{margin-top:28px;padding-top:20px;border-top:1px solid var(--line-dark);
  display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em}
.seo-links span{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:9.5px}
.seo-links a{color:var(--on-dark-2);padding:0;transition:color .2s}
.seo-links a:hover{color:#fff;padding-left:0}