/* RefrigSim shared visual system — FINAL 2026-08-27
   Common CSS intentionally owns only the shell, palette, shared header and home navigation.
   Simulator/tool geometry remains page-specific. */
:root{
 --rs-ink:#173d66;--rs-muted:#60788a;--rs-line:#c9dfeb;--rs-bg:#edf6f9;
 --rs-navy:#163a63;--rs-blue:#245f9a;--rs-sky:#63b9f2;--rs-ice:#bfe9ff;
 --rs-teal:#14a88b;--rs-orange:#ef9a42;--rs-red:#e05a50;
}
html{background:var(--rs-bg)}
body:not(.rs-layout-home),body:not(.rs-layout-home) * ,body:not(.rs-layout-home) *::before,body:not(.rs-layout-home) *::after{box-sizing:border-box}
body:not(.rs-layout-home){
  margin:0;
  background:linear-gradient(180deg,#f9fcfe 0,#eef7fa 58%,#e9f3f7 100%)!important;
  color:var(--rs-ink);
  --rs-header-max:1280px;
}
body.rs-layout-reading{--rs-header-max:1120px}
body.rs-layout-teaching-wide,body.rs-layout-teaching-simulator{--rs-header-max:1540px}
body.rs-layout-simulator{--rs-header-max:1900px}
body.rs-layout-tool{--rs-header-max:2000px}
body.rs-page-ilp{--rs-header-max:1500px}

body:not(.rs-layout-home) .rs-page-header-wrap{
  width:min(var(--rs-header-max),calc(100% - 28px));
  margin:10px auto 14px;
}
body:not(.rs-layout-home) .rs-page-header{
  position:relative;overflow:hidden;min-height:0;
  padding:13px 22px 14px;
  border:1px solid #7fcfff;border-radius:18px;color:#f8fdff;text-align:left;
  background:radial-gradient(circle at 82% 45%,rgba(217,242,255,.25) 0,rgba(217,242,255,.09) 22%,transparent 43%),linear-gradient(90deg,#163a63 0%,#245f9a 58%,#63b9f2 100%)!important;
  box-shadow:0 12px 26px rgba(30,96,153,.16),inset 0 -4px 0 #43b8f4;
}
.rs-header-copy{position:relative;z-index:2;max-width:min(1050px,75%)}
.rs-kicker{display:block;margin:0 0 4px;color:#bfe9ff!important;font:900 10px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.13em;text-transform:uppercase}
.rs-page-header h1{margin:0 0 4px!important;color:#f8fdff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(25px,2.4vw,38px)!important;line-height:1.04!important;letter-spacing:-.03em!important;text-shadow:0 2px 12px rgba(7,42,78,.18)!important}
.rs-lead{margin:0!important;max-width:980px;color:#dbefff!important;font:700 clamp(13px,1.05vw,16px)/1.38 Arial,Helvetica,sans-serif!important}
.rs-snowfield{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.rs-snowfield span{position:absolute;color:rgba(244,251,255,.82);line-height:1;text-shadow:0 0 16px rgba(219,244,255,.28);user-select:none}.rs-snowfield .s1{right:7%;top:8%;font-size:48px;transform:rotate(8deg);opacity:.62}.rs-snowfield .s2{right:16%;top:38%;font-size:34px;transform:rotate(-14deg);opacity:.48}.rs-snowfield .s3{right:26%;top:8%;font-size:27px;transform:rotate(17deg);opacity:.39}.rs-snowfield .s4{right:34%;top:57%;font-size:20px;transform:rotate(-7deg);opacity:.25}.rs-snowfield .s5{right:12%;top:72%;font-size:17px;transform:rotate(21deg);opacity:.22}.rs-ice-edge{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:3;background:linear-gradient(90deg,#dffaff,#71d3e8 36%,#f2fdff 68%,#5fc1db);box-shadow:0 -2px 8px rgba(238,253,255,.55)}
.rs-original-title-block{display:none!important}
/* Any legacy title-only wrapper that remains is never allowed to create a second banner. */
body:not(.rs-layout-home) .rs-title-only{display:none!important}

/* Only reading/learning pages receive a shared content ceiling. Technical workspaces are deliberately excluded. */
body.rs-layout-reading main,body.rs-layout-reading .page,body.rs-layout-reading .wrap{
  width:min(1120px,calc(100% - 28px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;
}
body.rs-layout-learning:not(.rs-layout-teaching-wide):not(.rs-layout-teaching-simulator) main,
body.rs-layout-learning:not(.rs-layout-teaching-wide):not(.rs-layout-teaching-simulator) .page,
body.rs-layout-learning:not(.rs-layout-teaching-wide):not(.rs-layout-teaching-simulator) .wrap{
  width:min(1280px,calc(100% - 28px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;
}
body:not(.rs-layout-home) main{padding-top:0!important}
body:not(.rs-layout-home) .panel,body:not(.rs-layout-home) .card{border-color:var(--rs-line)}
body:not(.rs-layout-home) .pe-hero,body:not(.rs-layout-home) .intro-banner{
  background:linear-gradient(135deg,#fff 0%,#f5fbfd 62%,#edf8f7 100%)!important;color:var(--rs-ink)!important;border-color:var(--rs-line)!important;box-shadow:0 12px 30px rgba(22,58,99,.08)!important;
}
body:not(.rs-layout-home) .pe-hero *,body:not(.rs-layout-home) .intro-banner *{text-shadow:none}
body:not(.rs-layout-home) .pe-hero p,body:not(.rs-layout-home) .intro-banner span{color:var(--rs-muted)!important}
body:not(.rs-layout-home) .pe-hero h2,body:not(.rs-layout-home) .pe-hero h3,body:not(.rs-layout-home) .intro-banner strong{color:var(--rs-ink)!important}
body:not(.rs-layout-home) input[type=range]{accent-color:var(--rs-teal)}

/* Useful content salvaged from old hero headers lives inside the new shared header. */
.rs-header-extras{position:absolute;z-index:4;right:18px;top:12px;max-width:34%;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.rs-header-extras .badge,.rs-header-extras .hero-pill,.rs-header-extras .data-status,.rs-header-extras .print-button,.rs-header-extras .hero-badge,.rs-header-extras .hero-about{
  position:static!important;float:none!important;margin:0!important;min-height:0!important;padding:6px 10px!important;border:1px solid rgba(225,246,255,.5)!important;border-radius:999px!important;background:rgba(12,58,101,.22)!important;color:#f2fbff!important;box-shadow:none!important;font:800 11px/1.3 Arial,Helvetica,sans-serif!important;white-space:normal;
}
.rs-header-extras .print-button{cursor:pointer;background:#fff!important;color:#173d66!important;border-color:#d5edf9!important;padding:7px 12px!important}
.rs-header-extras .data-status{color:#e2f6ff!important}
.rs-header-extras .hero-points,.rs-header-extras .badges,.rs-header-extras .hero-badges{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:0!important}

/* Home shell: signed-in account card */
body.rs-layout-home .account-card.rs-signed-in .account-card-head{
  margin-bottom:8px;
  padding:10px;
  border:1px solid transparent;
  border-radius:12px;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
body.rs-layout-home .account-card.rs-signed-in .account-card-head:hover{
  background:rgba(65,154,208,.16);
  border-color:rgba(143,209,240,.34);
}
body.rs-layout-home .account-card.rs-signed-in .account-card-head:focus-visible{
  outline:2px solid #8fd1f0;
  outline-offset:2px;
}
body.rs-layout-home .account-card.rs-signed-in #accountStatus{
  color:#cfe7f3;
  font-weight:800;
}
body.rs-layout-home .account-card.rs-signed-in #openAccountBtn{
  display:none!important;
}

/* Development viewport badge is no longer part of the visible UI. */
#rs-viewport-badge{display:none!important}

/* Bottom navigation */
.rs-home-footer{width:min(var(--rs-header-max,1280px),calc(100% - 28px));margin:22px auto 30px;display:flex;justify-content:center}.rs-home-footer a{display:inline-flex;align-items:center;justify-content:center;gap:.65em;min-height:48px;padding:0 25px;border:1px solid #7fcfff;border-radius:13px;background:linear-gradient(90deg,#163a63,#245f9a,#3d95cf);color:#fff!important;text-decoration:none!important;font:900 15px/1 Arial,Helvetica,sans-serif;box-shadow:0 8px 20px rgba(22,58,99,.15)}.rs-home-footer a:hover,.rs-home-footer a:focus-visible{filter:brightness(1.06);outline:3px solid rgba(45,168,255,.22);outline-offset:2px}.rs-home-footer small{font-size:.72em;font-weight:750;opacity:.82}

@media(max-width:980px){
  .rs-header-copy{max-width:100%}.rs-header-extras{position:relative;right:auto;top:auto;max-width:none;justify-content:flex-start;margin-top:9px}.rs-page-header{padding-right:18px!important}
}
@media(max-width:720px){
  body:not(.rs-layout-home) .rs-page-header-wrap{width:calc(100% - 20px);margin-top:8px;margin-bottom:10px}.rs-page-header{padding:12px 15px 14px!important;border-radius:15px!important}.rs-page-header h1{font-size:clamp(25px,7.8vw,34px)!important}.rs-lead{font-size:13px!important}.rs-snowfield .s1{right:-3%;font-size:40px}.rs-snowfield .s2{right:12%;font-size:29px}.rs-snowfield .s3,.rs-snowfield .s4,.rs-snowfield .s5{display:none}.rs-home-footer{width:calc(100% - 20px)}.rs-home-footer a{width:100%}
}
@media print{
  .rs-home-footer{display:none!important}.rs-snowfield,.rs-ice-edge,.rs-header-extras{display:none!important}
  .rs-page-header-wrap{display:block!important;width:100%!important;margin:0 0 6mm!important}
  .rs-page-header{min-height:0!important;padding:0 0 4mm!important;border:0!important;border-bottom:2px solid #14a88b!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#173d66!important}
  .rs-header-copy{max-width:none!important}.rs-kicker{color:#0a806c!important}.rs-page-header h1{color:#173d66!important;text-shadow:none!important;font-size:24pt!important}.rs-lead{color:#455f72!important;font-size:10.5pt!important;font-weight:600!important}
}