/* Laboratórios educativos independentes da interface editorial legada. */
:root{color-scheme:dark;--bg:#0a0e18;--panel:#121b2b;--panel-2:#15223a;--paper:#f6f8ff;--muted:#bfcbe1;--line:#3d5272;--red:#e02832;--blue:#1769ff;--gold:#ffd43b;--focus:#ffd43b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;background:radial-gradient(ellipse at 7% 5%,#192e62 0%,transparent 35%),radial-gradient(ellipse at 87% 22%,#451821 0%,transparent 34%),var(--bg);color:var(--paper);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--gold);text-underline-offset:4px}
a:hover{color:#fff4b3}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
button,select{font:inherit}
button{touch-action:manipulation}
.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:absolute;left:1rem;top:-6rem;z-index:100;background:var(--gold);color:#0a0e18;padding:10px 16px}
.skip-link:focus{top:1rem}
.site-header{background:#0b1221;border-bottom:2px solid #1769ff}
.header-line{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;line-height:1.1;font-family:Georgia,serif;font-size:1.08rem;letter-spacing:.09em}
.brand strong{color:#ff454d}
.brand small{display:block;color:var(--muted);font:600 .59rem/1.7 system-ui,sans-serif;letter-spacing:.2em;margin-top:4px}
.brand-icon{display:grid;place-items:center;height:49px;width:49px;border:2px solid var(--blue);color:var(--gold);border-radius:50%;font:700 .88rem Georgia,serif}
.header-back{font-size:.92rem}
.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;padding-top:28px}
.intro{padding:48px 0 60px}
.eyebrow,.section-index{font-weight:750;letter-spacing:.16em;color:var(--gold);font-size:.74rem;text-transform:uppercase}
.intro h1{font:700 clamp(2.45rem,5.7vw,4.65rem)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.025em;max-width:810px;margin:18px 0 24px}
.intro h1 em{color:#ff5b60;font-weight:700;font-style:normal}
.lead{font-size:clamp(1.08rem,2vw,1.27rem);max-width:810px;color:#e3eaf8;line-height:1.75}
.disclaimer{border-left:5px solid var(--gold);background:#17243a;color:#e8effb;padding:16px 20px;border-radius:0 10px 10px 0;max-width:920px;margin-top:27px}
.disclaimer strong{color:var(--gold)}
.quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.quick-links a{display:inline-flex;border:1px solid #3981ff;border-radius:8px;padding:12px 18px;background:#12378a;color:#ffffff;text-decoration:none;font-weight:700}
.quick-links a:hover{background:#1857d3}
.lab-section{padding:30px 0 54px;scroll-margin-top:20px}
.section-heading{padding-bottom:22px}
.section-heading h2{font:700 clamp(2.1rem,4vw,3rem)/1.2 Georgia,serif;margin:12px 0 14px;border-left:5px solid var(--blue);padding-left:16px}
.section-heading p{color:var(--muted);max-width:850px;margin:0}
.lab-card{background:linear-gradient(145deg,#172237,#101827);border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:16px;padding:clamp(20px,3.5vw,34px);box-shadow:0 14px 38px #05090e66;min-width:0}
.scene-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,44px)}
.scene-panel h3,.lab-card h3{font:700 1.55rem/1.32 Georgia,serif;margin:8px 0 16px}
.lab-card p{color:#dce5f4}
label{display:block;color:var(--paper);font-size:.96rem;font-weight:700;margin-bottom:8px}
select{width:100%;min-height:50px;background:#0b1628;border:1px solid #568dfa;color:#ffffff;border-radius:9px;padding:10px 14px;cursor:pointer}
select:invalid{color:#c7d5ee}
.scene-frame{margin-top:20px;min-height:180px;border-radius:12px;overflow:hidden;background:#e7edf6;border:5px solid #1769ff}
.scene-frame svg{width:100%;height:auto;display:block}
.scene-caption{font-size:.89rem;margin:10px 0 0;color:var(--muted)}
.option-set{border:0;padding:0;margin:18px 0}
.option-set label{display:flex;align-items:flex-start;gap:12px;padding:12px 13px;margin:0 0 10px;border:1px solid var(--line);background:#0b1424;border-radius:10px;cursor:pointer;font-weight:500}
.option-set label:has(input:checked){background:#193e89;border-color:#6ea2ff;box-shadow:inset 4px 0 0 var(--gold)}
.option-set input{margin:5px 0 0;accent-color:#ffdc4c;width:19px;height:19px;flex-shrink:0}
button{background:#d8222b;border:1px solid #ff5960;border-radius:9px;padding:13px 20px;min-height:49px;color:#ffffff;font-weight:750;cursor:pointer}
button:hover{background:#b91721}
.button-line{display:flex;gap:10px;flex-wrap:wrap}
.button-secondary{background:#1857d3;border-color:#5f9bff}
.button-secondary:hover{background:#1245ab}
.lab-result{margin-top:20px;min-height:86px;background:#0b1424;border:1px solid #47628f;border-radius:10px;padding:16px 18px;color:#e5ecfa;font-size:.96rem}
.lab-result[data-status="positive"]{border-left:5px solid #ffd43b}
.lab-result[data-status="negative"]{border-left:5px solid #ff525a}
.lab-result[data-status="neutral"]{border-left:5px solid #3e86ff}
.lab-result strong{display:block;color:#ffdc4f;font-size:1.07rem;margin-bottom:4px}
.lab-result p{margin:5px 0}
.method-note{background:#122038;border-left:4px solid var(--blue);padding:16px 20px;margin:18px 0 0;color:#e0e9f7;font-size:.96rem}
.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.two-cards .lab-card{display:flex;flex-direction:column;align-items:stretch}
.two-cards .lab-card h3{margin:6px 0 10px}
.two-cards .lab-card>p:not(.eyebrow){margin:0 0 19px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:8px 0 21px}
.compare-grid label{min-height:48px;line-height:1.35}
.sources{margin:12px 0 70px;border-top:1px solid var(--line);padding-top:30px}
.sources h2{font:700 1.5rem/1.3 Georgia,serif}
.sources p,.sources li{color:var(--muted)}
.sources li{margin:10px 0;overflow-wrap:anywhere}
.site-footer{border-top:2px solid #234e9e;padding:24px 0 34px;background:#0b1221}
.site-footer .shell{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:.85rem}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.scene-layout,.two-cards{grid-template-columns:1fr}.intro{padding:40px 0}.lab-section{padding-top:18px}.compare-grid label{min-height:0}}
@media(max-width:520px){.shell{width:min(100% - 24px,1120px)}.header-line{min-height:80px}.brand{font-size:.89rem}.brand-icon{width:41px;height:41px}.header-back{max-width:118px;text-align:right;font-size:.78rem}.intro{padding:30px 0 38px}.lab-card{padding:19px}.compare-grid{grid-template-columns:1fr}.quick-links a{width:100%;justify-content:center}.button-line button{width:100%}.lab-card>button{width:100%}.scene-frame{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Cores de apoio por laboratório: azul no exercício visual e vermelho no ABO/RhD. */
#tipagem .section-heading h2{border-left-color:#e02832}
#tipagem .lab-card{border-top-color:#e02832}
#padroes .scene-panel>.eyebrow{color:#ffd43b}
#tipagem .lab-card>.eyebrow{color:#ffd43b}
.lab-result[data-status="negative"] strong{color:#ff9299}
.lab-result[data-status="neutral"] strong{color:#94c0ff}
@media(hover:hover){.option-set label:hover{border-color:#6ea2ff;background:#142d57}}


/* Material de estudo vem antes dos desafios sem criar uma caixa na editoria pública. */
.study-section{scroll-margin-top:20px}
.study-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr);gap:30px;align-items:center;background:linear-gradient(135deg,#16284a,#111a2a);border:1px solid #5479b1;border-top:3px solid #ffd43b;border-radius:15px;padding:clamp(22px,4vw,36px)}
.study-card-copy h3{font:700 clamp(1.4rem,2.6vw,1.85rem)/1.3 Georgia,serif;color:#fff1c7;margin:8px 0 16px}
.study-card-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#e1ebfb}
.study-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.study-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border-radius:8px;font-size:.95rem;font-weight:750;text-decoration:none}
.study-primary{background:#1769ff;border:1px solid #86b0ff;color:white}
.study-primary:hover{background:#1358d6;color:white}
.study-secondary{background:#222b3f;border:1px solid #a4b8dc;color:#f5f8ff}
.study-secondary:hover{background:#33415f;color:#fff}
.study-card-foot{font-size:.85rem!important;color:#bfcee5!important;margin-bottom:0}
.study-card-index{padding:20px;border:1px solid #5e779f;background:#0c182d;border-radius:11px}
.study-card-index ol{margin:12px 0 0;padding-left:23px}
.study-card-index li{margin:0 0 17px;padding-left:4px;color:#ffd43b}
.study-card-index li:last-child{margin-bottom:0}
.study-card-index li strong{display:block;color:#f0f4ff;font-size:.96rem}
.study-card-index li span{display:block;color:#c4d7ef;font-size:.88rem;line-height:1.6}
.study-next{margin:16px 0}
.study-next a{color:#ffde75;font-size:1rem;font-weight:750}
.quest-source-line{margin:14px 0 6px!important;padding:13px 15px;background:#122e60;border-left:4px solid #ffd43b;border-radius:0 8px 8px 0;color:#e7efff!important;font-size:.92rem!important;line-height:1.6!important}
.quest-source-line a{color:#ffde81;font-weight:700}
.quest-source-separator{margin:0 8px;color:#bdcfe9}
@media(max-width:780px){.study-card{grid-template-columns:1fr}.study-card-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-left:18px}.study-card-index li{margin:0}}
@media(max-width:560px){.study-card{padding:20px}.study-card-index ol{display:block}.study-card-index li{margin-bottom:14px}.study-card-actions a{width:100%}.quest-source-separator{display:none}.quest-source-line a{display:inline-block;margin-right:12px}}