/* V3 — supplied long artwork, future Ronin and shared laboratory surfaces. */
body.lab-home{background-image:url('lab-background-v3.png');background-position:center top;background-repeat:no-repeat;background-size:100% 100%;min-height:100vh}
.lab-home .lab-character img{object-fit:contain;width:min(340px,100%);height:auto;max-height:370px;filter:drop-shadow(0 0 14px #25c9ff22) drop-shadow(0 20px 15px #0008)}
.lab-home .logo,.lab-content .logo,.lab-deep .brand-logo{object-fit:contain;background:linear-gradient(#17354b,#071521);border:1px solid #467d99;border-radius:12px;padding:2px;filter:drop-shadow(0 0 5px #ff852822)}
.lab-home .lab-featured[data-hover-direction='-1'] > .lab-carousel-controls > button[data-slide='-1'],.lab-home .lab-featured[data-hover-direction='1'] > .lab-carousel-controls > button[data-slide='1']{border-color:#ffc197;background:linear-gradient(#ac542e,#4d281f);box-shadow:0 0 17px #ff894c88}
.lab-home .lab-featured{touch-action:pan-y}.lab-home .lab-track{user-select:none;-webkit-user-select:none}
body.lab-deep{--cream:#061726;--paper:#10263a;--navy:#ecf5ff;--ink:#ecf5ff;--muted:#b8ccdf;--line:#365a73;--coral:#ff9857;--coral2:#ffb374;--gt-cream:#ecf5ff;--gt-gold:#ffad69;color:#ecf5ff;background:linear-gradient(#05132177,#051321dc 650px),url('lab-background-v3.png') center top / 100% auto no-repeat,#061726;line-height:1.6}
.lab-deep .topbar,.lab-deep .site-head{color:#ecf5ff;background:linear-gradient(125deg,#18354bea,#071422f5);border-color:#4a7893;box-shadow:inset 0 1px #83d2f93d,0 4px 0 #020b13,0 5px 0 #305b76,0 13px 26px #0007;backdrop-filter:blur(12px)}
.lab-deep .topbar .brand,.lab-deep .site-head .brand,.lab-deep .topbar .nav a,.lab-deep .site-head nav a{color:#ecf5ff}
.lab-deep .seo-shell,.lab-deep main.wrap,.lab-deep .wrap{width:min(1180px,calc(100% - 64px))}
.lab-deep .work-hero,.lab-deep .seo-hero,.lab-deep .hero{background:linear-gradient(125deg,#153d55ee,#091c2ee8);border:1px solid #4e849f;border-radius:18px 5px;box-shadow:inset 0 1px #a1dcff2e,0 6px 0 #030e19,0 7px 0 #2b506a,0 20px 30px #0005;position:relative}
.lab-deep .work-hero:after,.lab-deep .seo-hero:after{content:'';position:absolute;top:-1px;left:32px;width:64px;height:2px;background:#ffa259;box-shadow:0 0 12px #ff863c;pointer-events:none}
.lab-deep .work-hero h1,.lab-deep .section h2,.lab-deep .architecture h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f0f7ff}
.lab-deep .tagline,.lab-deep .hero-summary,.lab-deep .subtag,.lab-deep .brand-note span,.lab-deep .architecture p{color:#c2d9ea}.lab-deep .brand-note strong,.lab-deep .arch-item b,.lab-deep .eyebrow,.lab-deep .kicker{color:#ffac72}
.lab-deep .hero-brand-panel{background:radial-gradient(ellipse,#2175a533,transparent 70%)}.lab-deep .hero-brand-panel:before{border-color:#5c91b366;border-radius:12px}.lab-deep .avatar-fan img{border-color:#608ba5}.lab-deep .avatar-fan .avatar-main{border-color:#ffad69}.lab-deep .pill{background:#122f43;border-color:#48718a;color:#cce9fa;border-radius:7px}
.lab-deep .section.alt{background:#071e30d9;border-color:#31536d}.lab-deep .section{padding:48px 0}.lab-deep .section-head p,.lab-deep .story p{color:#bcd1e2}.lab-deep .quote,.lab-deep .architecture,.lab-deep .closing-card{background:linear-gradient(130deg,#17384f,#0a2033);color:#e6f2fd;border:1px solid #416e89;border-radius:12px;box-shadow:inset 0 1px #8ec8ef33,0 5px 0 #020b14,0 15px 22px #0005}
.lab-deep .screen-card,.lab-deep .feature,.lab-deep .hub-card,.lab-deep .rank-card,.lab-deep .compare-choice,.lab-deep .quick-pick,.lab-deep .guide-card,.lab-deep .match-card{background:linear-gradient(135deg,#15364d,#0c2134);color:#e8f4ff;border:1px solid #355e7b;border-radius:10px;box-shadow:inset 0 1px #8dc9ef22,0 4px 0 #020c16,0 13px 22px #0004}
.lab-deep .guide-card:hover,.lab-deep .hub-card:hover,.lab-deep .category-option:hover{border-color:#ffae75;box-shadow:0 0 14px #ff793322,0 14px 22px #0006}
.lab-deep .btn-primary,.lab-deep .btn.primary,.lab-deep .lablog{background:linear-gradient(#ff9d58,#ed642c);color:#fff;border:1px solid #ffbf8a;border-radius:8px;box-shadow:inset 0 1px #ffd2a8,0 4px 0 #70311d,0 0 18px #ff86352b}
.lab-deep .btn-secondary,.lab-deep .btn.secondary,.lab-deep .back{background:linear-gradient(#1d425c,#0b2439);color:#e7f4ff;border:1px solid #5487a7;border-radius:8px;box-shadow:0 3px 0 #03101c}.lab-deep .back{margin-bottom:18px}
.lab-deep .site-footer,.lab-deep .seo-footer{background:#051624f0;border-color:#315670;color:#b9d1e3}.lab-deep .seo-footer nav a,.lab-deep .site-footer a{color:#cde1f0}
.lab-deep :focus-visible{outline:3px solid #ffb17b;outline-offset:3px}.lab-deep input,.lab-deep select,.lab-deep textarea{background:#091d30;color:#e6f2fd;border-color:#507891;color-scheme:dark}.lab-deep input::placeholder{color:#98b3c9}.lab-deep .skip-link{background:#fff;color:#142a3d}
.lab-guides .hero{padding:34px 24px;margin-bottom:30px}.lab-guides .hero-character:before{background:radial-gradient(ellipse,#1b7aad44,transparent 70%);border-color:#467e9d55}.lab-guides .guide-grid{gap:20px}.lab-guides .category-browser,.lab-guides .keyword-mixer,.lab-guides .search-mode-tabs{background:linear-gradient(130deg,#102d44,#091f31);border-color:#3f6b87;box-shadow:0 5px 0 #03111c,0 16px 25px #0004;border-radius:12px}
.lab-guides .category-option,.lab-guides .refine-box,.lab-guides .recipe-box{background:#0c2337;border-color:#375e78;color:#e5f2fd}.lab-guides .category-option.selected,.lab-guides .refine-chip.selected,.lab-guides .idea-chip:hover,.lab-guides .search-mode-btn.active{background:#52301f;color:#ffe3cf;border-color:#ff9a5b}.lab-guides .browser-step.active{background:#462d23;color:#ffcea9;border-color:#d4814c}.lab-guides .browser-step.done{background:#113f37;color:#b3e7d2}.lab-guides .match-card.top{border-color:#ff9857;box-shadow:0 0 15px #ff823122}.lab-guides .compare-dialog{background:#0b2336;color:#eaf5ff;border:1px solid #507f9b}.lab-guides .compare-table th,.lab-guides .compare-table td{border-color:#36566f}.lab-guides .compare-tray{background:#0c263a;color:#eaf5ff;border-color:#5a8aa7}
.lab-seo .category-card{background:linear-gradient(140deg,#17384f,#0a2033);border-color:#3f6883}.lab-seo .table-wrap,.lab-seo .faq details,.lab-seo .verdict,.lab-seo .alternative{background:#0c2336;border-color:#385f7b}.lab-seo th{background:#16384f;color:#c2dced}.lab-seo td{border-color:#36546e}.lab-seo .choose-box{background:linear-gradient(115deg,#15415d,#0b2439);border:1px solid #4c7f9e}.lab-seo .rank-num{color:#ffbc85;background:#4a2f24}.lab-seo .choose-box .btn.primary{background:linear-gradient(#ff9d58,#ed642c);color:white}
@media(max-width:900px){.lab-deep .seo-shell,.lab-deep main.wrap,.lab-deep .wrap{width:calc(100% - 32px)}.lab-deep .site-head{flex-wrap:wrap;padding:12px 16px;gap:12px}.lab-deep .site-head nav{display:flex;flex-wrap:wrap;gap:10px 18px}.lab-work .topbar{position:relative;top:0;flex-wrap:wrap;gap:12px}.lab-work .topbar .nav{display:flex;flex-wrap:wrap;gap:12px;width:100%;order:2;font-size:14px}.lab-work .topbar .lablog{display:inline-flex;font-size:13px;padding:9px 12px}.lab-work .topbar .brand strong{font-size:16px}}
@media(max-width:760px){body.lab-home{background-size:100% 100%;background-position:center top}.lab-home .lab-character{height:190px}.lab-home .lab-character img{width:190px;height:190px;max-height:190px}.lab-deep .hero-layout{gap:12px}.lab-guides .hero{padding:25px 18px}.lab-deep .section{padding:34px 0}.lab-deep .work-hero h1{font-size:clamp(36px,11vw,58px);overflow-wrap:normal}.lab-deep .section h2{font-size:30px}.lab-deep .architecture h3{font-size:27px}.lab-deep .site-head .brand{font-size:15px}.lab-deep .site-head nav{font-size:14px}.lab-deep .seo-hero{padding:26px 20px}.lab-deep .seo-hero h1{font-size:clamp(34px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.lab-deep *, .lab-home .lab-slide{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.lab-seo .usecase-card{background:linear-gradient(140deg,#17384f,#0a2033);border-color:#3f6883;box-shadow:inset 0 1px #8dc9ef22,0 4px 0 #020c16,0 13px 22px #0004;border-radius:10px}
/* Keep third-party logo art legible without modifying any logo image. */
.lab-guides .tool-icon-wrap{background:#eff5fa;border-color:#94b0c3}
/* V4: slightly lower stance and a subtle contact shadow on the floor. */
.lab-home .lab-character{transform:translateY(clamp(16px,1.8vw,28px))}
.lab-home .lab-character img{filter:drop-shadow(0 2px 2px #0008) drop-shadow(0 13px 8px #0005)}
.lab-home .lab-track.is-turntable .lab-slide{transition:none!important;will-change:transform;backface-visibility:hidden;transform-origin:center center}
.lab-home .lab-track.is-turntable{cursor:grab;touch-action:pan-y}
.lab-home .lab-track.is-turntable:active{cursor:grabbing}
@media(max-width:760px){.lab-home .lab-character{transform:translateY(14px)}}

/* V5: opaque navy surfaces retain contrast against the illustrated landscape. */
body.lab-deep.lab-seo .category-card,body.lab-deep.lab-seo .usecase-card{background:linear-gradient(145deg,#183a50,#0a2033 78%);border-color:#52758a;color:#f4f8ff;box-shadow:0 6px 18px #0005}
body.lab-deep.lab-seo .category-card:hover,body.lab-deep.lab-seo .usecase-card:hover{background:linear-gradient(145deg,#20495f,#102c40 78%);border-color:#77cde4}
body.lab-deep.lab-seo .category-card h2,body.lab-deep.lab-seo .usecase-card h2{color:#f4f8ff!important}
body.lab-deep.lab-seo .category-card p,body.lab-deep.lab-seo .usecase-card p{color:#cbdce8!important}
body.lab-deep.lab-seo .category-icon,body.lab-deep.lab-seo .usecase-icon{background:#10293e;color:#9ee6f4!important;border-color:#52758a}
body.lab-deep.lab-seo .category-kicker,body.lab-deep.lab-seo .usecase-kicker{color:#a7e6f3!important}
body.lab-deep.lab-seo .category-tools span,body.lab-deep.lab-seo .usecase-tools span{background:#0b2032;border-color:#476579;color:#d9e9f4!important}
body.lab-deep.lab-seo .category-arrow,body.lab-deep.lab-seo .usecase-arrow{background:#14374c;color:#b5efff!important;border-color:#52758a}
body.lab-deep.lab-seo .category-card::before,body.lab-deep.lab-seo .usecase-card::before{background:#73c8db}
body.lab-deep.lab-seo .seo-hero-character img,body.lab-deep.lab-guides .hero-character img{object-fit:contain}