/* BioLab visual identity — 18 October 2026. Layout only; experiment logic unchanged. */
:root{--mint:#16b7bb;--ink:#123951}header{background:#f7fcffed;color:#123951;border-bottom:1px solid #d5e7ef;box-shadow:0 4px 24px #1744630b}.brand{color:#103b57}.brand small{color:#34778a}.header-actions button{background:#edf7fb;color:#16455e;border-color:#cee3ed}.session-title{color:#337084}.primary{background:#008e9f;color:white}.primary:hover{background:#007686}.glass{background:#f5fbfff2;color:#173f56;border:1px solid #d5e6ed;box-shadow:0 10px 30px #1c4b6220}.glass .eyebrow,.glass small,.glass label,.glass p{color:#375e70}.glass button{background:#e0eff4;color:#183f56;border-color:#c5dce6}.glass button.primary,.context-actions button{background:#087f90;color:white}.glass button:disabled{opacity:.45}.glass .active,.glass button[aria-pressed=true]{background:#a5eeeb;color:#123f51}.welcome{display:block;overflow:auto;padding:42px 5vw 22px;background:linear-gradient(90deg,#f3fbff 0%,#f3fbfff5 35%,#e9f7ff88 70%,#eaf8ff44 100%);color:#103652}.home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:390px;gap:40px;max-width:1440px;margin:auto}.intro{max-width:610px}.intro h1{font-size:clamp(42px,5vw,76px);letter-spacing:-.045em;line-height:1.04;margin:22px 0}.intro h1 em{font-style:normal;color:#008ba1}.intro>p:not(.eyebrow){color:#365b70;font-size:18px;line-height:1.7;max-width:520px}.eyebrow{color:#18778b}.intro .eyebrow{display:inline-block;background:#d5f2f6;border-radius:30px;padding:9px 16px;font-size:11px;letter-spacing:.13em}.start-actions{display:flex;flex-wrap:wrap;gap:12px}.start-actions button{padding:16px 22px;border-radius:30px}.start-actions .outline{border:1px solid #249eb0;color:#126276;background:#f6fcffd9}.hero-window{align-self:end;justify-self:end;margin:0 0 30px;padding:24px;border:1px solid #ffffffb0;border-radius:24px;background:#f8fdffba;backdrop-filter:blur(8px);box-shadow:0 15px 50px #173a5415}.hero-window>span{font-size:10px;letter-spacing:.16em;color:#277d8c}.hero-window p{font-size:27px;line-height:1.25;margin:12px 0}.hero-window small{color:#486d7b}.home-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1440px;margin:30px auto 0}.home-cards a{display:block;text-decoration:none;color:#133954;border:1px solid #d6e9f0;background:#f9fdfff2;border-radius:24px;padding:24px;box-shadow:0 8px 28px #24537512;transition:transform .2s,box-shadow .2s}.home-cards a:nth-child(2){background:#f0effff2}.home-cards a:nth-child(3){background:#fff8edf2}.home-cards a:hover{transform:translateY(-4px);box-shadow:0 14px 32px #24537524}.card-symbol{display:block;font-size:38px;line-height:1;color:#008da0;margin-bottom:16px}.home-cards small{font-size:9px;letter-spacing:.16em;color:#467183}.home-cards h2{font-size:21px;margin:10px 0}.home-cards p{font-size:14px;line-height:1.6;color:#48677b;min-height:46px}.home-cards b{font-size:13px;color:#007d91}.home-footer{display:flex;justify-content:space-between;gap:20px;max-width:1440px;margin:28px auto 0;padding-top:20px;border-top:1px solid #c8dfe8;color:#416779;font-size:11px}.home-view #labels{visibility:hidden}.home-view .session-title{display:none}button:focus-visible,a:focus-visible{outline:3px solid #9562dc;outline-offset:4px}@media(max-width:850px){.home-cards{grid-template-columns:repeat(2,1fr)}.home-hero{grid-template-columns:1fr}.hero-window{display:none}.welcome{padding:24px;background:#eff8fff5}.intro h1{font-size:48px}.home-footer{flex-direction:column;gap:8px}}@media(max-width:480px){.home-cards{grid-template-columns:1fr}.intro h1{font-size:42px}.home-cards p{min-height:0}.home-cards a{padding:20px}.home-view header .brand small{display:none}.home-view header .brand{font-size:18px}.home-view header{padding:10px}.home-view .header-actions button{padding:9px}.welcome{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.home-cards a{transition:none}}

/* User supplied illustrations: dedicated hero, not a translucent bench overlay. */
.home-view #world{visibility:hidden}.home-view header{background:#f6fbff;gap:22px}.site-nav{display:none}.home-view .site-nav{display:flex;gap:5px;padding:6px;border:1px solid #e0edf4;border-radius:40px;background:white;align-items:center}.site-nav a,.site-nav button{color:#19435e;text-decoration:none;padding:12px 18px;font:600 14px system-ui;border:0;background:none;border-radius:25px}.site-nav [aria-current]{background:#d7f4f7;color:#006f85}.home-view .header-actions #catalog-button{display:none}.welcome{background:#f0f8ff;padding:0 0 25px}.home-hero{max-width:none;min-height:490px;padding:48px 6vw;background:linear-gradient(90deg,#f4fafff2 0%,#f4faffd9 33%,transparent 65%),url('assets/laboratorio-inicio.png') center right/cover no-repeat}.hero-window{display:none}.intro{max-width:540px}.intro h1{font-size:clamp(42px,4.6vw,72px)}.home-cards{margin:-12px auto 0;width:90%;position:relative;gap:20px}.home-cards a,.home-cards .home-lab-card{display:block;text-align:left;text-decoration:none;color:#133954;border:1px solid #d6e9f0;background:#f9fdfff5;border-radius:24px;padding:20px 24px;box-shadow:0 8px 28px #24537512;font:inherit;cursor:pointer;transition:transform .2s}.home-cards .home-lab-card:hover{transform:translateY(-4px)}.home-cards a:nth-child(2){background:#edfaff}.home-cards a:nth-child(3){background:#fff7e9}.home-cards a:nth-child(4){background:#f3efff}.card-art{display:block;object-fit:contain;width:100%;height:140px;margin:0 auto 12px}.home-cards small{font-size:10px}.home-cards p{min-height:44px}.home-footer{width:90%}.home-footer a{color:#087c90}.home-view .brand{flex-shrink:0}@media(max-width:1000px){.site-nav a,.site-nav button{padding:10px}.home-view header{padding:10px 20px}.home-view .brand small{font-size:8px}.home-hero{min-height:460px}.home-cards{gap:12px}.home-cards a,.home-cards .home-lab-card{padding:16px}.card-art{height:115px}}@media(max-width:700px){.home-view header{height:116px;flex-wrap:wrap;align-content:center;gap:8px}.home-view .site-nav{order:3;width:100%;justify-content:center;padding:0}.site-nav a,.site-nav button{font-size:12px;padding:8px 12px}.home-view .header-actions{margin-left:auto}.home-view .welcome{top:116px}.home-hero{padding:28px 6vw 190px;background:linear-gradient(180deg,#f4faff 0%,#f4faffee 53%,transparent 85%),url('assets/laboratorio-inicio.png') right bottom/auto 100% no-repeat}.intro h1{font-size:43px}.intro>p:not(.eyebrow){font-size:16px}.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.home-cards h2{font-size:18px}.home-cards p{font-size:13px}.card-art{height:110px}.home-cards b{font-size:12px}}@media(max-width:380px){.home-cards{grid-template-columns:1fr}}

/* Rounded display typography; sentence flows across the line break. */
.brand>span,.intro h1{font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;font-weight:700;font-synthesis:none}.brand>span{font-size:30px;letter-spacing:-1.1px;line-height:1.12;text-transform:none}.brand small{font-family:"Segoe UI",system-ui,sans-serif;font-size:9px;letter-spacing:2px;line-height:1.5;margin-top:6px;font-weight:600}.intro h1{letter-spacing:-.045em;line-height:1.1;font-size:clamp(44px,4.8vw,72px)}.intro h1 em{font-weight:700}@media(max-width:700px){.brand>span{font-size:27px}.intro h1{font-size:clamp(36px,8.8vw,48px);letter-spacing:-.04em;line-height:1.12}}

/* Restore the original dark teal palette, preserving the illustrated layout. */
:root{--mint:#a6f2c9;--ink:#173c3c}header,.home-view header{background:#102a32f5;color:#e7f1f1;border-color:#ffffff20}.brand{color:#eef9f6}.brand small{color:#a5c3c7}.session-title{color:#b7d4d5}.header-actions button{background:#153a43a6;color:#e7f1f1;border-color:#ffffff24}.glass{background:#102e38ed;color:#edf7f3;border-color:#ffffff24;box-shadow:0 10px 30px #001c3433}.glass .eyebrow,.glass small,.glass label,.glass p{color:#bfd7d9}.glass button{background:#153a43;color:#edf7f3;border-color:#ffffff30}.glass button.primary,.primary,.context-actions button{background:#a6f2c9;color:#173c3c}.primary:hover,.glass button.primary:hover{background:#cdfbe3}.glass .active,.glass button[aria-pressed=true]{background:#a6f2c9;color:#173c3c}.glass button:disabled{opacity:.45}.welcome{background:#132c35;color:#edf7f3}.home-hero{background:linear-gradient(90deg,#102a32 0%,#102a32ed 32%,#102a3290 55%,#102a3210 100%),url('assets/laboratorio-inicio.png') center right/cover no-repeat}.intro h1{color:#f1faf7}.intro h1 em{color:#a6f2c9}.intro>p:not(.eyebrow){color:#c3dadd}.intro .eyebrow{background:#234b52;color:#a6f2c9}.start-actions .outline{background:#14343c;color:#d6eee7;border-color:#83c1b3}.home-view .site-nav{background:#173a43;border-color:#ffffff24}.site-nav a,.site-nav button{color:#dceeed}.site-nav [aria-current]{background:#a6f2c9;color:#173c3c}.home-cards a,.home-cards .home-lab-card,.home-cards a:nth-child(2),.home-cards a:nth-child(3),.home-cards a:nth-child(4){background:#193b45;color:#eef7f4;border-color:#ffffff24;box-shadow:0 8px 28px #00192233}.home-cards a:nth-child(3){background:#293b48}.home-cards a:nth-child(4){background:#30394b}.home-cards small,.home-cards p{color:#c1d7db}.home-cards b{color:#a6f2c9}.home-footer{color:#bdd5d7;border-color:#ffffff24}.home-footer a{color:#a6f2c9}@media(max-width:700px){.home-hero{background:linear-gradient(180deg,#102a32 0%,#102a32f5 50%,#102a3277 78%,#102a3233 100%),url('assets/laboratorio-inicio.png') right bottom/auto 100% no-repeat}}