/* KeyAgain — páginas de aparelhos, guias, redes e glossário (Claude, 20/10/2026). Paleta oficial; complementa site.css. */
.g .top nav a[aria-current=page]{color:#294d3e;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.g-main{padding-top:8px;padding-bottom:56px}
.g-main>*{max-width:900px}
.g h1{font-size:clamp(2rem,5.2vw,3.3rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}
.g h2{font-size:clamp(1.3rem,2.6vw,1.65rem);letter-spacing:-.02em;line-height:1.25;margin:40px 0 12px}
.g h3{font-size:1.1rem;margin:28px 0 8px}
.g p,.g li{max-width:46em}
.g .lede{margin:0 0 8px;text-align:left;max-width:40em;color:#4c6058;font-size:1.15rem}
.g .lede b{color:#182623}
.g .eyebrow{margin:0 0 12px;text-transform:uppercase}
.g .small{color:#4c6058}

/* trilha */
.crumbs{display:block;font-weight:500;font-size:.85rem;margin:4px 0 24px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0}
.crumbs li{color:#4c6058}
.crumbs li+li::before{content:"›";margin:0 8px;color:#8ca19a}
.crumbs a{color:#294d3e}

/* topo das páginas */
.g-hero{display:grid;gap:28px;align-items:start;max-width:none}
.g-hero.has-photo{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)}
.g-photo{margin:0}
.g-photo img{width:100%;border-radius:18px;background:#e7ecdc;box-shadow:0 12px 32px #18262318}
.g-photo figcaption{max-width:none;text-align:left;margin:10px 0 0;color:#4c6058;font-size:.85rem}
@media(max-width:760px){.g-hero.has-photo{grid-template-columns:1fr}.g-photo{max-width:420px}}

/* ficha */
.g-spec{background:#fffdf8;border:1px solid #d5ddd2;border-radius:16px;padding:22px 24px;margin:32px 0 8px}
.g-spec h2{margin:0 0 14px;font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em;color:#4c6058}
.g-spec dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:0}
.g-spec dl div{min-width:0;border-bottom:1px solid #e7ecdc;padding-bottom:10px}
.g-spec dt{font-size:.78rem;color:#4c6058;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.g-spec dd{margin:4px 0 0;font-weight:600}
.g-spec p{margin:14px 0 0}
@media(max-width:340px){.g-spec dl{grid-template-columns:1fr}}
.g-hero .g-spec{margin-top:24px}

/* selos */
.tag.st-tested,.tag.nw-on{background:#c6eb76;color:#182623}
.tag.st-candidate,.tag.nw-partly{background:#e7ecdc;color:#182623;border:1px solid #b8c5b9}
.tag.st-no,.tag.nw-off{background:#182623;color:#f5f1e8}
.tag.nw-ending{background:#f07856;color:#182623}
.tag.st-na{background:transparent;color:#4c6058;border:1px solid #d5ddd2}
.g h2 .tag{vertical-align:middle;margin-left:6px;font-size:.75rem;letter-spacing:0}

/* listas e caixas */
.g-main ul,.g-main ol{padding-left:1.3em}
.g-main ul.ticks{padding-left:0;display:grid;gap:8px}
.g-steps{display:grid;gap:12px;padding-left:1.4em}
.g-steps li::marker{color:#294d3e;font-weight:800}
.g-tip,.g-note{background:#e7ecdc;border-left:4px solid #294d3e;border-radius:0 12px 12px 0;padding:14px 18px;margin:20px 0}
.g-note{background:#fffdf8;border-left-color:#f07856}
.g-warn{background:#fff3ee;border-left:4px solid #f07856;border-radius:0 12px 12px 0;padding:14px 18px;margin:20px 0}

/* grade de aparelhos */
.g-grid{list-style:none;padding:0!important;margin:16px 0 8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:none}
.g-grid-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.g-grid li{max-width:none}
.g-card{display:flex;flex-direction:column;height:100%;background:#fffdf8;border:1px solid #d5ddd2;border-radius:14px;overflow:hidden;text-decoration:none;color:#182623}
.g-card:hover{border-color:#294d3e;color:#182623}
.g-card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#e7ecdc}
.g-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:linear-gradient(160deg,#e7ecdc,#d5ddd2);color:#4c6058;font-weight:800;letter-spacing:.06em;font-size:.9rem;text-transform:uppercase}
.g-card.st-candidate .g-ph{background:linear-gradient(160deg,#f5f1e8,#e7ecdc)}
.g-card.st-no .g-ph{background:linear-gradient(160deg,#d5ddd2,#b8c5b9)}
.g-card-t{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
.g-card-t b{font-size:.98rem;line-height:1.3}
.g-card-t small{color:#4c6058;font-size:.8rem}
.g-grid-s .g-card img,.g-grid-s .g-ph{aspect-ratio:4/3}

/* famílias e cartões de guia */
.g-fams,.g-gcards{list-style:none;padding:0!important;margin:16px 0;display:grid;gap:14px;max-width:none}
.g-fams{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.g-gcards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.g-fams li,.g-gcards li{max-width:none}
.g-fam,.g-gcard{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;background:#fffdf8;border:1px solid #d5ddd2;border-radius:14px;text-decoration:none;color:#182623}
.g-fam:hover,.g-gcard:hover{border-color:#294d3e;color:#182623;background:#fff}
.g-fam b,.g-gcard b{font-size:1.05rem;line-height:1.3}
.g-fam small,.g-gcard small{color:#4c6058;font-size:.88rem;line-height:1.5}

/* artigo */
.g-art{max-width:46em}
.g-meta{color:#4c6058;font-size:.85rem;margin:-6px 0 18px}
.g-art h2{scroll-margin-top:16px}
.g-art table{min-width:0}
.g-art blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:3px solid #8ca19a;color:#4c6058}
.g-toc{background:#fffdf8;border:1px solid #d5ddd2;border-radius:14px;padding:16px 20px;margin:24px 0 8px}
.g-toc p{margin:0 0 8px;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#4c6058}
.g-toc ol{margin:0;padding-left:1.3em;display:grid;gap:4px}
.g-toc a{text-decoration:none}
.g-toc a:hover{text-decoration:underline}

/* tabelas */
.g-table{margin:24px 0 10px;max-width:none}
.g-table table{min-width:600px}
.g-table th a{font-weight:800}
.g-table td:last-child{font-size:.9rem;color:#4c6058}
.g-states{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none}
.g-states>div{background:#fffdf8;border:1px solid #d5ddd2;border-radius:14px;padding:4px 22px 10px}
.g-states h2{margin-top:18px}
@media(max-width:700px){.g-states{grid-template-columns:1fr}}

/* glossário */
.g-gloss{margin:24px 0;display:grid;gap:0}
.g-gloss div{padding:16px 0;border-bottom:1px solid #d5ddd2;scroll-margin-top:16px}
.g-gloss dt{font-weight:800;font-size:1.05rem}
.g-gloss dd{margin:6px 0 0;max-width:46em;color:#2a3f3a}

/* perguntas, relacionados, chamada */
.g-faq{margin-top:40px}
.g-faq h2{margin-bottom:4px}
.g-rel{margin-top:36px}
.g-links{display:grid;gap:8px}
.g-links.g-inline{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0!important}
.g-cta{background:#182623;color:#f5f1e8;border-radius:20px;padding:30px 32px;margin:48px 0 8px;max-width:900px}
.g-cta h2{color:#f5f1e8;margin:0 0 10px}
.g-cta p{color:#e7ecdc}
.g-cta .actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:18px 0 12px}
.g-cta .link{color:#c6eb76}
.g-cta .link:hover{color:#f5f1e8}
.g-cta .small{color:#aebfb8;margin:0}
@media(max-width:560px){.g-cta{padding:24px 20px;border-radius:14px}}