/* vaayaa Topic Q&A. Every selector is scoped under .vtqa-section so nothing leaks into the rest of the site. */
.vtqa-section{--g9:#0f3d22;--g8:#14532d;--g7:#166534;--g6:#15803d;--g1:#dcfce7;--g0:#f0fdf4;--gold:#b7791f;--gold1:#fef3c7;--ink:#1f2937;--mut:#4b5563;--line:#d1d5db;--card:#fff;--rad:14px;--shadow:0 1px 2px rgba(15,61,34,.08),0 6px 18px rgba(15,61,34,.07);
  color:var(--ink);background:#f8faf8;line-height:1.6;font-size:16px;text-align:left;-webkit-text-size-adjust:100%}
.vtqa-section *,.vtqa-section *::before,.vtqa-section *::after{box-sizing:border-box}
.vtqa-section h1,.vtqa-section h2,.vtqa-section h3,.vtqa-section h4,.vtqa-section p,.vtqa-section ul,.vtqa-section ol,.vtqa-section figure,.vtqa-section table,.vtqa-section dl,.vtqa-section dd{margin:0;padding:0}
.vtqa-section ul,.vtqa-section ol{list-style:none}
.vtqa-section a{color:var(--g7);text-decoration:none}
.vtqa-section a:hover{text-decoration:underline}
.vtqa-section a:focus-visible,.vtqa-section button:focus-visible,.vtqa-section input:focus-visible,.vtqa-section summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.vtqa-section svg{display:block}
.vtqa-section .vtqa-wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.vtqa-section .vtqa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vtqa-section .vtqa-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* hero */
.vtqa-section .vtqa-hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(212,160,23,.22),transparent 60%),linear-gradient(135deg,var(--g9),var(--g7));color:#fff;padding:36px 0 44px;position:relative;overflow:hidden}
.vtqa-section .vtqa-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.vtqa-section .vtqa-hero .vtqa-wrap{position:relative;z-index:1}
.vtqa-section .vtqa-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;margin-bottom:18px;color:#bbf7d0}
.vtqa-section .vtqa-crumbs a{color:#dcfce7}
.vtqa-section .vtqa-crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.vtqa-section .vtqa-crumbs li{display:flex}
.vtqa-section .vtqa-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#fef3c7}
.vtqa-section .vtqa-hero h1{font-size:clamp(28px,4.6vw,46px);line-height:1.12;font-weight:800;margin:14px 0 12px;color:#fff;max-width:26ch}
.vtqa-section .vtqa-hero .vtqa-lede{font-size:clamp(16px,2vw,19px);max-width:62ch;color:#e7f8ec}
.vtqa-section .vtqa-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vtqa-section .vtqa-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;padding:5px 12px;border-radius:999px;font-size:13px}
.vtqa-section .vtqa-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:#fef3c7;color:var(--g9)!important;font-weight:700;padding:11px 20px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .15s}
.vtqa-section .vtqa-cta:hover{transform:translateY(-1px);text-decoration:none!important}

/* search */
.vtqa-section .vtqa-search{display:flex;gap:8px;margin-top:22px;max-width:560px}
.vtqa-section .vtqa-search input{flex:1;min-width:0;border:2px solid rgba(255,255,255,.35);background:#fff;color:var(--ink);border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit}
.vtqa-section .vtqa-search button{border:0;background:#fef3c7;color:var(--g9);font-weight:700;border-radius:10px;padding:0 18px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit}

/* generic blocks */
.vtqa-section .vtqa-main{padding:34px 0 56px}
.vtqa-section .vtqa-block{margin-top:40px;scroll-margin-top:72px}
.vtqa-section .vtqa-block:first-child{margin-top:0}
.vtqa-section .vtqa-h2{font-size:clamp(22px,3vw,28px);line-height:1.2;color:var(--g9);font-weight:800;margin-bottom:6px}
.vtqa-section .vtqa-sub{color:var(--mut);margin-bottom:18px;max-width:70ch}
.vtqa-section .vtqa-card{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--rad);box-shadow:var(--shadow)}
.vtqa-section .vtqa-prose p{max-width:72ch}
.vtqa-section .vtqa-prose p+p{margin-top:12px}

/* category tiles */
.vtqa-section .vtqa-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.vtqa-section .vtqa-cat{display:flex;gap:12px;align-items:flex-start;padding:16px;color:var(--ink)!important;transition:transform .15s,border-color .15s}
.vtqa-section .vtqa-cat:hover{transform:translateY(-2px);border-color:var(--g6);text-decoration:none!important}
.vtqa-section .vtqa-cat .vtqa-ico{width:40px;height:40px;padding:9px;border-radius:10px;background:var(--g1);color:var(--g8)}
.vtqa-section .vtqa-cat strong{display:block;color:var(--g9);font-size:17px}
.vtqa-section .vtqa-cat span{font-size:14px;color:var(--mut);line-height:1.45;display:block;margin-top:2px}
.vtqa-section .vtqa-cat.is-on{border-color:var(--g6);background:var(--g0)}

/* how to read */
.vtqa-section .vtqa-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s}
.vtqa-section .vtqa-step{padding:18px;position:relative}
.vtqa-section .vtqa-step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g8);color:#fff;font-weight:700;margin-bottom:10px}
.vtqa-section .vtqa-step strong{display:block;color:var(--g9);margin-bottom:2px}
.vtqa-section .vtqa-step p{font-size:14.5px;color:var(--mut)}

/* listing cards */
.vtqa-section .vtqa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.vtqa-section .vtqa-item{display:flex;flex-direction:column;padding:18px;gap:10px;height:100%}
.vtqa-section .vtqa-item h3{font-size:18px;line-height:1.3;color:var(--g9)}
.vtqa-section .vtqa-item h3 a{color:inherit}
.vtqa-section .vtqa-item h3 a::after{content:"";position:absolute;inset:0}
.vtqa-section .vtqa-item{position:relative;transition:transform .15s,border-color .15s}
.vtqa-section .vtqa-item:hover{transform:translateY(-2px);border-color:var(--g6)}
.vtqa-section .vtqa-item p{font-size:14.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vtqa-section .vtqa-chip{display:inline-block;align-self:flex-start;background:var(--g1);color:var(--g8);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.vtqa-section .vtqa-flow{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;flex-wrap:wrap}
.vtqa-section .vtqa-flow .vtqa-ico{width:16px;height:16px;color:var(--mut)}
.vtqa-section .vtqa-empty{padding:28px;text-align:center;color:var(--mut)}

/* pager */
.vtqa-section .vtqa-pager{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.vtqa-section .vtqa-pager a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--g7);border-radius:10px;font-weight:600;background:#fff}
.vtqa-section .vtqa-pager a:hover{background:var(--g0);text-decoration:none}


/* course page: topic list and Q&A cards */
.vtqa-section .vtqa-count{font-size:13px;font-weight:600;color:var(--g8)}
.vtqa-section .vtqa-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.vtqa-section .vtqa-toc{position:sticky;top:16px;background:var(--card);border:1px solid #e5e7eb;border-radius:var(--rad);box-shadow:var(--shadow);padding:16px 14px;max-height:calc(100vh - 32px);overflow:auto}
.vtqa-section .vtqa-toc-h{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700;margin:0 4px 10px}
.vtqa-section .vtqa-toc ol{display:grid;gap:2px}
.vtqa-section .vtqa-toc a{display:flex;gap:10px;align-items:flex-start;padding:7px 8px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--ink)}
.vtqa-section .vtqa-toc a:hover{background:var(--g1);text-decoration:none}
.vtqa-section .vtqa-toc b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--g1);color:var(--g8);font-size:12px}
.vtqa-section .vtqa-qas{display:grid;gap:16px;min-width:0}
.vtqa-section .vtqa-qa{padding:20px 22px;scroll-margin-top:16px;border-left:4px solid var(--g6)}
.vtqa-section .vtqa-qa:target{border-color:var(--gold);background:var(--g0)}
.vtqa-section .vtqa-qa header{display:flex;gap:14px;align-items:flex-start}
.vtqa-section .vtqa-num{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g8);color:#fef3c7;font-weight:800;font-size:16px}
.vtqa-section .vtqa-q{font-size:clamp(18px,2.4vw,21px);line-height:1.3;color:var(--g9);font-weight:800;margin-top:6px}
.vtqa-section .vtqa-a{margin-top:12px;max-width:70ch;font-size:16.5px;line-height:1.7;color:var(--ink)}

.vtqa-section .vtqa-closing{border-top:1px solid #e5e7eb;padding-top:24px}
.vtqa-section .vtqa-nations{max-width:80ch;color:var(--mut)}
.vtqa-section .vtqa-nations a{font-weight:600}
.vtqa-section .vtqa-keep{display:flex;flex-wrap:wrap;align-items:center;gap:16px 18px;margin-top:6px}
.vtqa-section .vtqa-ghost{display:inline-block;background:transparent;border:1.5px solid var(--g8);color:var(--g8)!important;font-weight:600;line-height:1.35;padding:11px 18px;border-radius:12px;text-decoration:none!important}
.vtqa-section .vtqa-ghost:hover{background:var(--g1)}
@media (max-width:600px){.vtqa-section .vtqa-keep{flex-direction:column;align-items:stretch;gap:20px}.vtqa-section .vtqa-keep .vtqa-cta,.vtqa-section .vtqa-keep .vtqa-ghost{justify-content:center;text-align:center}}
.vtqa-section .vtqa-draft{background:var(--gold1);color:#5b3a07;text-align:center;padding:8px 16px;font-weight:700;font-size:14px}
.vtqa-section .vtqa-cats>li,.vtqa-section .vtqa-list>li{display:flex}
.vtqa-section .vtqa-cats .vtqa-cat,.vtqa-section .vtqa-list .vtqa-item{flex:1}

@media (max-width:900px){
  .vtqa-section .vtqa-layout{grid-template-columns:1fr}
  .vtqa-section .vtqa-toc{position:static;max-height:none;padding:12px}
  .vtqa-section .vtqa-toc ol{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
  .vtqa-section .vtqa-toc li{flex:none}
  .vtqa-section .vtqa-toc a{white-space:nowrap;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px}
}
@media (max-width:640px){
  .vtqa-section .vtqa-hero{padding:26px 0 32px}
  .vtqa-section .vtqa-main{padding:24px 0 40px}
  .vtqa-section .vtqa-list{grid-template-columns:1fr}
  .vtqa-section .vtqa-search{flex-direction:column}
  .vtqa-section .vtqa-search button{padding:11px 18px;justify-content:center}
  .vtqa-section .vtqa-qa{padding:16px}
  .vtqa-section .vtqa-qa header{gap:10px}
  .vtqa-section .vtqa-num{width:32px;height:32px;border-radius:10px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.vtqa-section *{transition:none!important}}
@media print{
  .vtqa-section .vtqa-toc,.vtqa-section .vtqa-search,.vtqa-section .vtqa-pager,.vtqa-section .vtqa-cta{display:none!important}
  .vtqa-section .vtqa-layout{display:block}
  .vtqa-section .vtqa-hero{background:#fff!important;color:#000!important;padding:0}
  .vtqa-section .vtqa-hero *{color:#000!important}
  .vtqa-section .vtqa-hero::after{display:none}
  .vtqa-section .vtqa-card{box-shadow:none;break-inside:avoid}
}