/* Reference finishing layer. Authoritative intentional departures: waist fade,
   closed smiles, honest fixture notices, desktop adaptation and text reflow. */
:root{
  --ink-strong:#092678;--ink:#17377f;--muted:#5372a8;--faint:#809cc2;
  --border:#cce5ff;--surface-highlight:#ffffffed;
  --shadow-card:0 3px 12px #6ca8dc12,inset 0 1px 0 #fff;
  --shadow-panel:0 7px 22px #72b0e523,inset 0 1px 2px #fff;
  --shadow-nav:0 7px 22px #6cadd633,0 0 0 4px #ffffffed,inset 0 0 0 2px #e8f7ff;
  --shadow-icon:inset 0 2px 3px #fff,0 2px 5px #83b8e51c;
  --wordmark-halo:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #ffffff80);
}
.card{background:linear-gradient(135deg,var(--surface-highlight),#f8fcfff0)}
.panel{border-radius:1.15rem}
.header .login-button{font-weight:500;border-radius:1.1rem;box-shadow:0 3px 5px #78addb20,inset 0 1px 0 #fff}
.brand-mark{stroke-width:1.35;filter:drop-shadow(0 1px 0 #fff)}
.icon-tile{background:linear-gradient(140deg,#fff 8%,#f3fbff 50%,#dfefff);border-color:#d6ebff;box-shadow:var(--shadow-icon)}
.icon--illustrated{filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 1px #4b8ccc32)}
.icon-tile--locked{background:linear-gradient(140deg,#f9fbff,#e8eff8)}
.navigation{border:1px solid #d2e9ff;background:linear-gradient(125deg,#fff,#f2fafff5);padding:.35rem;box-shadow:var(--shadow-nav)}
.nav-link[aria-current=page]{background:linear-gradient(140deg,#d2eaff,#e4f7ff);box-shadow:inset 0 1px 1px #ffffffa8;color:#1975dd}
.nav-link[aria-current=page] .icon{fill:#84c7ff99;stroke:#2985f1;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 1px #70a9d64d)}
.nav-link .icon{stroke-width:1.8}
.tab[aria-selected=true]{color:#fff;text-shadow:0 1px 1px #2a79c844;box-shadow:inset 0 1px 1px #d1f4ff,0 1px 3px #72afe32b}
.badge{box-shadow:inset 0 1px 1px #ffffffc9;background:linear-gradient(125deg,#dcf3ff,#bfe3ff)}
.copy-button{border-color:#b9ddff;font-weight:500;background:linear-gradient(135deg,#fff,#eff9ff);box-shadow:inset 0 1px 0 #fff}
.progress{height:.85rem;background:#d8e8fc}
.progress--small{height:.5rem}
.progress>span{background:linear-gradient(100deg,#74d7ff,#559cf8);box-shadow:inset 0 1px 2px #ffffffba}
.introduction{border-radius:1.35rem;background:linear-gradient(120deg,#fffffff0,#f2faffeb);border-color:#fff;box-shadow:0 6px 20px #78afd52b,inset 0 0 0 1px #e5f4ff}
.introduction h1{font-weight:700;letter-spacing:-.045em}
.introduction p{font-weight:400}
.home-art{filter:blur(.65px);opacity:.9}
.poster-name.poster-wordmark{width:110%;max-width:110%;left:50%;filter:var(--wordmark-halo)}
.poster-message.poster-greeting{width:31%;max-width:8rem;top:72%;left:.1rem;transform:rotate(-7deg);filter:drop-shadow(0 1px 3px #426b9c8a)}
html[data-model=classic] .poster-message.poster-greeting{top:69%}
.home-poster{overflow:visible}
.home-poster .decoration--2{right:1%;top:19%;width:2.3rem;height:2.3rem}
.home-poster .decoration--4{left:2%;top:41%;width:1.9rem;height:1.9rem}
.home-poster .decoration--9{left:3%;bottom:13%;color:#fff}
.decoration--heart{filter:drop-shadow(0 1px 1px #fff)}
.page-intro .decoration--4{left:52%;top:10%;width:1.4rem;height:1.4rem}
.page-intro .decoration--2{right:4%;top:37%;width:1.7rem;height:1.7rem}
.reference-label{font-size:.65rem;padding:.08rem .4rem;opacity:.9}
.page-content .info-note{margin-top:.75rem;background:linear-gradient(120deg,#ffffffa6,#eaf6ffc7);padding:.7rem .85rem}
.viewer-profile{position:relative}
.viewer-profile::after{content:"";position:absolute;right:1.1rem;top:1.4rem;width:1.35rem;height:1.8rem;background:#c6e3ff;clip-path:polygon(50% 0,60% 36%,100% 50%,60% 64%,50% 100%,40% 64%,0 50%,40% 36%);pointer-events:none}
.viewer-name h2{font-weight:750}
.viewer-heading{margin-bottom:1.1rem}
.stat-card{padding:.65rem .75rem;gap:.7rem}
.stat-card>.icon{fill:#8ccaff80;stroke:#4a9eff;filter:drop-shadow(0 1px 0 #fff)}
.stat-card strong{font-size:1.2rem;font-weight:650}
.achievement-card h3,.command-body h2,.feature-top h2{font-weight:750;letter-spacing:-.04em}
.achievement-text p,.command-body p,.feature-body p{font-weight:400}
@media(min-width:361px) and (max-width:639px){
  .achievement-text p{font-size:.8rem}
  .command-body p{font-size:.81rem}
  .feature-body p{font-size:.84rem}
  .achievement-meta{font-size:.65rem}
  .command-card{padding:.7rem .7rem;gap:.65rem;min-height:5.45rem}
  .feature-card{padding:.9rem .8rem;gap:.7rem;min-height:6.65rem}
  .feature-card .icon-tile{width:4rem;height:4rem}
  .feature-card .icon-tile .icon{width:2.9rem;height:2.9rem}
  .achievement-card{padding:.5rem .6rem;min-height:4.2rem;gap:.65rem}
  .achievement-list{gap:.5rem}
  .viewer-profile{padding:.85rem .9rem .9rem}
  .viewer-heading{margin-bottom:.9rem}
  .tabs{margin:.7rem 0 .65rem;padding:.15rem}
}
@media(max-width:999px){
  .page-intro{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:0;padding:.2rem 0;min-height:12rem}
  .page-intro-copy{width:calc(100% + .7rem);max-width:calc(100% + .7rem);align-self:start;padding-top:2rem}
  .page-intro-copy h1{font-size:clamp(1.4rem,6.8vw,1.9rem);letter-spacing:-.06em;font-weight:750}
  .page-intro-copy p{font-size:.875rem;margin-top:.65rem}
  .page-intro .character{height:14rem;margin:0 0 -.8rem}
  html[data-model=classic] .page-intro .character{height:15rem}
}
@media(min-width:640px) and (max-width:999px){
  .page-intro .character{height:18rem}
  html[data-model=classic] .page-intro .character{height:20rem}
  .page-intro-copy{padding-top:3rem}
}
@media(min-width:1000px){
  .page-inner{grid-template-columns:minmax(0,21rem) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem)}
  .page-intro .character,.page-intro .character--star{height:25rem;width:100%;margin-top:.7rem}
  html[data-model=classic] .page-intro .character{height:28rem}
  .page-intro h1{font-size:2.2rem;font-weight:750}
  .page-intro p{font-size:1rem}
  .page-intro .sparkles{inset:4rem 0 0}
  .home-poster .poster-message.poster-greeting{max-width:9rem;left:0}
  .home-poster .poster-name.poster-wordmark{top:.5rem}
  .feature-card .icon-tile{width:4.4rem;height:4.4rem}
  .feature-card .icon-tile .icon{width:3.2rem;height:3.2rem}
  .feature-top h2,.command-body h2{font-size:1.2rem}
  .achievement-card h3{font-size:1.1rem}
  .feature-card{min-height:7.1rem}
}
/* Preserve the existing accessible reflow at small effective widths / text zoom. */
@media(max-width:360px){
  .page-intro-copy{width:100%;max-width:100%;padding-top:1.4rem}
  .page-intro-copy h1{font-size:1.4rem}
  .page-intro .character,html[data-model=classic] .page-intro .character{height:12rem}
}