.preview-banner{background:#163b4f;padding:.7rem 0;border-bottom:1px solid #5ba9b5;font-size:.9rem}.preview-banner a{margin-left:.7rem;text-decoration:underline}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.resource-card{background:var(--card,#102333);border:1px solid var(--line,#294255);border-radius:12px;padding:1.3rem;min-width:0}.resource-card h3{font-size:1.2rem;line-height:1.35;margin:.6rem 0}.resource-card h3 a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.resource-card p{line-height:1.6}.resource-card small{color:#bfd0da}.featured-guide{max-width:900px}.topic-links{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0 2rem}.topic-links a{border:1px solid #446473;padding:.5rem .8rem;border-radius:8px}.topic-links [aria-current]{background:#72d7c4;color:#071827}.resource-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:1rem;align-items:end}.resource-search label{display:block;font-weight:600}.resource-search input,.resource-search select{display:block;width:100%;margin:.4rem 0 0;padding:.7rem;background:#0b2334;color:#ecf4f7;border:1px solid #5c7586;border-radius:6px;font:inherit;min-height:44px}.resource-search button{height:46px}.resource-pagination{display:flex;gap:1.4rem;align-items:center;justify-content:center;margin-top:2rem}.resource-pagination a{padding:.6rem}.no-results{padding:1.5rem;border:1px dashed #486575;border-radius:8px}.guide-page{padding:2.5rem 0}.guide{max-width:840px;margin:auto;padding:0 1.5rem}.guide h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;margin:1rem 0}.guide .lead{font-size:1.2rem;line-height:1.65}.byline{color:#beced7;font-size:.95rem;line-height:1.9}.back-link{display:inline-block;padding:.5rem 0;margin-bottom:1rem}.guide-toc{padding:1.2rem 1.5rem;border:1px solid #3d5c6e;border-radius:12px;margin:2rem 0;background:#102839}.guide-toc h2{font-size:1.15rem;margin:0}.guide-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 2rem;padding-left:1.3rem}.guide-body{font-size:1.1rem;line-height:1.85;overflow-wrap:anywhere}.guide-body h2{font-size:1.65rem;line-height:1.35;margin:2.7rem 0 1rem;scroll-margin-top:120px}.guide-body h3{font-size:1.25rem;line-height:1.4;margin:2rem 0 .6rem}.guide-body a{text-decoration:underline;text-underline-offset:.16em}.guide-body p{margin:.8rem 0 1.3rem}.guide-body li{margin:.45rem 0}.guide-body blockquote,.guide-body .callout{border-left:4px solid #72d7c4;padding:1rem 1.25rem;background:#122c3d;margin:1.5rem 0}.table-scroll{width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid #3b596a;border-radius:6px}.guide-body table{border-collapse:collapse;min-width:560px;width:100%;font-size:.95rem;line-height:1.6}.guide-body th,.guide-body td{border:1px solid #3b596a;padding:.75rem;text-align:left;vertical-align:top}.guide-body th{background:#173749;color:#f4ffff}.guide-body caption{padding:.75rem;text-align:left;font-weight:700}.article-media{margin:2rem 0}.article-media img,.article-cover img{width:100%;height:auto;border-radius:8px}.article-media video{width:100%;max-height:70vh;background:#000;border-radius:8px}.article-media figcaption,.media-description{font-size:.9rem;color:#bed0d9}.transcript{border:1px solid #405d6d;border-radius:8px;padding:1rem}.transcript summary{cursor:pointer;min-height:44px}.guide-cta,.author-bio{padding:1.5rem;border:1px solid #3f5d6c;border-radius:12px;margin:2.5rem 0}.guide-cta{background:#163144}.guide-cta h2,.author-bio h2{font-size:1.3rem}.related{margin:3rem auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:3px solid #ffbd79;outline-offset:3px}@media(max-width:760px){.resource-grid{grid-template-columns:1fr}.resource-card{padding:1.1rem}.resource-search{grid-template-columns:1fr}.resource-search button{width:100%}.guide{padding:0 1rem}.guide-page{padding:1.5rem 0}.guide-toc{padding:1rem}.guide-toc ol{grid-template-columns:1fr}.guide-body{font-size:1.05rem;line-height:1.8}.guide-body h2{font-size:1.45rem}.guide-cta,.author-bio{padding:1.1rem}.preview-banner{font-size:.85rem}.preview-banner a{display:block;margin:.3rem 0}}
/* Existing navigation rules apply to every nav; keep article TOC and pagination in flow. */
.resource-pagination,.guide-toc{position:static;inset:auto;max-height:none;overflow:visible}.resource-pagination{padding:0;background:transparent;flex-direction:row;align-items:center}.guide-toc{display:block;align-items:initial;flex-direction:initial}.guide-toc a{white-space:normal;overflow-wrap:anywhere;font-size:inherit;padding:.2rem 0;display:inline-block}

/* YouTube remains on YouTube; frames keep their landscape or Shorts ratio. */
.youtube-player{width:100%;aspect-ratio:16/9;position:relative;background:#000;border-radius:8px;overflow:hidden}.youtube-player.youtube-shorts{aspect-ratio:9/16;max-width:360px;margin-inline:auto}.youtube-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.youtube-fallback{font-size:.9rem;margin:.6rem 0}.youtube-media figcaption{overflow-wrap:anywhere}