/* Guide, controls and comparison pages (The Nugget, AI Studio). Builds on pages.css + finish.css. */
.guide-page .page-crumbs{padding-bottom:22px}
.lang-switch{display:flex;gap:8px;align-items:center;font-size:.8rem;color:#8d9399;margin:-4px 0 26px}
.lang-switch a,.lang-switch span{padding:6px 10px;border:1px solid #ffffff1c;letter-spacing:.08em}
.lang-switch [aria-current]{background:#ffffff12;color:#f2f3f5;border-color:#ffffff38}
.lang-switch a:hover{border-color:#ffffff50;color:#fff}
.guide-sub{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.9rem;border-block:1px solid #ffffff18;padding:16px 0;margin:0 0 10px}
.guide-sub a{color:#c9cdd2;padding:4px 0}
.guide-sub a[aria-current]{color:#fff;box-shadow:inset 0 -1px 0 #fff}
.guide-sub a:hover{color:#fff}
.nugget-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:30px 0 50px}
.nugget-hero h1{font-size:clamp(3.2rem,6.6vw,6.4rem)}
.nugget-hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.1em;color:#b7bbc0;margin-bottom:20px}
.nugget-hero .lead{font-size:1.12rem;line-height:1.75;color:#c6cacf;margin-top:22px;max-width:56ch}
.nugget-hero picture img,.nugget-hero>img{width:100%;height:auto;aspect-ratio:616/353;object-fit:cover;border:1px solid #ffffff1c}
.cta-row{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:28px}
.subpage #main .button.secondary{background:transparent;color:#eef0f2;border:1px solid #ffffff55}
.subpage #main .button.secondary:hover{background:#ffffff10}
.cta-note{font-size:.85rem;color:#9a9fa5;margin-top:16px;max-width:60ch}
.ea-note{border-left:2px solid #d8b55a;background:linear-gradient(90deg,#d8b55a12,transparent 70%);padding:18px 22px;margin:10px 0 40px;color:#d3d6da;font-size:1rem;line-height:1.7;max-width:900px}
.ea-note strong{color:#f0d68c}
.guide-section{padding:60px 0;border-top:1px solid #ffffff14}
.guide-section>h2,.guide-section header h2{font-size:clamp(2rem,3.4vw,3.1rem);margin:12px 0 22px;line-height:1.08}
.guide-section .eyebrow{font-size:.78rem;color:#9ca1a7;letter-spacing:.14em}
.prose{max-width:760px;color:#bfc3c8;font-size:1.05rem;line-height:1.8}
.prose p{margin-block:16px;line-height:1.8}
.prose h3{font-size:1.3rem;color:#eef0f2;margin:34px 0 10px;line-height:1.3}
.prose ul,.prose ol{padding-left:22px}.prose li{padding-block:5px;line-height:1.7}
.prose a,.inline-link{color:#eef0f2;text-decoration:underline;text-underline-offset:4px}
.prose a:hover{color:#fff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px}
.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.feature-list>div{padding:22px;background:linear-gradient(145deg,#141416,#09090b 50%,#050506);border:1px solid #ffffff16}
.feature-list h3{font-size:1.1rem;margin-bottom:10px;color:#f0f1f3}
.feature-list p{font-size:.95rem;line-height:1.65;color:#a9aeb4}
.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.shot-grid .gallery-shot>img{border:1px solid #ffffff14}
.shot-grid figcaption,.shot-caption{font-size:.85rem;color:#9a9fa5;margin-top:8px}
.shot-grid figure{margin:0}
.fact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#ffffff16;border:1px solid #ffffff16;margin:6px 0 30px}
.fact-strip>div{background:#060607;padding:18px 18px 16px}
.fact-strip b{display:block;font-size:1.35rem;color:#f2f3f5;font-weight:600}
.fact-strip span{font-size:.82rem;color:#9ca1a7;letter-spacing:.04em}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.spec-grid h3{font-size:1.1rem;margin-bottom:10px}
.spec-grid dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;font-size:.95rem}
.spec-grid dt{color:#8f959b}.spec-grid dd{margin:0;color:#d6d9dc}
.table-wrap{overflow-x:auto;margin:18px 0 8px;border:1px solid #ffffff16;-webkit-overflow-scrolling:touch}
.data-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #ffffff12;vertical-align:top;line-height:1.5}
.data-table thead th{background:#101012;color:#e9ebee;font-weight:600;font-size:.85rem;letter-spacing:.04em;position:sticky;top:0}
.data-table tbody th{color:#d7dadd;font-weight:500;width:34%}
.data-table td{color:#b8bcc1}
.data-table tr:last-child>*{border-bottom:0}
.compare-table tbody th{width:22%}
.compare-table td:nth-child(2){color:#e8eaec}
kbd,.key{display:inline-block;min-width:1.9em;padding:2px 7px;margin:1px 2px;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:4px;background:#17181a;color:#f1f2f4;font:600 .82rem/1.5 'IBM Plex Mono',ui-monospace,Consolas,monospace;text-align:center;white-space:nowrap}
.pad{border-radius:999px}
.toc{display:flex;flex-wrap:wrap;gap:8px 10px;margin:8px 0 6px}
.toc a{font-size:.85rem;padding:7px 12px;border:1px solid #ffffff1c;color:#cfd3d7}
.toc a:hover{border-color:#ffffff50;color:#fff}
.controls-group{scroll-margin-top:110px}
.guide-faq details{border-bottom:1px solid #ffffff18;max-width:860px}
.guide-faq summary{padding:18px 0;cursor:pointer;font-size:1.05rem;color:#e3e6e9}
.guide-faq details>div{color:#b4b9be;line-height:1.75;padding-bottom:20px;max-width:70ch}
.guide-faq details>div p{margin-block:10px}
.disclaimer{font-size:.85rem;color:#8d9399;line-height:1.7;max-width:820px;margin-top:26px}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.related-links a{display:block;padding:20px;border:1px solid #ffffff1a;background:linear-gradient(145deg,#141416,#08080a)}
.related-links a strong{display:block;color:#f0f1f3;font-size:1.05rem;margin-bottom:6px}
.related-links a span{font-size:.9rem;color:#a2a7ad;line-height:1.6}
.related-links a:hover{border-color:#ffffff45}
.status-pill{display:inline-block;padding:5px 11px;border:1px solid #d8b55a88;color:#f0d68c;font-size:.75rem;letter-spacing:.12em}
@media(max-width:1000px){.nugget-hero{grid-template-columns:1fr;gap:30px}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .nugget-hero{padding:10px 0 30px}.nugget-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.nugget-hero .lead{font-size:1rem}
 .guide-section{padding:42px 0}.guide-section>h2,.guide-section header h2{font-size:2rem}
 .prose{font-size:1rem}.two-col,.spec-grid,.shot-grid,.feature-list,.related-links{grid-template-columns:1fr}
 .cta-row .button{width:100%}.ea-note{padding:15px 16px;font-size:.95rem}
 .data-table{font-size:.9rem}.data-table th,.data-table td{padding:10px 11px}
 .guide-sub{gap:6px 16px;font-size:.85rem}
}
.prose h2{color:#eef0f2;font-size:clamp(2rem,3.4vw,3.1rem);margin:12px 0 22px;line-height:1.08}