/* V6: shared navigation and responsive surfaces. */
html{scroll-padding-top:calc(var(--ronin-nav-height,76px) + 18px)}
body.ronin-fixed-nav{padding-top:calc(var(--ronin-nav-height,76px) + 16px)}
#roninSiteHeader{position:fixed;inset:0 0 auto;z-index:150;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;width:100%;max-width:none;min-height:72px;padding:10px max(18px,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#16364b,#071724);color:#edf6ff;border:1px solid #4b7892;border-radius:0 0 14px 14px;box-shadow:0 4px 0 #03101c,0 5px 0 #41647a,0 10px 24px #0005;font:700 14px/1.4 system-ui,sans-serif;transform:none;overflow:visible}
#roninSiteHeader *{box-sizing:border-box}
#roninSiteHeader a{color:#edf6ff;text-decoration:none}
#roninSiteHeader .ronin-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
#roninSiteHeader .ronin-brand img{width:44px;height:44px;object-fit:contain;background:#102b40;border:1px solid #52839d;border-radius:12px}
#roninSiteHeader .ronin-brand strong{font-size:18px;color:#edf6ff}
#roninSiteHeader .ronin-desktop{display:flex;align-items:center;gap:22px}
#roninSiteHeader .ronin-desktop a:last-child{padding:10px 13px;background:linear-gradient(#ff9851,#ed622c);border-radius:8px;color:white}
#roninSiteHeader a:hover{color:#ffb87f}
#roninSiteHeader .ronin-menu-button{display:none;align-items:center;justify-content:center;min-width:44px;height:44px;background:#112f43;color:#edf6ff;border:1px solid #4b7892;border-radius:9px;font-size:25px;cursor:pointer}
#roninSiteHeader .ronin-mobile{display:none}
#roninSiteHeader :focus-visible{outline:3px solid #ffb77e;outline-offset:3px}
body.lab-guides .ronin-shortlist{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin:18px 0 24px;padding:20px;background:linear-gradient(135deg,#173a50,#0b2235);border:1px solid #52758a;border-radius:14px;color:#eaf5ff}
body.lab-guides .ronin-shortlist strong{font-size:15px;color:#f1f8ff}
body.lab-guides .ronin-shortlist>div>div{margin-top:6px;color:#c4d9e8;font-size:13px;line-height:1.6}
body.lab-guides .ronin-shortlist>div:last-child{display:flex;flex-wrap:wrap;gap:10px}
body.lab-deep.lab-guides .tool-icon-wrap{background:#102b40;border-color:#4b7892}
body.lab-deep.lab-seo .constraint-card{background:linear-gradient(145deg,#183a50,#0a2033 78%);border-color:#52758a;color:#f4f8ff;box-shadow:0 6px 18px #0005}
body.lab-deep.lab-seo .constraint-card:hover{background:linear-gradient(145deg,#20495f,#102c40 78%);border-color:#77cde4}
body.lab-deep.lab-seo .constraint-card h2{color:#f4f8ff!important}
body.lab-deep.lab-seo .constraint-card p{color:#cbdce8!important}
body.lab-deep.lab-seo .constraint-icon,body.lab-deep.lab-seo .constraint-arrow{background:#10293e;color:#9ee6f4!important;border-color:#52758a}
body.lab-deep.lab-seo .constraint-kicker{color:#a7e6f3!important}
body.lab-deep.lab-seo .constraint-tools span{background:#0b2032;border-color:#476579;color:#d9e9f4!important}
body.lab-deep.lab-seo .constraint-card::before{background:#73c8db}
body.lab-finder{--cream:#061726;--paper:#10263a;--navy:#ecf5ff;--muted:#bdd1e1;--line:#416a83;--peach:#29485c;--lav:#203a55;--green:#143e39;--sky:#80d8f4;--shadow:0 14px 28px #0005;color:#ecf5ff}
body.lab-finder .finder-hero,body.lab-finder .panel,body.lab-finder .result-card,body.lab-finder .alt-card,body.lab-finder .lib-card,body.lab-finder .state-card,body.lab-finder .t-card,body.lab-finder .join,body.lab-finder .modal{background:linear-gradient(135deg,#15364d,#0b2235);border-color:#52758a;color:#edf6ff}
body.lab-finder .finder-hero{border-radius:18px 5px;box-shadow:0 6px 0 #020d18,0 7px 0 #355b72,0 16px 30px #0005}
body.lab-finder .trust-chips li,body.lab-finder .badge,body.lab-finder .option,body.lab-finder .reasons li,body.lab-finder .answer-list li,body.lab-finder .filter,body.lab-finder .link-why,body.lab-finder .lib-visit,body.lab-finder .close,body.lab-finder .search-clear{background:#102d43;color:#d9eaf6;border-color:#52758a}
body.lab-finder .option:hover{background:#1a425a;border-color:#85d9ec}
body.lab-finder .option[aria-pressed="true"]{background:linear-gradient(135deg,#543629,#2b2630);color:#fff0e3;border-color:#ffac72}
body.lab-finder .option[aria-pressed="true"] .opt-icon{background:#74442d}
body.lab-finder .watchout{background:#352d26;color:#f1d8b1;border-color:#856844}
body.lab-finder .watchout strong{color:#ffcf94}
body.lab-finder .specialist-note{background:#143e39;border-color:#447b70}
body.lab-finder .specialist-note strong,body.lab-finder .specialist-note span{color:#c4eddf}
body.lab-finder .tag,body.lab-finder .tag.price,body.lab-finder .tag.free{background:#16374d;color:#b7e4f6;border:1px solid #456c85}
body.lab-finder .tag.free{background:#143e39;color:#b7edda}
body.lab-finder .progress-track,body.lab-finder .score-bar{background:#29465b}
body.lab-finder .library-empty{background:#10263a;border-color:#52758a}
body.lab-finder .btn.secondary,body.lab-finder .restart{background:#153a52;color:#e9f5ff;border:1px solid #5487a7}
body.lab-finder .filter.active,body.lab-finder .btn.primary{background:linear-gradient(#ff9d58,#ed642c);color:#fff;border-color:#ffbf8a}
body.lab-finder .transparency-note a{color:#ffb783}
body.lab-finder .finder-art .mascot{opacity:1;transform:none;border-radius:0;object-fit:contain}
@media(max-width:900px){
 #roninSiteHeader{padding:8px 14px;min-height:64px;gap:8px}
 #roninSiteHeader .ronin-brand strong{font-size:clamp(14px,4vw,18px)}
 #roninSiteHeader .ronin-brand img{width:40px;height:40px}
 #roninSiteHeader .ronin-desktop{display:none}
 #roninSiteHeader .ronin-menu-button{display:flex}
 #roninSiteHeader .ronin-mobile.open{position:absolute;display:flex;flex-direction:column;top:calc(100% + 6px);left:10px;right:10px;gap:3px;margin:0;padding:10px;background:#0c2336;border:1px solid #527f99;border-radius:13px;max-height:calc(100dvh - var(--ronin-nav-height,64px) - 22px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 15px 30px #0007}
 #roninSiteHeader .ronin-mobile a{display:block;padding:13px 16px;min-height:46px;border-radius:8px;font-size:16px}
 #roninSiteHeader .ronin-mobile a:hover{background:#1c4057}
}
@media(max-width:760px){
 body.lab-deep.lab-seo .best-ai-hero .seo-hero-layout{display:flex;flex-direction:column;gap:20px}
 body.lab-deep.lab-seo .best-ai-hero .seo-hero-character{order:-1;align-self:center;justify-content:center;max-height:none;overflow:visible;width:100%}
 body.lab-deep.lab-seo .best-ai-hero .seo-hero-character img{width:min(220px,62vw);height:auto;max-height:none;margin:0}
 body.lab-deep.lab-seo .best-ai-hero .seo-hero-copy{text-align:center;width:100%;min-width:0}
 body.lab-deep.lab-seo .best-ai-hero h1{font-size:clamp(32px,8.5vw,44px);line-height:1.1;margin:12px 0 18px}
 body.lab-deep.lab-seo .best-ai-hero .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 body.lab-deep.lab-seo .best-ai-hero .hero-actions .btn{width:100%;min-height:48px;white-space:normal}
 body.lab-home{background-size:auto 1983px;background-position:center top;background-color:#061726}
 body.lab-home .lab-character{height:290px;transform:none;display:flex;align-items:flex-end;justify-content:center;padding:0 0 20px;background:url('lab-background-v3.png') center top / auto 1050px no-repeat;border-radius:12px}
 body.lab-home .lab-character img{height:190px;width:190px;object-fit:contain}
 body.lab-finder .finder-hero-grid{display:flex;flex-direction:column;gap:16px;padding:25px 18px}
 body.lab-finder .finder-art{order:-1;min-height:0;width:100%}
 body.lab-finder .finder-art .mascot{width:min(220px,62vw);height:auto}
 body.lab-finder .finder-hero h1{font-size:clamp(32px,8.5vw,44px)}
 body.lab-finder .finder-hero{text-align:center}
 body.lab-finder .trust-chips{justify-content:center}
 body.lab-finder .finder-hero .actions .btn{width:100%}
}
body.lab-finder .best-card{background:linear-gradient(145deg,#21485f,#0b2235 78%);border-color:#ffae75;box-shadow:0 0 20px #ff8c3520,0 16px 30px #0005}
body.lab-finder .disclosure,body.lab-finder .alt-card .rank-badge{background:#102b40;color:#c5dcea;border-color:#52758a}
body.lab-finder .trust-section{background:linear-gradient(#0b2336,#061726)}