/* Screenshot reference: one compact panel, five paths, search, two menus, video strip. */
html { background:#0b101c; }
body.resources-reference { font-size:14px; line-height:1.5; --max:1280px; --serif:"Times New Roman",Times,serif; }
body.resources-reference.dark { --bg:#080b12; --surface:#111823; --surface2:#182131; --border:#263449; --text:#edf2fa; --muted:#8c9fba; --brand:#8eb4ff; --brand-soft:#152039; --accent:#6dcced; }
body.resources-reference:not(.resources-kb-embed) { width:calc(100% - 32px); max-width:1280px; margin:24px auto; border:1px solid var(--border); border-radius:14px; overflow:hidden; }
html.resources-kb-embed,body.resources-reference.resources-kb-embed { min-height:0; }
body.resources-reference .site-header { padding:16px 26px 14px; background:radial-gradient(ellipse at 10% 0%,#263d7d,transparent 58%),linear-gradient(#10192d,#0c1220); border-bottom:1px solid var(--border); }
body.resources-reference .site-header .lede { display:none; }
body.resources-reference .site-header h1 { font-size:24px; margin:0; }
body.resources-reference .eyebrow { font-size:11px; margin-bottom:5px; }
body.resources-reference .notice[role="note"] { margin:0 26px 14px; padding:12px 16px; font-size:12px; border-radius:12px; max-width:none; }
body.resources-reference main { width:100%; max-width:none; padding:0 26px 24px; }
body.resources-reference .home-section-nav { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0 0 14px; }
body.resources-reference .path-card,body.resources-reference .path-card-menu { min-width:0; min-height:150px; padding:16px; background:var(--surface); border-radius:12px; box-shadow:none; }
body.resources-reference .path-card strong { font-size:16px; line-height:1.3; }
body.resources-reference .path-card span:last-child { font-size:12px; line-height:1.45; }
body.resources-reference .path-kicker { font-size:10px; }
body.resources-reference #start-here-trigger { display:grid; grid-template-columns:1fr auto; grid-template-areas:"kicker title" "hint hint"; align-items:start; align-content:start; padding:0; border:0; border-radius:0; background:none; box-shadow:none; gap:14px 6px; }
body.resources-reference .path-card-trigger strong { grid-area:title; font-size:16px; text-align:right; color:var(--text); }
body.resources-reference .path-card-trigger .path-kicker { grid-area:kicker; font-size:10px; }
body.resources-reference .path-card-trigger > span:not(.path-kicker):not(.menu-dropdown-chevron) { grid-area:hint; font-size:12px; padding-right:70px; }
body.resources-reference .path-card-trigger .menu-dropdown-chevron { top:34px; right:16px; }
body.resources-reference .hero-search { padding:16px; margin:0 0 18px; }
body.resources-reference .hero-search input[type="search"] { margin:8px 0 18px; height:44px; font:inherit; }
body.resources-reference .hero-search .hint,body.resources-reference .resource-source-status { font-size:11px; line-height:1.6; margin:10px 0; }
body.resources-reference .history-option { display:flex; align-items:center; gap:8px; font-size:12px; }
body.resources-reference .history-option input { width:auto; margin:0; }
body.resources-reference .home-menus { gap:12px; margin:0 0 24px; }
body.resources-reference .home-menus .menu-dropdown-trigger { background:var(--surface); border-radius:12px; padding:13px 16px; }
body.resources-reference .menu-dropdown-title { font-size:18px; }
body.resources-reference .menu-dropdown-kicker { font-size:10px; }
body.resources-reference .menu-dropdown-hint { font-size:12px; }
body.resources-reference .section-head { margin:0 0 14px; }
body.resources-reference .section-head h2 { font-size:20px; }
body.resources-reference .text-btn { font-size:12px; }
body.resources-reference .carousel { gap:10px; scrollbar-width:auto; margin-bottom:20px; padding-bottom:10px; }
body.resources-reference .video-card { flex:0 0 220px; border-radius:11px; }
body.resources-reference .video-card .thumb { background-size:cover; }
body.resources-reference .video-card .body { display:block; padding:12px; min-height:105px; }
body.resources-reference .video-card strong { font-size:14px; line-height:1.45; }
body.resources-reference .video-card .meta { font-size:11px; line-height:1.55; }
body.resources-reference footer { padding:24px 26px 40px; font-size:11px; }
body.resources-reference .resource-host-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 20px; padding:12px 14px; border:1px solid var(--border); border-radius:12px; font-size:12px; }
body.resources-reference .primary-nav,body.resources-reference .tools-nav { flex-wrap:wrap; }
body.resources-reference.dark .context-guide-hint { background:var(--surface2); color:var(--text); border-color:var(--border); }
body.resources-reference.dark .context-guide-hint p { color:var(--muted); }
@media(max-width:1000px) { body.resources-reference .home-section-nav { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { body.resources-reference .site-header { padding:16px; } body.resources-reference main { padding:0 16px 20px; } body.resources-reference .notice[role="note"] { margin:0 16px 14px; } body.resources-reference .home-section-nav { grid-template-columns:repeat(2,minmax(0,1fr)); } body.resources-reference .home-menus { grid-template-columns:1fr; } body.resources-reference .path-card,body.resources-reference .path-card-menu { padding:12px; } body.resources-reference .path-card-trigger { grid-template-areas:"kicker" "title" "hint"; grid-template-columns:1fr; gap:6px; } body.resources-reference .path-card-trigger strong { text-align:left; } body.resources-reference .path-card-trigger .menu-dropdown-chevron { top:18px; right:12px; } body.resources-reference .hero-search { padding:16px; } body.resources-reference .video-card { flex-basis:220px; } }
@media(prefers-reduced-motion:reduce) { body.resources-reference .carousel { scroll-behavior:auto; } }
@media(max-width:640px) { body.resources-reference #start-here-trigger { grid-template-areas:"kicker" "title" "hint"; grid-template-columns:1fr; gap:6px; } body.resources-reference .path-card-trigger > span:not(.path-kicker):not(.menu-dropdown-chevron) { padding-right:0; } }