/* =========================================================================
   Materiais DIY — folha de estilo
   Direção: oficina moderna. Base grafite e areia, acento âmbar (madeira),
   verde-técnico para leitura de dados e terracota para limites e alertas.
   ========================================================================= */

/* ---------------------------------------------------------------- tokens */
:root {
  --sand-50:#faf7f1;
  --sand-100:#f3ede3;
  --sand-200:#e9e0d1;
  --sand-300:#d8cab3;

  --ink:#1b1713;
  --ink-2:#3c352c;
  --muted:#6f6559;
  --line:#e0d5c3;
  --line-strong:#cdbea6;

  --gr-900:#141210;
  --gr-800:#1e1b17;
  --gr-700:#2b2620;
  --gr-600:#3b352c;
  --gr-500:#57503f;

  --amber-700:#8f4f10;
  --amber-600:#b3661a;
  --amber-500:#d08326;
  --amber-400:#eaa24a;
  --amber-100:#f7e8d2;

  --pine-700:#255440;
  --pine-600:#2f6b52;
  --pine-500:#3f8a6a;
  --pine-100:#dfeee7;

  --clay-600:#a8442f;
  --clay-100:#f7e3dd;

  --steel-600:#4d5a63;
  --steel-100:#e4eaee;

  --radius-s:8px;
  --radius-m:14px;
  --radius-l:22px;

  --shadow-s:0 1px 2px rgba(28,22,14,.06), 0 2px 6px rgba(28,22,14,.05);
  --shadow-m:0 2px 6px rgba(28,22,14,.07), 0 10px 24px rgba(28,22,14,.08);
  --shadow-l:0 10px 30px rgba(20,18,16,.16), 0 30px 60px rgba(20,18,16,.14);

  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --wrap: 1200px;
}

/* ------------------------------------------------------------------ base */
*,*::before,*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

body {
  margin:0;
  font-family:var(--font);
  font-size:17px;
  line-height:1.65;
  color:var(--ink);
  background:var(--sand-50);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg { max-width:100%; }
svg { display:block; }

a { color:var(--amber-700); text-decoration-color:rgba(179,102,26,.35); text-underline-offset:2px; }
a:hover { color:var(--amber-600); text-decoration-color:currentColor; }

h1,h2,h3,h4 { margin:0 0 .5em; line-height:1.15; letter-spacing:-.018em; font-weight:760; color:var(--ink); }
h1 { font-size:clamp(2.1rem, 1.4rem + 2.6vw, 3.35rem); }
h2 { font-size:clamp(1.5rem, 1.2rem + 1.1vw, 2.05rem); }
h3 { font-size:clamp(1.12rem, 1.03rem + .4vw, 1.32rem); letter-spacing:-.012em; }
p { margin:0 0 1.1em; }
ul,ol { margin:0 0 1.1em; padding-left:1.15em; }
li { margin:.32em 0; }
strong { font-weight:700; }
:target { scroll-margin-top:96px; }

::selection { background:var(--amber-100); color:var(--ink); }

:focus-visible {
  outline:3px solid var(--amber-500);
  outline-offset:2px;
  border-radius:3px;
}

.sr-only {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.skip {
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--amber-500); color:#fff; padding:.7rem 1.1rem;
  font-weight:700; border-radius:0 0 var(--radius-s) 0;
}
.skip:focus { left:0; }

.wrap { width:min(100% - 2.5rem, var(--wrap)); margin-inline:auto; }
@media (max-width:640px){ .wrap { width:min(100% - 1.75rem, var(--wrap)); } }

/* --------------------------------------------------------------- cabeçalho */
.site-head {
  background:var(--gr-900);
  color:var(--sand-100);
  position:sticky; top:0; z-index:100;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-head__inner {
  display:flex; align-items:center; gap:1.5rem;
  min-height:68px; padding-block:.6rem;
}

.brand { display:flex; align-items:center; gap:.7rem; text-decoration:none; color:inherit; flex:0 0 auto; }
.brand__mark { filter:drop-shadow(0 2px 6px rgba(208,131,38,.35)); }
.brand__text { display:flex; flex-direction:column; line-height:1.1; }
.brand__name { font-weight:800; font-size:1.12rem; letter-spacing:-.02em; color:#fff; }
.brand__name span { color:var(--amber-400); }
.brand__tag { font-size:.7rem; color:rgba(243,237,227,.6); letter-spacing:.04em; text-transform:uppercase; }

.site-nav { margin-left:auto; }
.site-nav ul { display:flex; gap:.2rem; list-style:none; margin:0; padding:0; }
.site-nav a {
  display:block; padding:.5rem .8rem; border-radius:var(--radius-s);
  color:rgba(243,237,227,.82); text-decoration:none; font-size:.94rem; font-weight:600;
  transition:background .15s ease, color .15s ease;
}
.site-nav a:hover { background:rgba(255,255,255,.08); color:#fff; }
.site-nav a[aria-current="page"] { color:var(--amber-400); background:rgba(208,131,38,.12); }

.site-search { display:flex; gap:.35rem; flex:0 0 auto; }
.site-search input {
  width:180px; padding:.5rem .75rem; font:inherit; font-size:.9rem;
  border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-s);
  background:rgba(255,255,255,.06); color:#fff;
}
.site-search input::placeholder { color:rgba(243,237,227,.45); }
.site-search button {
  padding:.5rem .85rem; font:inherit; font-size:.9rem; font-weight:650; cursor:pointer;
  border:0; border-radius:var(--radius-s); background:var(--amber-500); color:#fff;
}
.site-search button:hover { background:var(--amber-400); }

.navtoggle { display:none; }
.navbtn { display:none; }

@media (max-width:1080px){
  .site-search input { width:130px; }
  .site-nav a { padding:.5rem .6rem; font-size:.9rem; }
}
@media (max-width:880px){
  .site-head__inner { flex-wrap:wrap; gap:.8rem; }
  .navtoggle {
    display:block; position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
  }
  .navbtn {
    display:flex; align-items:center; gap:.45rem; margin-left:auto;
    padding:.5rem .85rem; border-radius:var(--radius-s); cursor:pointer;
    background:rgba(255,255,255,.08); color:#fff; font-weight:650; font-size:.9rem;
  }
  .navtoggle:focus-visible + .navbtn { outline:3px solid var(--amber-500); outline-offset:2px; }
  .navbtn span { width:18px; height:2px; background:currentColor; box-shadow:0 -5px 0 currentColor, 0 5px 0 currentColor; }
  .site-nav { flex-basis:100%; margin-left:0; display:none; }
  .navtoggle:checked ~ .site-nav { display:block; }
  .site-nav ul { flex-wrap:wrap; }
  .site-search { flex-basis:100%; }
  .site-search input { flex:1; width:auto; }
}

/* ------------------------------------------------------------------ botões */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  padding:.72rem 1.25rem; border-radius:999px; border:1px solid transparent;
  font:inherit; font-size:.97rem; font-weight:680; text-decoration:none; cursor:pointer;
  transition:transform .14s ease, box-shadow .18s ease, background .16s ease, color .16s ease;
}
.btn--primary {
  background:linear-gradient(160deg, var(--amber-500), var(--amber-600));
  color:#fff; box-shadow:0 2px 6px rgba(143,79,16,.26), 0 10px 22px rgba(143,79,16,.18);
}
.btn--primary:hover { color:#fff; transform:translateY(-1px); box-shadow:0 4px 10px rgba(143,79,16,.3), 0 16px 32px rgba(143,79,16,.22); }
.btn--primary:active { transform:translateY(0); }
.btn--ghost { border-color:var(--line-strong); color:var(--ink-2); background:transparent; }
.btn--ghost:hover { border-color:var(--amber-500); color:var(--amber-700); background:rgba(208,131,38,.06); }
.btn--wide { width:100%; }

.band--dark .btn--ghost { border-color:rgba(255,255,255,.24); color:var(--sand-100); }
.band--dark .btn--ghost:hover { border-color:var(--amber-400); color:var(--amber-400); }

/* ------------------------------------------------------------------ faixas */
.band { padding:clamp(2.75rem, 1.6rem + 4vw, 4.75rem) 0; }
.band--sand { background:var(--sand-100); border-block:1px solid var(--line); }
.band--dark { background:var(--gr-900); color:var(--sand-100); }
.band--dark h2, .band--dark h3 { color:#fff; }
.band--dark a { color:var(--amber-400); }

.shead { max-width:62ch; margin-bottom:2rem; }
.shead h2 { margin-bottom:.35em; }
.shead p { color:var(--muted); margin:0; font-size:1.03rem; }
.band--dark .shead p { color:rgba(243,237,227,.7); }

.more { margin:2rem 0 0; font-weight:650; }
.more a { text-decoration:none; border-bottom:2px solid rgba(179,102,26,.3); padding-bottom:2px; }
.more a:hover { border-color:currentColor; }

.prose { max-width:74ch; }
.prose--narrow { max-width:66ch; }
.prose p { font-size:1.06rem; }
.prose h2 { margin-top:2.2em; }
.prose h2:first-child { margin-top:0; }
.prose--invert, .prose--invert p { color:rgba(243,237,227,.88); }

/* -------------------------------------------------------------- migalhas */
.crumbs { padding:1rem 0 .25rem; font-size:.87rem; }
.crumbs ol { display:flex; flex-wrap:wrap; gap:.3rem .1rem; list-style:none; margin:0; padding:0; color:var(--muted); }
.crumbs li + li::before { content:"/"; margin:0 .5rem; color:var(--line-strong); }
.crumbs a { color:var(--muted); text-decoration:none; }
.crumbs a:hover { color:var(--amber-700); text-decoration:underline; }
.crumbs [aria-current] { color:var(--ink-2); font-weight:600; }

/* ------------------------------------------------------------------- hero */
.hero { position:relative; background:var(--gr-900); color:var(--sand-100); overflow:hidden; }
.hero__bg {
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 72% 34%, rgba(208,131,38,.20), transparent 62%),
    radial-gradient(700px 420px at 8% 78%, rgba(63,138,106,.14), transparent 60%),
    linear-gradient(180deg, #171410 0%, #100e0c 100%);
}
.hero__bg::after {
  content:""; position:absolute; inset:0; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(680px 460px at 50% 40%, #000 20%, transparent 80%);
}
.hero__inner {
  position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  gap:clamp(1.5rem,3vw,3.5rem); align-items:center;
  padding:clamp(3rem,2rem + 4vw,5.5rem) 0 clamp(2rem,1.5rem + 2vw,3rem);
}
.hero__eyebrow {
  display:inline-block; margin:0 0 1rem; padding:.34rem .8rem;
  font-size:.76rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--amber-400); background:rgba(208,131,38,.12);
  border:1px solid rgba(208,131,38,.28); border-radius:999px;
}
.hero__title { color:#fff; margin-bottom:.5em; letter-spacing:-.03em; line-height:1.03; }
.hero__title span {
  background:linear-gradient(100deg, var(--amber-400), #f6c98a);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero__lede { max-width:52ch; font-size:1.1rem; color:rgba(243,237,227,.78); margin-bottom:2rem; }

.hero__visual { position:relative; }
.hero__visual::before {
  content:""; position:absolute; inset:-8% -6%;
  background:radial-gradient(closest-side, rgba(208,131,38,.22), transparent 72%);
  filter:blur(6px);
}
.hero__art { position:relative; width:100%; height:auto; filter:drop-shadow(0 28px 44px rgba(0,0,0,.45)); }

.hero__facts {
  position:relative; display:flex; flex-wrap:wrap; gap:0; list-style:none;
  margin:0; padding:0; border-top:1px solid rgba(255,255,255,.1);
}
.hero__facts li {
  flex:1 1 220px; margin:0; padding:1.1rem clamp(1rem,3vw,2rem);
  font-size:.92rem; color:rgba(243,237,227,.6);
  border-left:1px solid rgba(255,255,255,.07);
}
.hero__facts li:first-child { border-left:0; padding-left:max(1rem, calc((100vw - var(--wrap))/2 + .25rem)); }
.hero__facts strong { display:block; font-size:1.6rem; font-weight:800; color:var(--amber-400); letter-spacing:-.02em; }

@media (max-width:960px){
  .hero__inner { grid-template-columns:1fr; }
  .hero__visual { order:-1; max-width:520px; margin-inline:auto; }
  .hero__facts li:first-child { padding-left:clamp(1rem,3vw,2rem); }
}

/* ----------------------------------------------------------- seletor/chips */
.picker fieldset { border:0; margin:0; padding:0; }
.picker__legend { font-size:.83rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:rgba(243,237,227,.55); margin-bottom:.9rem; }
.picker__chips, .selector__chips { display:flex; flex-wrap:wrap; gap:.5rem; }

.chip { position:relative; display:inline-flex; }
.chip input { position:absolute; opacity:0; width:0; height:0; }
.chip > span:not(.chip__art) { pointer-events:none; }
.chip__art, .chip__name {
  display:inline-flex; align-items:center;
}
.chip__art svg { width:26px; height:26px; border-radius:6px; }
.chip {
  align-items:center; gap:.5rem; padding:.35rem .8rem .35rem .35rem;
  border:1px solid var(--line-strong); border-radius:999px;
  background:#fff; cursor:pointer; font-size:.92rem; font-weight:620; color:var(--ink-2);
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease, transform .12s ease;
}
.chip:hover { border-color:var(--amber-500); transform:translateY(-1px); }
.chip:has(input:checked) {
  border-color:var(--amber-500); background:var(--amber-100); color:var(--amber-700);
  box-shadow:0 0 0 3px rgba(208,131,38,.16);
}
.chip.is-checked {
  border-color:var(--amber-500); background:var(--amber-100); color:var(--amber-700);
  box-shadow:0 0 0 3px rgba(208,131,38,.16);
}
.chip:has(input:focus-visible) { outline:3px solid var(--amber-500); outline-offset:2px; }
@supports not selector(:has(*)) {
  .chip:focus-within { outline:3px solid var(--amber-500); outline-offset:2px; }
}
.chip.is-disabled { opacity:.42; cursor:not-allowed; }

.hero .chip { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); color:rgba(243,237,227,.9); }
.hero .chip:hover { border-color:var(--amber-400); background:rgba(255,255,255,.12); }
.hero .chip:has(input:checked) { background:rgba(208,131,38,.2); border-color:var(--amber-400); color:#fff; }
.hero .chip.is-checked { background:rgba(208,131,38,.2); border-color:var(--amber-400); color:#fff; }

.picker__actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.4rem; }
.picker__hint { margin:.8rem 0 0; font-size:.85rem; color:rgba(243,237,227,.5); }
.picker__hint.is-warn { color:var(--amber-400); }

/* comparador: seletor completo */
.selector { background:#fff; border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-m); overflow:hidden; }
.selector__bar {
  display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between;
  padding:1.1rem clamp(1rem,2.5vw,1.8rem); background:var(--gr-900); color:var(--sand-100);
  position:sticky; top:68px; z-index:20;
}
.selector__count { margin:0; font-weight:680; font-size:.95rem; }
.selector__count.is-warn { color:var(--amber-400); }
.selector__hint { margin:0; font-size:.82rem; color:rgba(243,237,227,.55); flex:1 1 12rem; }
.selector__hint.is-warn { color:var(--amber-400); }
.selector__hint:empty { display:none; }
.selector__actions { display:flex; gap:.6rem; }
.selector__group { border:0; border-top:1px solid var(--line); margin:0; padding:1.4rem clamp(1rem,2.5vw,1.8rem); }
.selector__group:first-of-type { border-top:0; }
.selector__group legend {
  padding:0; font-size:.78rem; font-weight:750; letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted); margin-bottom:.9rem;
}
.selector__foot { padding:1.2rem clamp(1rem,2.5vw,1.8rem) 1.6rem; border-top:1px solid var(--line); background:var(--sand-50); }

@media (max-width:880px){ .selector__bar { position:static; } }

/* ------------------------------------------------------------ cartões material */
.mgrid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)); }
.mgrid--tight { grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); }

.mcard {
  display:flex; align-items:center; gap:.9rem; padding:.85rem;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  text-decoration:none; color:inherit; box-shadow:var(--shadow-s);
  transition:transform .16s ease, box-shadow .2s ease, border-color .16s ease;
}
.mcard:hover { transform:translateY(-2px); box-shadow:var(--shadow-m); border-color:var(--line-strong); color:inherit; }
.mcard__art svg { width:56px; height:56px; border-radius:10px; box-shadow:0 2px 6px rgba(28,22,14,.14); }
.mcard__body { display:flex; flex-direction:column; min-width:0; }
.mcard__cat { font-size:.68rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); }
.mcard__name { font-size:1.06rem; font-weight:750; letter-spacing:-.015em; margin:.1rem 0; }
.mcard__tag { font-size:.84rem; color:var(--muted); line-height:1.4; }

/* ------------------------------------------------------- cartões comparação */
.ccard-grid { display:grid; gap:1.1rem; grid-template-columns:repeat(auto-fill, minmax(290px,1fr)); }

.ccard {
  display:flex; flex-direction:column; gap:.55rem; padding:1.3rem;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  text-decoration:none; color:inherit; box-shadow:var(--shadow-s);
  transition:transform .16s ease, box-shadow .2s ease, border-color .16s ease;
}
.ccard:hover { transform:translateY(-3px); box-shadow:var(--shadow-m); border-color:var(--amber-500); color:inherit; }
.ccard__arts { display:flex; }
.ccard__arts svg { width:42px; height:42px; border-radius:9px; box-shadow:0 2px 5px rgba(28,22,14,.18); }
.ccard__arts svg + svg { margin-left:-12px; }
.ccard__title { font-size:1.1rem; font-weight:750; letter-spacing:-.015em; line-height:1.25; }
.ccard__lede { font-size:.9rem; color:var(--muted); line-height:1.5; }
.ccard__more { margin-top:auto; padding-top:.5rem; font-size:.86rem; font-weight:700; color:var(--amber-700); }
.ccard:hover .ccard__more { text-decoration:underline; }

.feature-grid { display:grid; gap:1.1rem; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:start; }
.feature-grid__rest { display:grid; gap:1.1rem; }
.ccard--feature {
  padding:clamp(1.4rem,2.5vw,2.2rem); height:100%;
  background:linear-gradient(155deg, var(--gr-800), var(--gr-900)); color:var(--sand-100);
  border-color:rgba(255,255,255,.1);
}
.ccard--feature:hover { color:var(--sand-100); border-color:var(--amber-500); }
.ccard--feature .ccard__arts svg { width:60px; height:60px; }
.ccard--feature .ccard__arts svg + svg { margin-left:-16px; }
.ccard--feature .ccard__title { font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem); color:#fff; }
.ccard--feature .ccard__lede { font-size:1rem; color:rgba(243,237,227,.72); }
.ccard--feature .ccard__more { color:var(--amber-400); }

@media (max-width:900px){ .feature-grid { grid-template-columns:1fr; } }

/* -------------------------------------------------------- cartões categoria */
.cat-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill, minmax(255px,1fr)); }
.cat-card {
  position:relative; display:flex; flex-direction:column; gap:.35rem; padding:1.3rem;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  text-decoration:none; color:inherit; overflow:hidden;
  transition:transform .16s ease, box-shadow .2s ease, border-color .16s ease;
}
.cat-card::before {
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:var(--amber-500);
}
.cat-card--teal::before { background:var(--pine-500); }
.cat-card--slate::before { background:var(--steel-600); }
.cat-card--clay::before { background:var(--clay-600); }
.cat-card--sand::before { background:var(--sand-300); }
.cat-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-m); border-color:var(--line-strong); color:inherit; }
.cat-card__arts { display:flex; margin-bottom:.5rem; }
.cat-card__arts svg { width:40px; height:40px; border-radius:9px; box-shadow:0 2px 5px rgba(28,22,14,.16); }
.cat-card__arts svg + svg { margin-left:-11px; }
.cat-card__name { font-size:1.08rem; font-weight:750; letter-spacing:-.015em; }
.cat-card__short { font-size:.88rem; color:var(--muted); line-height:1.5; }
.cat-card__count { margin-top:.4rem; font-size:.76rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--amber-700); }

/* ------------------------------------------------------------- metodologia */
.method__inner { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:start; }
.method__copy p { color:rgba(243,237,227,.72); }
.method__cta { margin-top:1.6rem; }
.method__list { list-style:none; margin:0; padding:0; display:grid; gap:.1rem; }
.method__list li {
  margin:0; padding:.85rem 0; border-top:1px solid rgba(255,255,255,.08);
  display:grid; grid-template-columns:minmax(150px,.55fr) minmax(0,1fr); gap:1rem;
}
.method__list li:first-child { border-top:0; }
.method__name { font-weight:700; color:#fff; font-size:.97rem; }
.method__desc { font-size:.89rem; color:rgba(243,237,227,.6); line-height:1.5; }
.method__more { display:block; }
.method__more a { font-weight:700; text-decoration:none; }
.method__more a:hover { text-decoration:underline; }

@media (max-width:900px){
  .method__inner { grid-template-columns:1fr; }
  .method__list li { grid-template-columns:1fr; gap:.2rem; }
}

/* -------------------------------------------------------- cabeçalho página */
.phead { padding:clamp(2rem,1.4rem + 2.6vw,3.4rem) 0 clamp(1.6rem,1.2rem + 2vw,2.6rem); }
.phead__eyebrow { margin:0 0 .6rem; font-size:.78rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; color:var(--amber-700); }
.phead__eyebrow a { color:inherit; text-decoration:none; }
.phead__eyebrow a:hover { text-decoration:underline; }
.phead h1 { max-width:20ch; }
.phead__lede { max-width:66ch; font-size:1.09rem; color:var(--muted); }
.phead__actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.6rem; }
.phead__meta { margin:1rem 0 0; font-size:.85rem; color:var(--muted); }
.phead--tool { background:linear-gradient(180deg, var(--sand-50), var(--sand-100)); border-bottom:1px solid var(--line); }
.phead--doc h1 { max-width:24ch; }
.phead--error .phead__eyebrow { font-size:2rem; letter-spacing:0; color:var(--line-strong); }

/* ------------------------------------------------------------ hero material */
.mhero { position:relative; background:var(--gr-900); color:var(--sand-100); overflow:hidden; }
.mhero__bg {
  position:absolute; inset:0;
  background:
    radial-gradient(620px 420px at 18% 42%, rgba(208,131,38,.24), transparent 66%),
    linear-gradient(180deg, #191511, #100e0c);
}
.mhero__inner {
  position:relative; display:grid; grid-template-columns:auto minmax(0,1fr);
  gap:clamp(1.4rem,3vw,2.8rem); align-items:center;
  padding:clamp(2.2rem,1.6rem + 3vw,3.6rem) 0;
}
.mhero__art svg { width:clamp(110px,16vw,170px); height:auto; border-radius:24px; filter:drop-shadow(0 18px 34px rgba(0,0,0,.5)); }
.mhero__cat { margin:0 0 .5rem; font-size:.78rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.mhero__cat a { color:var(--amber-400); text-decoration:none; }
.mhero__cat a:hover { text-decoration:underline; }
.mhero h1 { color:#fff; margin-bottom:.25em; }
.mhero__full { margin:0 0 .8rem; font-size:.92rem; color:rgba(243,237,227,.55); }
.mhero__tag { max-width:48ch; font-size:1.12rem; color:rgba(243,237,227,.86); font-weight:520; }
.mhero__actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.4rem; }
.mhero__meta { margin:1.1rem 0 0; font-size:.82rem; color:rgba(243,237,227,.45); }

@media (max-width:760px){
  .mhero__inner { grid-template-columns:1fr; }
}

/* ---------------------------------------------------------- hero comparação */
.chero { position:relative; background:var(--gr-900); color:var(--sand-100); overflow:hidden; }
.chero__bg {
  position:absolute; inset:0;
  background:
    radial-gradient(760px 440px at 50% 12%, rgba(208,131,38,.22), transparent 64%),
    radial-gradient(520px 340px at 88% 76%, rgba(63,138,106,.14), transparent 62%),
    linear-gradient(180deg, #191511, #100e0c);
}
.chero__inner { position:relative; padding:clamp(2.2rem,1.6rem + 3vw,4rem) 0; text-align:center; }
.chero__arts { display:flex; justify-content:center; align-items:flex-end; gap:.9rem; margin-bottom:1.6rem; flex-wrap:wrap; }
.chero__art { display:flex; flex-direction:column; align-items:center; gap:.5rem; }
.chero__art svg { width:clamp(58px,9vw,86px); height:auto; border-radius:16px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.45)); }
.chero__art:nth-child(odd) { transform:translateY(-8px); }
.chero__label { font-size:.76rem; font-weight:700; letter-spacing:.04em; color:rgba(243,237,227,.6); }
.chero__eyebrow { margin:0 0 .7rem; font-size:.76rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:var(--amber-400); }
.chero h1 { color:#fff; max-width:20ch; margin-inline:auto; }
.chero__lede { max-width:60ch; margin:0 auto; font-size:1.1rem; color:rgba(243,237,227,.76); }
.chero__meta { margin:1.4rem 0 0; font-size:.82rem; color:rgba(243,237,227,.42); }

/* ---------------------------------------------------------------- sumário */
.toc { background:var(--sand-100); border-bottom:1px solid var(--line); padding:1rem 0; }
.toc__title { margin:0 0 .5rem; font-size:.75rem; font-weight:750; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.toc ol { display:flex; flex-wrap:wrap; gap:.4rem; list-style:none; margin:0; padding:0; counter-reset:toc; }
.toc li { margin:0; }
.toc a {
  display:block; padding:.34rem .8rem; border-radius:999px; font-size:.88rem; font-weight:620;
  background:#fff; border:1px solid var(--line); color:var(--ink-2); text-decoration:none;
}
.toc a:hover { border-color:var(--amber-500); color:var(--amber-700); }

/* ------------------------------------------------------------------ tabelas */
.table-wrap {
  overflow-x:auto; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-m); box-shadow:var(--shadow-s);
  -webkit-overflow-scrolling:touch;
}
.table-wrap:focus-visible { outline:3px solid var(--amber-500); outline-offset:2px; }

table { width:100%; border-collapse:collapse; font-size:.94rem; }
caption { padding:1rem 1.1rem .3rem; text-align:left; font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }

.ctable th, .ctable td, .ftable th, .ftable td, .ltable th, .ltable td {
  padding:.95rem 1.05rem; text-align:left; vertical-align:top;
  border-top:1px solid var(--line);
}
.ctable thead th, .ftable thead th, .ltable thead th { border-top:0; }

.ctable thead th { background:var(--gr-900); color:#fff; padding:0; }
.ctable thead th:first-child { background:var(--gr-800); }
.ctable__corner { display:block; padding:1rem 1.05rem; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:rgba(243,237,227,.6); }
.ctable__head { display:flex; flex-direction:column; gap:.4rem; padding:1rem 1.05rem; text-decoration:none; color:#fff; }
.ctable__head svg { width:40px; height:40px; border-radius:9px; }
.ctable__head:hover { color:var(--amber-400); background:rgba(255,255,255,.05); }
.ctable__name { font-size:1.04rem; font-weight:750; letter-spacing:-.015em; }
.ctable__cat { font-size:.7rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:rgba(243,237,227,.5); }

.ctable tbody th, .ftable tbody th {
  background:var(--sand-50); width:min(28vw, 230px); min-width:170px;
  position:sticky; left:0; z-index:2;
  border-right:1px solid var(--line);
}
.ctable thead th:first-child { position:sticky; left:0; z-index:3; }
.ctable__crit, .ftable__crit { display:block; font-weight:730; font-size:.95rem; letter-spacing:-.01em; }
.ctable__how, .ftable__how { display:inline-block; margin-top:.3rem; font-size:.74rem; font-weight:600; color:var(--muted); text-decoration:none; border-bottom:1px dotted var(--line-strong); }
.ctable__how:hover, .ftable__how:hover { color:var(--amber-700); }

.ctable tbody tr:nth-child(even) td { background:rgba(243,237,227,.34); }
.ctable tbody tr:nth-child(even) th { background:var(--sand-100); }
.ctable td { min-width:210px; }

.ftable td { vertical-align:top; }
.ftable__why { color:var(--muted); font-size:.9rem; line-height:1.55; max-width:44ch; }

.ltable th[scope="row"] { width:120px; background:var(--sand-50); }
.ltable__label { font-weight:700; white-space:nowrap; }

/* --------------------------------------------------------------- escalas */
.scale { display:flex; flex-direction:column; gap:.3rem; }
.pips { display:flex; gap:3px; }
.pip { width:17px; height:7px; border-radius:2px; background:var(--sand-200); box-shadow:inset 0 0 0 1px rgba(0,0,0,.05); }
.pips--better .pip.is-on { background:var(--pine-600); }
.pips--neutral .pip.is-on { background:var(--steel-600); }
.pips--cost .pip.is-on { background:var(--amber-600); }
.scale__label { font-weight:700; font-size:.92rem; letter-spacing:-.01em; }
.scale__note { font-size:.83rem; color:var(--muted); line-height:1.45; }

.scale--cost .cost { font-family:var(--font-num); font-weight:700; font-size:1rem; letter-spacing:.06em; }
.cost b { color:var(--amber-600); }
.cost i { color:var(--sand-300); font-style:normal; }

.enum { display:flex; flex-direction:column; gap:.3rem; }
.enum__label {
  align-self:flex-start; padding:.22rem .6rem; border-radius:999px;
  font-size:.82rem; font-weight:700;
  background:var(--steel-100); color:var(--steel-600);
}
.enum--externo .enum__label { background:var(--pine-100); color:var(--pine-700); }
.enum--abrigado .enum__label { background:var(--amber-100); color:var(--amber-700); }
.enum--interno .enum__label { background:var(--clay-100); color:var(--clay-600); }

.na { display:block; font-size:.86rem; color:var(--muted); font-style:italic; }
.na__why { display:block; margin-top:.25rem; font-size:.79rem; font-style:normal; color:var(--muted); opacity:.85; line-height:1.45; }

.cell-list { margin:0; padding-left:1.05em; font-size:.89rem; line-height:1.5; }
.cell-list li { margin:.28em 0; }
.cell-list--pro li::marker { color:var(--pine-600); }
.cell-list--con { margin-top:.6em; }
.cell-list--con li::marker { color:var(--clay-600); }
.cell-text { margin:0; font-size:.89rem; line-height:1.55; }

/* ------------------------------------------------------------------ avisos */
.callout {
  margin:1.6rem 0 0; padding:1.1rem 1.3rem;
  border-radius:var(--radius-m); border:1px solid var(--line);
  background:#fff; border-left:4px solid var(--steel-600);
}
.callout h3 { margin:0 0 .3rem; font-size:1rem; }
.callout p { margin:0; font-size:.94rem; color:var(--ink-2); line-height:1.55; }
.callout--warn { border-left-color:var(--clay-600); background:var(--clay-100); border-color:rgba(168,68,47,.2); }
.callout--note { border-left-color:var(--amber-600); }
.notice-band { padding-top:0; }
.after-table { display:grid; gap:1rem; margin-top:1.6rem; }
@media (min-width:820px){ .after-table { grid-template-columns:1fr 1fr; } .after-table .callout { margin-top:0; } }

/* -------------------------------------------------------------- perfil mat. */
.detail-grid { display:grid; gap:1.4rem; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); }
.detail {
  padding:1.4rem; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-m); box-shadow:var(--shadow-s);
}
.detail h2 { font-size:1.08rem; margin-bottom:.6rem; }
.detail .cell-list { font-size:.94rem; }

.proscons { display:grid; gap:1.2rem; grid-template-columns:repeat(auto-fit, minmax(290px,1fr)); }
.proscons__col { padding:1.4rem 1.5rem; border-radius:var(--radius-m); background:#fff; border:1px solid var(--line); }
.proscons__col h3 { font-size:1.02rem; margin-bottom:.6rem; }
.proscons__col ul { margin:0; padding-left:1.1em; font-size:.95rem; }
.proscons__col--pro { border-left:4px solid var(--pine-600); }
.proscons__col--pro h3 { color:var(--pine-700); }
.proscons__col--pro li::marker { color:var(--pine-600); }
.proscons__col--con { border-left:4px solid var(--clay-600); }
.proscons__col--con h3 { color:var(--clay-600); }
.proscons__col--con li::marker { color:var(--clay-600); }

.safety-band { background:var(--clay-100); border-block:1px solid rgba(168,68,47,.18); }
.safety { max-width:80ch; }
.safety h2 { color:var(--clay-600); }
.safety ul { padding-left:1.15em; font-size:1rem; }
.safety li::marker { color:var(--clay-600); }
.safety__foot { margin-top:1.2rem; font-size:.88rem; color:var(--ink-2); }

/* --------------------------------------------------------------- análise */
.analysis { display:grid; gap:1.2rem; }
.analysis__item {
  padding:1.5rem clamp(1.1rem,2.5vw,1.9rem);
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  box-shadow:var(--shadow-s);
}
.analysis__item h3 { margin-bottom:.85rem; }
.analysis__chips { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; margin:0 0 1rem; padding:0; }
.achip {
  margin:0; padding:.5rem .85rem; border-radius:var(--radius-s);
  background:var(--sand-50); border:1px solid var(--line); min-width:150px;
}
.achip--na { opacity:.62; }
.achip__name { display:block; font-size:.74rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:.25rem; }
.achip__val .scale { gap:.25rem; }
.achip__val .scale__label { font-size:.85rem; }
.achip__val .na { font-size:.78rem; }
.achip__val .na__why { display:none; }
.analysis__text { margin:0; font-size:1.02rem; line-height:1.65; max-width:74ch; }

.sit-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); }
.sit {
  padding:1.35rem 1.5rem; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-m); border-top:3px solid var(--amber-500);
}
.sit h3 { font-size:1.02rem; margin-bottom:.45rem; }
.sit p { margin:0; font-size:.95rem; color:var(--ink-2); line-height:1.6; }

/* ----------------------------------------------------------------- guia */
.crit-list { display:grid; gap:1.2rem; }
.crit {
  padding:1.6rem clamp(1.1rem,2.5vw,2rem);
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m); box-shadow:var(--shadow-s);
}
.crit__head { display:flex; flex-wrap:wrap; align-items:baseline; gap:.8rem; margin-bottom:.7rem; }
.crit__head h3 { margin:0; }
.crit__scope {
  margin:0; padding:.2rem .6rem; border-radius:999px;
  font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  background:var(--sand-100); color:var(--muted); border:1px solid var(--line);
}
.crit__intro { font-size:1.02rem; max-width:74ch; }
.crit__method { font-size:.93rem; color:var(--muted); max-width:80ch; margin-bottom:1.3rem; }
.crit__method strong { color:var(--ink-2); }
.crit .ltable th[scope="row"] .scale { gap:.2rem; }
.crit .ltable th[scope="row"] .scale__label { display:none; }

.optlist { margin:0; display:grid; gap:.7rem; }
.optlist dt { font-weight:730; }
.optlist dd { margin:0 0 .3rem; font-size:.95rem; color:var(--muted); }

/* ------------------------------------------------------------ catálogo/filtro */
.filterbar { margin-bottom:2.2rem; }
.filterbar input {
  width:min(100%, 460px); padding:.8rem 1rem; font:inherit;
  border:1px solid var(--line-strong); border-radius:999px; background:#fff;
}
.filterbar__empty { margin:.9rem 0 0; font-size:.92rem; color:var(--muted); }

.catblock { margin-bottom:2.8rem; }
.catblock:last-child { margin-bottom:0; }
.catblock__head { margin-bottom:1rem; }
.catblock__head h2 { font-size:1.35rem; margin-bottom:.2rem; }
.catblock__head h2 a { color:inherit; text-decoration:none; }
.catblock__head h2 a:hover { color:var(--amber-700); }
.catblock__head p { margin:0; font-size:.94rem; color:var(--muted); }

.catlist { display:grid; gap:1.4rem; }
.catrow {
  display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.6fr); gap:clamp(1rem,3vw,2.4rem);
  padding:1.7rem clamp(1.2rem,2.5vw,2rem); background:#fff;
  border:1px solid var(--line); border-radius:var(--radius-m); box-shadow:var(--shadow-s);
  border-left:4px solid var(--amber-500);
}
.catrow--teal { border-left-color:var(--pine-500); }
.catrow--slate { border-left-color:var(--steel-600); }
.catrow--clay { border-left-color:var(--clay-600); }
.catrow--sand { border-left-color:var(--sand-300); }
.catrow__head h2 { font-size:1.28rem; margin-bottom:.3rem; }
.catrow__head h2 a { color:inherit; text-decoration:none; }
.catrow__head h2 a:hover { color:var(--amber-700); }
.catrow__short { margin:0; font-size:.92rem; color:var(--muted); }
.catrow__body p { font-size:.97rem; }
@media (max-width:860px){ .catrow { grid-template-columns:1fr; } }

/* ------------------------------------------------------------------ busca */
.bigsearch { display:flex; gap:.6rem; max-width:620px; margin:1.6rem 0 0; flex-wrap:wrap; }
.bigsearch input {
  flex:1 1 240px; padding:.85rem 1.1rem; font:inherit;
  border:1px solid var(--line-strong); border-radius:999px; background:#fff;
}
.suggest { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; margin:0; padding:0; }
.suggest li { margin:0; }
.suggest a {
  display:block; padding:.45rem .95rem; border-radius:999px; background:#fff;
  border:1px solid var(--line); color:var(--ink-2); text-decoration:none; font-weight:620; font-size:.93rem;
}
.suggest a:hover { border-color:var(--amber-500); color:var(--amber-700); }

.plainlist { list-style:none; margin:1.6rem 0 0; padding:0; display:grid; gap:.9rem; }
.plainlist li { margin:0; padding-bottom:.9rem; border-bottom:1px solid var(--line); }
.plainlist a { font-weight:700; font-size:1.05rem; text-decoration:none; }
.plainlist a:hover { text-decoration:underline; }
.plainlist span { display:block; font-size:.92rem; color:var(--muted); }

/* ---------------------------------------------------------------- fontes */
.srcgroups { display:grid; gap:1.4rem; grid-template-columns:repeat(auto-fit, minmax(330px,1fr)); }
.srcgroup { padding:1.5rem; background:#fff; border:1px solid var(--line); border-radius:var(--radius-m); box-shadow:var(--shadow-s); }
.srcgroup h2 { font-size:1.1rem; }
.srcgroup__intro { font-size:.93rem; color:var(--muted); }
.srclist { list-style:none; margin:0; padding:0; display:grid; gap:1rem; }
.srclist li { margin:0; padding-top:1rem; border-top:1px solid var(--line); }
.srclist__name { margin:0 0 .25rem; font-weight:730; font-size:.98rem; }
.srclist__text { margin:0; font-size:.9rem; color:var(--muted); line-height:1.55; }
.ext { font-size:.8em; margin-left:.25em; opacity:.7; }

/* ---------------------------------------------------------------- formulário */
.formbox {
  max-width:720px; padding:clamp(1.4rem,3vw,2.4rem);
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-l); box-shadow:var(--shadow-m);
}
.formbox h2 { margin-bottom:1.2rem; }
.cform__row { margin-bottom:1.2rem; display:flex; flex-direction:column; gap:.35rem; }
.cform label { font-weight:680; font-size:.94rem; }
.cform label span { color:var(--clay-600); }
.cform input[type=text], .cform input[type=email], .cform textarea {
  padding:.75rem .9rem; font:inherit; background:var(--sand-50);
  border:1px solid var(--line-strong); border-radius:var(--radius-s); color:var(--ink);
}
.cform input:focus, .cform textarea:focus { background:#fff; }
.cform textarea { resize:vertical; min-height:150px; }
.cform__hint { font-size:.84rem; color:var(--muted); }
.cform__legal { margin:1rem 0 0; font-size:.82rem; color:var(--muted); }
.cform__trap { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.formmsg { padding:.9rem 1.1rem; border-radius:var(--radius-s); font-size:.95rem; margin-bottom:1.4rem; }
.formmsg--ok { background:var(--pine-100); color:var(--pine-700); border:1px solid rgba(47,107,82,.25); }
.formmsg--warn { background:var(--amber-100); color:var(--amber-700); border:1px solid rgba(179,102,26,.25); }
.formmsg--err { background:var(--clay-100); color:var(--clay-600); border:1px solid rgba(168,68,47,.25); }
.formmsg ul { margin:.4rem 0 0; }
.formbox__alt { margin:1.6rem 0 0; font-size:.92rem; color:var(--muted); }

/* ------------------------------------------------------------------ rodapé */
.site-foot { background:var(--gr-900); color:rgba(243,237,227,.7); padding:3.5rem 0 2rem; margin-top:0; }
.foot-grid { display:grid; gap:2rem; grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr)); }
.foot-brand__name { margin:.8rem 0 .15rem; font-weight:800; color:#fff; font-size:1.05rem; }
.foot-brand__site { margin:0 0 .55rem; font-size:.88rem; font-weight:650; letter-spacing:.02em; color:var(--amber-400); }
.foot-brand__text { margin:0; font-size:.9rem; line-height:1.6; max-width:38ch; }
.foot-col h2 { font-size:.78rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; color:var(--amber-400); margin-bottom:.9rem; }
.foot-col ul { list-style:none; margin:0; padding:0; }
.foot-col li { margin:.4rem 0; }
.foot-col a { color:rgba(243,237,227,.72); text-decoration:none; font-size:.93rem; }
.foot-col a:hover { color:#fff; text-decoration:underline; }
.foot-note {
  margin:2.6rem 0 1rem; padding-top:1.6rem; border-top:1px solid rgba(255,255,255,.1);
  font-size:.85rem; line-height:1.6; color:rgba(243,237,227,.5); max-width:96ch;
}
.foot-legal { margin:0; font-size:.82rem; color:rgba(243,237,227,.38); }

@media (max-width:860px){ .foot-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .foot-grid { grid-template-columns:1fr; } }

/* ------------------------------------------------------------- utilidades */
.chosen { margin-top:3rem; }
.chosen h3 { font-size:1.2rem; margin-bottom:1rem; }

/* -------------------------------------------------------------- artigos */
.topicbar { background:var(--gr-800); border-bottom:1px solid rgba(255,255,255,.08); }
.topicbar ul { display:flex; flex-wrap:wrap; gap:.35rem; list-style:none; margin:0; padding:.7rem 0; }
.topicbar a {
  display:block; padding:.4rem .8rem; border-radius:999px; text-decoration:none;
  color:rgba(243,237,227,.72); font-size:.86rem; font-weight:650;
  border:1px solid transparent;
}
.topicbar a:hover { color:#fff; background:rgba(255,255,255,.08); }
.topicbar a[aria-current="page"] { color:#fff; background:rgba(208,131,38,.22); border-color:rgba(234,162,74,.35); }

.acard-grid { display:grid; gap:1.1rem; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); }
.acard {
  display:flex; flex-direction:column; gap:.55rem; padding:1.15rem 1.2rem 1.25rem;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  text-decoration:none; color:inherit; box-shadow:var(--shadow-s);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.acard:hover { transform:translateY(-3px); box-shadow:var(--shadow-m); border-color:var(--amber-400); }
.acard__arts { display:flex; gap:.35rem; }
.acard__arts svg { width:36px; height:36px; border-radius:8px; }
.acard__topic { font-size:.72rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; color:var(--amber-700); }
.acard__title { font-size:1.12rem; font-weight:760; line-height:1.3; color:var(--ink); }
.acard__lede { font-size:.92rem; color:var(--muted); line-height:1.5; }
.acard__more { margin-top:auto; font-size:.86rem; font-weight:700; color:var(--amber-700); }

.ahero { position:relative; background:var(--gr-900); color:var(--sand-100); overflow:hidden; }
.ahero__bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% 0%, rgba(208,131,38,.28), transparent 50%),
    radial-gradient(ellipse at 90% 80%, rgba(63,138,106,.16), transparent 45%);
}
.ahero__inner { position:relative; padding:clamp(2.2rem,1.6rem + 3vw,4rem) 0 2.6rem; text-align:center; }
.ahero__arts { display:flex; justify-content:center; gap:.6rem; margin-bottom:1.4rem; }
.ahero__art svg { width:72px; height:72px; border-radius:16px; filter:drop-shadow(0 12px 24px rgba(0,0,0,.4)); }
.ahero__art:nth-child(odd) { transform:translateY(-6px); }
.ahero__eyebrow { margin:0 0 .7rem; font-size:.76rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:var(--amber-400); }
.ahero h1 { color:#fff; max-width:22ch; margin-inline:auto; }
.ahero__lede { max-width:62ch; margin:0 auto; font-size:1.1rem; color:rgba(243,237,227,.76); }
.ahero__meta { margin:1.4rem 0 0; font-size:.82rem; color:rgba(243,237,227,.42); }

.faq { display:grid; gap:.7rem; max-width:78ch; }
.faq__item {
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-m);
  padding:.2rem 1.1rem;
}
.faq__item summary {
  cursor:pointer; font-weight:720; padding:.9rem 0; list-style:none;
}
.faq__item summary::-webkit-details-marker { display:none; }
.faq__item summary::after { content:'+'; float:right; color:var(--amber-700); font-weight:700; }
.faq__item[open] summary::after { content:'–'; }
.faq__item p { margin:0 0 1rem; color:var(--ink-2); }

@media print {
  .site-head, .site-foot, .toc, .selector, .picker, .bigsearch, .btn { display:none !important; }
  body { background:#fff; font-size:11pt; }
  .band { padding:1rem 0; }
  .table-wrap { overflow:visible; box-shadow:none; }
}