/* Estudo isolado. Geometria corrente preservada; menu definitivo pertence à S4. */
html:not([data-material="atual"]){--blue:#2d5b86;--core-muted:#243c52}
html:not([data-material="atual"]) body{isolation:isolate;background-color:var(--room-base,#f6f7fa);transition:background-color .68s ease}
.room-light{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .68s ease}
html[data-material="atual"] .room-light{display:none}
html:not([data-material="atual"]) body:before{display:none}
html:not([data-material="atual"]) .rail{
 background:linear-gradient(135deg,#ffffffa8,#ffffff3d 54%,#eef1fa66);
 border-color:#ffffffda;
 -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
 box-shadow:inset 1px 1px 0 #fffffff2,inset -1px -1px 0 #8394ba33,0 12px 32px #243b5b1c,0 0 0 1px #6483a52b;
}
html:not([data-material="atual"]) .rail>a[aria-current=step]{background:var(--deep);box-shadow:inset 0 1px 0 #ffffffb0,0 4px 15px #24517645}
html:not([data-material="atual"]) .hero-visual:before{
 background:radial-gradient(ellipse at 24% 25%,rgba(var(--room-a),.32),transparent 64%),radial-gradient(ellipse at 79% 78%,rgba(var(--room-b),.31),transparent 64%);
 filter:blur(9px);
}
html:not([data-material="atual"]) .visual-core{
 background:linear-gradient(142deg,#ffffffb0 0%,#ffffff26 37%,#e7edfa30 65%,#ffffff66);
 border-color:#ffffffe6;
 -webkit-backdrop-filter:blur(13px) saturate(150%);backdrop-filter:blur(13px) saturate(150%);
 box-shadow:inset 2px 2px 6px #ffffffcf,inset -2px -3px 12px #5a749526,0 22px 50px #24517624,0 0 0 1px #8695b333;
}
html:not([data-material="atual"]) .visual-tag{
 background:linear-gradient(135deg,#ffffffba,#ffffff70);
 border-color:#fffffff0;
 -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);
 box-shadow:inset 0 1px 0 #fff,0 5px 18px #243b5b14,0 0 0 1px #7591ad33;
}
html:not([data-material="atual"]) .button.secondary{
 background:linear-gradient(135deg,#ffffffb8,#ffffff5c);
 border-color:#9eb1c5;
 -webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);
 box-shadow:inset 0 1px 0 #fffffff2,0 5px 16px #2451760c;
}
html:not([data-material="atual"]) .platform-picker,html:not([data-material="atual"]) .comparison-controls{
 background:linear-gradient(135deg,#ffffffb0,#ffffff66);
 -webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);
 box-shadow:inset 0 1px 0 #fff,0 6px 18px #2451760d;
}
html:not([data-material="atual"]) dialog{
 background:linear-gradient(135deg,#fffdf9ed,#fffdf9d9);
 border-color:#fffffff2;
 -webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);
 box-shadow:inset 1px 1px 0 #fff,0 25px 85px #182e4238,0 0 0 1px #9bacc033;
}
html:not([data-material="atual"]) dialog::backdrop{background:#152c4221;backdrop-filter:blur(5px)}
html[data-motion="reduced"] body,html[data-motion="reduced"] .room-light{transition:none!important}
html[data-material="solido"] :is(.rail,.visual-tag,.button.secondary,.platform-picker,.comparison-controls,dialog){background:#f5f4fa;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-material="solido"] .visual-core{background:#e6e9f4;backdrop-filter:none;-webkit-backdrop-filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html:not([data-material="atual"]) :is(.rail,.visual-tag,.button.secondary,.platform-picker,.comparison-controls,dialog){background:#f5f4fa}
 html:not([data-material="atual"]) .visual-core{background:#e6e9f4}
}
@media(prefers-reduced-motion:reduce){html:not([data-material="atual"]) body,.room-light{transition:none!important}}
@media print{.room-light{display:none}html:not([data-material="atual"]) body{background:white}}

/* Material S5 conciliado com a superfície S4. Reserva externa segue transparente. */
.course-app .is-stuck .nav-surface{background:linear-gradient(135deg,#fffdf970,#fffdf93d);border:1px solid #ffffffe6;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);box-shadow:inset 1px 1px 0 #fffffff2,inset -1px -1px 0 #8394ba33,0 12px 32px #243b5b1c}
.course-app .nav-surface{border:1px solid transparent}
.course-app .step-glass{filter:drop-shadow(0 10px 14px #24486610)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.course-app .is-stuck .nav-surface{background:#f5f4fa}.course-app .plate-face{fill:#e5edf3}}
@media print{.course-app .nav-surface{background:none;box-shadow:none}}

.course-app .is-stuck .route-overview-top,.course-app .is-stuck .location-bar{background:#fffdf9e6;border-radius:8px}