/* XPLOIT V2 — presentation only; public content and interaction logic are locked. */
:root {
  --bg:#0c1720;
  --surface:#1d2c36;
  --text:#edf3f4;
  --muted:#bdccd3;
  --faint:#adbec7;
  --line:#3b505c;
  --accent:#99eee4;
  background:var(--bg);
}
body {
  background:
    radial-gradient(ellipse at 0 24%,#27434c66 0,transparent 32rem),
    radial-gradient(ellipse at 100% 62%,#28344944 0,transparent 40rem),
    linear-gradient(155deg,#12232d,#0c1720 65%);
  background-attachment:fixed;
}
/* A static reflective arc; no canvas, animation, filter or remote assets. */
body::before {
  opacity:1;
  background:
    radial-gradient(ellipse 96% 64% at 90% -12%,transparent 69.8%,#90c5ce0c 70%,#afced90e 70.1%,transparent 70.3%),
    linear-gradient(94deg,transparent 3%,#afcfd309 3.1%,transparent 3.4%,transparent 97%,#afcfd306 97.1%,transparent 97.4%);
}
a:hover,button:hover {color:var(--accent)}
:focus-visible {
  outline:2px solid #b7fff3;
  outline-offset:5px;
}
::selection {background:#9fe9e0;color:#10242d}

header {position:relative;z-index:2;padding-top:31px;min-height:101px}
header nav {
  width:max-content;
  max-width:100%;
  margin-inline:auto;
  gap:6px;
  padding:5px;
  position:relative;
  border:1px solid #8b9fa7;
  border-right-color:#52656e;
  border-bottom-color:#344751;
  border-radius:22px 8px 22px 8px;
  background:linear-gradient(180deg,#354b57f5,#182e3afa 52%,#20333df5);
  box-shadow:inset 0 1px 0 #d8ecec3b,inset 0 -3px 0 #08141a66,0 6px 20px #0003;
}
header nav a,body[data-page=home] header nav a {
  min-width:88px;
  justify-content:center;
  padding:0 20px;
  border-radius:16px 5px 16px 5px;
  color:#e0eaed;
  font-size:.875rem;
}
header nav a::after {display:block;left:calc(50% - 12px);right:auto;width:24px;bottom:5px;background:#a2e3da;box-shadow:0 0 6px #99ddd54d}
header nav a+a::before {content:'';position:absolute;left:-4px;top:15px;bottom:15px;border-left:1px solid #becdd021}
header nav a[aria-current=page] {
  background:linear-gradient(180deg,#405c67,#2d4854);
  box-shadow:inset 0 1px #d8f4ef50,0 1px 3px #0004;
  color:#e5f7f4;
}
header nav a:is(:hover,:focus-visible),body[data-page=home] header nav a:is(:hover,:focus-visible) {
  color:#fff;
  background:#38535f;
  outline-color:#b7fff3;
}
header nav a[aria-current=page]:is(:hover,:focus-visible) {background:#47636d;color:#f0fffc}
header nav a:focus-visible {outline-offset:2px}
/* The original identity becomes a physical, silver-edged glass object. */
.home {position:relative;padding:32px 0 76px;isolation:isolate}
.home::before {
  content:'';
  position:absolute;
  width:min(1080px,88vw);
  height:390px;
  left:50%;top:48%;
  transform:translate(-50%,-50%) rotate(-14deg);
  border:1px solid #97d9dd30;
  border-radius:50%;
  background:linear-gradient(176deg,#b9eef10c,transparent 28%,#83d5db06 70%,#cef6f710);
  box-shadow:inset 0 1px 0 #ecffff38,0 2px 0 #0004;
  pointer-events:none;
  z-index:-1;
}
.identity {
  position:relative;
  width:min(580px,calc(100% - 72px));
  padding:68px 36px 59px;
  border:1px solid #829ba5;
  border-right-color:#526972;
  border-bottom-color:#435964;
  border-radius:34px 10px 34px 10px;
  background:linear-gradient(112deg,#334b57ef,#20343ff7 22%,#182b36fa 70%,#2b414cf5);
  box-shadow:inset 0 1px 0 #efffff57,inset 0 -3px 0 #0c1b24,0 22px 55px #030c1280;
}
.identity::before {
  content:'';
  position:absolute;
  top:24px;left:29px;
  width:6px;height:6px;
  border-radius:50%;
  background:#9de5de;
  box-shadow:0 0 7px #9de5de45,12px 0 0 #95aeb13b,24px 0 0 #95aeb11f;
}
.identity::after {content:'';position:absolute;top:23px;bottom:23px;right:13px;width:1px;background:linear-gradient(transparent,#cad9db40 20%,#b2cfd014 65%,transparent);pointer-events:none}
.wordmark {font-size:clamp(4.8rem,8.5vw,7rem);color:#e5f1f3;margin-bottom:19px;line-height:1.2;text-shadow:0 2px 0 #10212c}
.socials {gap:6px}
.social {border:1px solid #637f8a;border-bottom-color:#304653;border-radius:12px 5px 12px 5px;background:linear-gradient(150deg,#385260,#223943);color:#ebf4f5;box-shadow:inset 0 1px #d2e6e936,inset 0 -2px #08141e55}
.social:active {background:#172d38;box-shadow:inset 0 2px 3px #030d1480}
.home .social:is(:hover,:focus-visible) {color:#b7fff3;outline-color:#b7fff3;background:#365563}
.social .tip {top:50px;border:1px solid var(--line);border-radius:8px;background:#132832;font-size:.8125rem}
footer {font-size:.8125rem;color:var(--muted)}
footer>a {display:inline-flex;min-width:44px;min-height:44px;align-items:center;vertical-align:middle}
.personal-nav {gap:0 10px}
.personal-nav a {font-size:.875rem;color:var(--muted);padding-inline:6px;min-width:44px;justify-content:center}
.personal-nav span {opacity:.55}
.personal-nav a[aria-current=page] {color:var(--accent)}
/* Continuous reading surface. Images and prose retain their own hierarchy. */
.page {
  width:min(100% - 104px,1056px);
  margin:45px auto 76px;
  padding:38px 46px 52px;
  border:1px solid #50657380;
  border-top-color:#90a4ad85;
  border-radius:8px 24px 8px 24px;
  background:linear-gradient(112deg,#202e38,#182630 65%,#1b2b35);
  box-shadow:inset 3px 0 #b0c9ce07,inset 0 1px #e4f6f81a,0 12px 36px #0002;
}
.page>.back {margin-bottom:19px}
.back {color:#d3e2e7;font-size:.875rem}
h1 {font-size:clamp(2.4rem,5vw,3.7rem);letter-spacing:-.045em;color:#f1f6f6}
h2,h3,.track h4 {color:#e7f1f4}
.page p,.gallery-grid p,.project-card p,.setup-specs p.muted,.style-list p,.track p,.compact-track p {font-size:1rem;line-height:1.8}
.eyebrow,.empty,.caption,.style-favourite,.style-list .style-tags {font-size:.875rem}
.section-nav {
  gap:8px 24px;
  justify-content:flex-start;
  padding:10px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section-nav a {color:#d7e6eb;font-size:.875rem;padding-inline:2px;min-width:44px}
.section-nav a[aria-current=page] {color:#b7fff3;box-shadow:inset 0 -2px #9de5de}
.section-nav a:hover {color:#b7fff3}
.section-nav {background:linear-gradient(90deg,#b8d6de06,transparent 65%);border-top-color:#728d9966;border-bottom-color:#50647280}
.project-grid {gap:38px;margin-top:32px}
.project-card {position:relative;padding:22px 0 10px;border-top:1px solid #829eaa;border-bottom:1px solid #687e8740;background:linear-gradient(180deg,#b7d6da06,transparent 38%)}
.project-card::before {content:'';position:absolute;right:0;top:-3px;width:28px;height:5px;border-inline:1px solid #b1c2c8;background:repeating-linear-gradient(90deg,#7b939e 0 1px,transparent 1px 5px);pointer-events:none}
.project-card:hover {border-top-color:#b0e5df;background:linear-gradient(180deg,#b7d6da0c,transparent 60%)}
.project-card.no-art {align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 25% 0,#77c4c114,transparent 60%)}
.project-card h2 {font-size:1.625rem;letter-spacing:-.025em;margin-top:24px;color:#edf6f7}
.project-card.no-art h2 {margin-top:0}
.project-card:hover h2 {color:#b7fff3}
.project-card .art {border-radius:3px 14px 3px 3px;background:#11232c;box-shadow:0 0 0 1px #859ca64d,0 7px 18px #060e1740}
.project-card:focus-visible {border-radius:8px}
.text-link {font-size:.875rem;border-color:#648895;color:#d1f2ef}
.button {border-color:#9dbdc5;border-radius:12px 4px 12px 4px;background:linear-gradient(#405865,#213944);color:#edf7f7}
.placeholder {background:#203540;border-color:#557380;color:#d1e1e8}
.gallery-grid {gap:32px}
.gallery-open {border-radius:3px;background:#0a141e;box-shadow:0 0 0 1px #7e9da34d,0 7px 18px #030b132e}
.gallery-image {border-radius:3px}
.gallery-open:hover {outline:1px solid #8fbfc6;outline-offset:3px}
.gallery-grid figcaption {margin-top:13px}
.gallery-grid figcaption p {margin-bottom:8px}
.music-discography .track-art {border-radius:4px 16px 4px 4px;box-shadow:0 0 0 1px #9db7bc47,0 6px 16px #07121a66}
.music-discography .catalogue-group>.eyebrow {border-bottom:1px solid #718b975e;padding-bottom:15px;background:linear-gradient(90deg,#97d4cd50 0 22px,transparent 22px 28px,#97d4cd23 28px 46px,transparent 46px) left bottom/64px 2px no-repeat}
.music-discography .track>.text-link:hover {color:#d5fff5;border-bottom-color:#9de5de}
.music-discography .tracks {gap:40px 32px}
.music-discography .track>.text-link {font-size:.875rem}
.track p>a {display:inline-flex;min-height:44px;align-items:center}
.setup-specs ul {gap:30px 36px}
.setup-specs li {padding-top:18px;border-top:1px solid var(--line);background:linear-gradient(90deg,#a6c2cd5c 0 18px,transparent 18px) top left/100% 1px no-repeat}
.setup-photo img {border-radius:4px 16px 4px 4px;box-shadow:0 0 0 1px #778d9860}
.style-name {gap:8px 18px}
.style-list .style-tags {color:#b3c9d3}
.style-list>li {border-top-color:#7d92994d}
.style-list .style-favourite {color:#ccd4cd}
.change-list>li {position:relative;padding-left:23px;border-left:1px solid #688e99}
.change-list>li::before {content:'';position:absolute;width:5px;height:5px;top:8px;left:-3px;background:#a8cdc9;border-radius:1px;box-shadow:0 0 0 4px #1d2b35}
.change-list ul {padding-left:18px}
.character-fragment h2,.world-section h2 {font-size:1rem;color:#d0e8ec;letter-spacing:.07em}
.character-fragment,.world-section {scroll-margin-top:28px}
.character-fragment h2 {color:#d5d6cb}
.character-quotes {border-left:1px solid #aa92736b;padding-left:20px;background:linear-gradient(90deg,#af87550a,transparent 65%)}
.character-quotes p {color:#e2dfd7}
.apartment-fragment h2 {color:#e0c8a6}
.apartment-fragment {background:radial-gradient(ellipse at 92% 42%,#ad7c400b,transparent 60%)}
.sheet-main img.sheet-art {border-radius:3px;box-shadow:0 0 0 1px #9eb4be40}
.world-section h2 {border-top:1px solid #759aa447;padding-top:16px;background:linear-gradient(90deg,#9de5de66 0 20px,transparent 20px) left top/100% 1px no-repeat}
.world-opening {padding-left:20px;border-left:2px solid #8dc9cc}
.world-opening p:first-child {font-size:1.125rem;color:#e4f2f4}
.world-image img,.apartment-image img {border-radius:3px 16px 3px 3px;background:#101e26;box-shadow:0 0 0 1px #8aa5af59}
.apartment-image img {box-shadow:0 0 0 1px #aa927369,0 8px 25px #0b101733}
.expand-label {color:#e0eeef;background:#122832f5;font-size:.875rem}
.sheet-main:has(img.sheet-art) .expand-label,.world-image .expand-label,.apartment-image .expand-label {color:#cee9e8}
.world-closing {border-top:1px solid var(--line);padding-top:28px;color:#d1e5ea}
.prose {color:#d9e5e9}
.theme-control,.back-to-top {
  border:1px solid #849da7;
  border-bottom-color:#405563;
  border-radius:10px 4px 10px 4px;
  background:linear-gradient(170deg,#405864,#263b49 55%,#203541);
  box-shadow:inset 0 1px #e0f3f440,inset 0 -2px #0c1b2366,0 3px 10px #050e163d;
  color:#edf4f5;
}
.theme-control {font-size:.875rem;text-align:center}
.back-to-top {border-radius:14px 5px 14px 5px}
.theme-control:hover,.back-to-top:hover {background:#375564;color:#b7fff3}
/* Blur is confined to the small navigation surface. All text has solid backing. */
@supports (backdrop-filter:blur(4px)) {
  @media(min-width:641px) {header nav {backdrop-filter:blur(4px)}}
}
dialog {background:#101e27;color:#edf3f4}
.viewer-bar {background:linear-gradient(#2d414e,#182c39);border-color:#607e8b;box-shadow:inset 0 1px #d3e3e522}
.viewer-controls button {font-size:.875rem;border-radius:9px 3px 9px 3px}
.viewer-controls button:hover {color:#b7fff3;background:#3d5a68}
.viewer-note {color:#c2d4dc;font-size:.875rem}
.gallery-step {border-color:#91b7c0;background:linear-gradient(#344d59f5,#152a37fa);color:#eaf7f6;border-radius:9px 3px 9px 3px;box-shadow:inset 0 1px #d3e3e544}
body[data-page=story] .page:not(.inner-page) {background:radial-gradient(ellipse at 90% 100%,#35424f70,transparent 65%),#182630;border-right-color:#6e8b9680}
@media(max-width:640px) {
  body {background-attachment:scroll;--audio-content-buffer:7px}
  header {padding:23px 24px 0;min-height:91px}
  header nav {gap:2px;box-shadow:inset 0 1px #e0f3f440,0 3px 10px #0002;backdrop-filter:none}
  header nav a,body[data-page=home] header nav a {min-width:72px;padding-inline:14px;font-size:.875rem}
  .home {padding:25px 0 70px}
  .home::before {width:76%;height:250px;border-radius:48%;transform:translate(-50%,-50%) rotate(-20deg)}
  .identity {width:calc(100% - 40px);max-width:400px;padding:61px 7px 43px;border-radius:26px 7px 26px 7px;background:linear-gradient(130deg,#293e4b,#1b2e3a 72%,#253b47);box-shadow:inset 0 1px #d9f2f545,0 12px 25px #07111b44}
  .identity::before {left:22px;top:21px;width:5px;height:5px}
  .identity::after {display:none}
  .wordmark {font-size:clamp(4.2rem,20vw,5rem);margin-bottom:20px}
  .socials {gap:0}
  .social {background:linear-gradient(155deg,#46616c29,#10242e29);box-shadow:inset 0 1px #a9c4ce25;border-color:transparent;border-radius:8px 3px 8px 3px}
  .home .social svg {width:20px;height:20px}
  .social .tip {top:44px}
  .page {width:calc(100% - 40px);margin:30px auto 48px;padding:23px 17px 32px;border-radius:5px 16px 5px 16px;background:#1a2933;box-shadow:inset 0 1px #e4f6f815}
  .page>.back {margin-bottom:14px}
  h1 {font-size:2.45rem}
  .section {margin-top:38px}
  .section-nav {gap:5px 18px;margin:28px 0;padding-block:8px}
  .section-nav a {padding-inline:2px}
  .project-grid {gap:26px}
  .project-card {padding-top:20px}
  .project-card.no-art {min-height:160px}
  .project-card h2 {font-size:1.5rem}
  .gallery-grid {gap:28px}
  .gallery-open,.gallery-image {border-radius:3px}
  .personal-nav {gap:0 3px}
  .personal-nav a {padding-inline:4px;font-size:.875rem}
  .personal-footer {padding-inline:24px}
  .music-discography .tracks {gap:34px}
  .world-opening {padding-left:14px}
  .world-section h2,.character-fragment h2 {font-size:1rem;letter-spacing:.055em}
  .world-image img,.apartment-image img {border-radius:3px 9px 3px 3px}
  .character-quotes {padding-left:12px;background:none}
  .project-card::before {width:19px}
  .change-list>li {padding-left:16px}
  .viewer-bar {flex-direction:column;gap:2px}
  .viewer-bar h2 {padding:2px 4px}
  .viewer-controls {max-width:100%;width:100%;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(prefers-reduced-transparency:reduce) {
  header nav,.identity,.page {background:#20333f;backdrop-filter:none}
}
@media(forced-colors:active) {
  body,.page,.identity,header nav,.theme-control,.back-to-top {background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}
  .home::before,body::before,.home-atmosphere {display:none}
  :focus-visible {outline-color:Highlight}
}

/* Pre-enrichment V2 is checkpointed. Material-only layer; no geometry or content changes. */
@media (forced-colors:none) {
  /* A pale casing around dark individual keys, rather than a larger glass pill. */
  header nav {
    border-color:#dce9e8 #8fa8b2 #738e99 #d3e2e2;
    border-radius:18px 5px 18px 5px;
    background:linear-gradient(155deg,#e3edeb,#b5c9cc 16%,#6c8995 48%,#cadbdd 50%,#8faab4 73%,#c4d9dc);
    box-shadow:inset 0 1px #fff9,inset 0 -2px #294653,0 6px 20px #0003;
  }
  header nav a,body[data-page=home] header nav a {
    border-radius:12px 3px 12px 3px;
    background:linear-gradient(#2b434e,#192f3b);
    box-shadow:inset 0 1px #091c2599,inset 0 -1px #b7d5da45;
  }
  header nav a+a::before {
    left:-4px;top:13px;bottom:13px;
    border-left-color:#ebf6f0a8;
    box-shadow:1px 0 #2f505c88;
    pointer-events:none;
  }
  header nav a::after {height:2px;background:#e3fff5;box-shadow:none;pointer-events:none}
  header nav a[aria-current=page],header nav a[aria-current=page]:is(:hover,:focus-visible) {
    color:#17333e;
    background:linear-gradient(155deg,#f0f5ed,#d2e4e4 49%,#b9d1d7 51%,#dbeaec);
    box-shadow:inset 0 1px #fff,inset 0 -2px #7196a4,0 1px 2px #0c20284d;
  }
  header nav a[aria-current=page]::after {background:#286975}
  header nav a:focus-visible,body[data-page=home] header nav a:focus-visible {outline-color:#071c27}

  /* Two small acrylic inserts stay outside the wordmark and control area. */
  .identity {
    border-top-color:#d4e3e3;border-left-color:#a9c0c7;
    background:
      linear-gradient(90deg,#b8d3d7,#eff5ee 45%,#8ea8b3) 28px 100%/90px 4px no-repeat,
      linear-gradient(112deg,#334b57ef,#20343ff7 22%,#182b36fa 70%,#2b414cf5);
  }
  .identity::before {background:#e1fff5;box-shadow:0 0 5px #bcf9ee40,12px 0 #aec6cd60,24px 0 #aec6cd26;pointer-events:none}
  .identity::after {
    top:0;right:0;bottom:auto;width:114px;height:31px;
    border-radius:0 8px 0 0;
    clip-path:polygon(12% 0,100% 0,100% 100%,31% 100%,0 40%);
    background:
      linear-gradient(90deg,transparent 71%,#55788766 72% 73%,transparent 74% 79%,#ffffff94 80% 81%,transparent 82%),
      linear-gradient(160deg,#eef4eb,#bbd2d6 53%,#92b2bc 55%,#dce8e8);
    box-shadow:inset 0 -2px #5f839077;
    pointer-events:none;
  }
  .social {border-top-color:#c6dcdf;box-shadow:inset 0 2px #d9e9e63b,inset 0 -2px #08141e55}
  .home .social:is(:hover,:focus-visible) {color:#e6fff8;background:#385866;box-shadow:inset 0 2px #e4fff585,inset 0 -2px #163541}
  .theme-control,.back-to-top {border-top-color:#d8e8e6;border-left-color:#afc7ce;box-shadow:inset 0 2px #dceee747,inset 0 -2px #0c1b2366,0 3px 10px #050e163d}
  .theme-control:is(:hover,:focus-visible),.back-to-top:is(:hover,:focus-visible) {background:#365766;color:#ebfff9}

  /* The pages stay dark. Pale marks are joins, not additional panels. */
  .page {border-top-color:#bdd1d499;box-shadow:inset 3px 0 #b0c9ce07,inset 0 1px #e4f6f831,0 12px 36px #0002}
  .section-nav {border-top-color:#b3c8cd88;box-shadow:inset 0 1px #e6f1ee0d}
  .section-nav a[aria-current=page] {color:#e1fff7;box-shadow:inset 0 -2px #d2eee9}
  .project-card {border-top-color:#c8d9da}
  .project-card::before {width:38px;height:6px;top:-3px;border-inline-color:#edf5ef;background:repeating-linear-gradient(90deg,#d2e3df 0 3px,#7395a1 3px 5px);box-shadow:0 1px #162b35}
  .project-card .art {box-shadow:0 0 0 1px #c4d9dc9c,0 7px 18px #060e1740}
  .project-card:hover .art {box-shadow:0 0 0 1px #d8f5eb,0 7px 18px #060e1740}

  .world-opening {border-left-color:#daede7;background:linear-gradient(90deg,#cce7e20b,transparent 65%)}
  .world-section h2 {
    position:relative;border-top-color:#b1cccf75;
    background:linear-gradient(90deg,#e3efea 0 38px,#91b2bf 38px 43px,transparent 43px) left top/100% 2px no-repeat;
  }
  .world-section h2::after {content:'';position:absolute;top:-3px;right:0;width:38px;height:6px;background:linear-gradient(110deg,#e4efe7,#a7c7d1);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);pointer-events:none}
  .world-image img {box-shadow:0 0 0 1px #c6dee0b3}
  .world-closing {border-top-color:#acc9ce9c}
  .character-fragment h2 {position:relative;color:#e4dedc}
  .character-fragment h2::after {content:'';position:absolute;left:0;bottom:-7px;width:34px;height:2px;background:linear-gradient(90deg,#e0d9d8,#a79aaa44);pointer-events:none}
  .character-quotes {border-left-color:#d1bfb0;background:linear-gradient(90deg,#c4a4b40b,transparent 65%)}
  .apartment-fragment h2 {color:#e3ceb0}
  .apartment-fragment h2::after {background:linear-gradient(90deg,#e6d9bd,#b8926544)}
  .sheet-main img.sheet-art {box-shadow:0 0 0 1px #c8c5ce8c}
  .apartment-image img {box-shadow:0 0 0 1px #cfc0aaa1,0 8px 25px #0b101733}
  .sheet-main:has(img.sheet-art) .expand-label,.world-image .expand-label,.apartment-image .expand-label {
    color:#20343d;background:linear-gradient(150deg,#e9efe7,#b8cfd5);
    box-shadow:inset 0 1px #fff9,inset 0 -2px #738e995e;
  }
  .apartment-image .expand-label {background:linear-gradient(150deg,#eae3d7,#c6bdba);color:#302c31}

  .music-discography .catalogue-group>.eyebrow {
    border-bottom-color:#c1d4d47a;
    background:linear-gradient(90deg,#e0eee6 0 34px,transparent 34px 39px,#9fbdc6 39px 51px,transparent 51px) left bottom/64px 3px no-repeat;
  }
  .music-discography .track-art {box-shadow:0 0 0 1px #d4e4dfad,0 6px 16px #07121a66}
  .music-discography .track>.text-link {border-bottom-color:#adc7cd}
  .gallery-open {box-shadow:0 0 0 1px #bfd3d867,0 7px 18px #030b132e}
  .gallery-open:focus-visible {outline-color:#e3fff8}
  .viewer-bar {border-bottom-color:#d3e6e2;box-shadow:inset 0 2px #dcebe442}
  .viewer-controls button {background:linear-gradient(155deg,#e2ede8,#b6ced5);color:#18333e;box-shadow:inset 0 1px #fff9,inset 0 -2px #6e929e77}
  .viewer-controls button:hover {background:#edf9f1;color:#15303e}
  .viewer-controls button:disabled {background:#667d88;color:#182b35}
  .gallery-step {background:linear-gradient(145deg,#e5f0e9,#bdd6db);color:#18343f;border-color:#e0efec #8ba8b3 #7798a5 #c8dddd;box-shadow:inset 0 1px #fffc,inset 0 -2px #7b9aa677}
  .gallery-step:hover {color:#17343d;background:#e8fff4}
  .gallery-step:disabled {background:#607883;color:#d9e6e9;border-color:#79939e;box-shadow:none}
  .setup-specs li {border-top-color:#a1bbc4;background:linear-gradient(90deg,#e4eee9 0 28px,#9ab4c2 28px 33px,transparent 33px) top left/100% 2px no-repeat}
  .setup-photo img {box-shadow:0 0 0 1px #bdced68c}
  .style-list>li {border-top-color:#a7bcc067}
  .style-favourite {background:linear-gradient(90deg,#d5e4dc14,#d5e4dc05);box-shadow:inset 0 -1px #c7d8d081}
  .change-list>li {border-left-color:#adc3ca}
  .change-list>li::before {background:#e3eee6;border-radius:0;box-shadow:0 0 0 3px #213440,0 0 0 4px #8ba7b06b;pointer-events:none}
  body[data-page=story] .page:not(.inner-page) {border-top-color:#c6d6d7a6}

  @media(max-width:640px) {
    header nav {background:linear-gradient(135deg,#b7ccd0,#7e9aa6 55%,#c0d4d6);box-shadow:inset 0 1px #fff8,0 3px 10px #0002}
    header nav a+a::before {display:none}
    .identity {background:linear-gradient(90deg,#cededb,#9bb6c0) 22px 100%/48px 3px no-repeat,linear-gradient(130deg,#293e4b,#1b2e3a 72%,#253b47)}
    .identity::after {display:block;width:62px;height:16px;border-radius:0 6px 0 0;background:linear-gradient(150deg,#ddebe4,#a7c1c9);box-shadow:none}
    .identity::before {box-shadow:10px 0 #aec6cd45}
    .social {box-shadow:inset 0 1px #d8e9e648;border-top-color:transparent}
    .project-card::before {width:20px;height:4px;top:-2px;background:#d1e0dd}
    .world-section h2::after,.character-fragment h2::after {display:none}
    .world-section h2 {background-size:30px 2px}
    .world-opening,.character-quotes {background:none}
    .style-favourite {background:none;box-shadow:none}
    .change-list>li::before {box-shadow:0 0 0 3px #213440}
    .viewer-controls button {box-shadow:inset 0 -1px #7d99a3}
  }
}

/* Spatial pass: homepage-only architecture. All forms are static and input-inert. */
@media (forced-colors:none) {
  body[data-page=home] .home > .home-atmosphere {overflow:hidden;overflow:clip}

  /* A broad pearl canopy enters from the left, with an open, tapered interior. */
  body[data-page=home] .home-atmosphere::before {
    inset:auto;
    left:-34vw;top:17vh;
    width:66vw;height:53vh;
    border-radius:50%;
    transform:rotate(-29deg);
    background:
      radial-gradient(ellipse 72% 73% at 44% 73%,transparent 64%,#edfff08c 64.9%,transparent 66%,transparent 94%,#e5f8ee99 95.5%,transparent 96.6%),
      linear-gradient(150deg,#fcfff3 0%,#e2efe6ed 25%,#acccd5d4 40%,#527e93a8 61%,#beddd5cc 88%),
      linear-gradient(25deg,#345b6d,transparent);
    mask-image:radial-gradient(ellipse 72% 73% at 44% 73%,transparent 64%,#000 64.8% 96%,transparent 96.6%);
    pointer-events:none;
  }

  /* The smaller aqua shell is offset in depth, continuing beyond the right edge. */
  body[data-page=home] .home-atmosphere::after {
    display:block;inset:auto;
    right:-25vw;top:47vh;
    width:62vw;height:31vh;
    border-radius:50%;
    transform:rotate(-34deg);
    background:
      radial-gradient(ellipse 81% 78% at 46% 13%,transparent 65%,#ecfff29c 66%,transparent 67%,transparent 93%,#b7eeee80 94.4%,transparent 95.7%),
      linear-gradient(156deg,#b9e6e549,#e2f8edf0 31%,#8dbfcbb3 42%,#3f84976b 61%,#a9e3dc99 83%,#d7ebe0cc);
    mask-image:radial-gradient(ellipse 81% 78% at 46% 13%,transparent 65%,#000 65.7% 95%,transparent 95.7%);
    pointer-events:none;
  }

  /* Distant suspended arcs and rain seams; no literal city or location. */
  body[data-page=home] .home::after {
    content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:
      radial-gradient(ellipse 93vw 23vh at 65% -9%,transparent 99%,#badcde30 99.25% 99.7%,transparent 100%),
      radial-gradient(ellipse 90vw 22vh at 65% -9%,transparent 99%,#bce2df12 99.4% 99.8%,transparent 100%),
      radial-gradient(ellipse 79vw 29vh at -13% 109%,transparent 99%,#c9e7e00c 99.3% 99.7%,transparent 100%),
      repeating-linear-gradient(100deg,transparent 0 87px,#a1d4da05 88px,transparent 89px 163px);
  }

  /* A light rail supports the existing text navigation without creating a dock. */
  body[data-page=home] .personal-nav::before {
    content:'';position:absolute;left:50%;bottom:0;
    width:min(420px,90%);height:2px;transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,#91c4c55c 10%,#d4ede2b3 21%,#829ea84d 23% 76%,#daf2e3b3 79%,#91c4c55c 90%,transparent);
    border-radius:50%;pointer-events:none;
  }
  
  
  

  @media(min-width:641px) and (max-width:1100px) {
    body[data-page=home] .home-atmosphere::before {left:-42vw;width:78vw;top:14vh;height:49vh}
    body[data-page=home] .home-atmosphere::after {right:-38vw;width:77vw;top:51vh;height:27vh}
  }
  @media(min-width:641px) and (max-height:700px) {
    body[data-page=home] .home-atmosphere::before {top:12vh;height:57vh;left:-39vw}
    body[data-page=home] .home-atmosphere::after {top:48vh;height:35vh;right:-31vw}
    body[data-page=home] .home::after {opacity:.65}
  }
  @media(max-width:640px) {
    body[data-page=home] .home-atmosphere::before {
      left:-61vw;top:12vh;width:110vw;height:29vh;
      transform:rotate(-26deg);opacity:.55;
      background:linear-gradient(165deg,#deeee3,#79abb97a 52%,#7aaeb237);
      mask-image:radial-gradient(ellipse 72% 75% at 42% 79%,transparent 64%,#000 65% 95%,transparent 96%);
    }
    body[data-page=home] .home-atmosphere::after {
      right:-66vw;top:55vh;width:104vw;height:17vh;
      transform:rotate(-24deg);opacity:.48;
      background:linear-gradient(160deg,#b8e0dc33,#badbdca8 48%,#6796ac55);
    }
    body[data-page=home] .home::after {display:none}
    body[data-page=home] .personal-nav::before {width:min(280px,90%);height:1px;opacity:.7}
    
  }
  @media(max-width:640px) and (max-height:650px) {
    body[data-page=home] .home-atmosphere::before {top:7vh;height:26vh;left:-68vw;opacity:.4}
    body[data-page=home] .home-atmosphere::after {display:none}
  }
}
@media(prefers-reduced-transparency:reduce) {
  body[data-page=home] .home-atmosphere::before,
  body[data-page=home] .home-atmosphere::after,
  body[data-page=home] .home::after {display:none}
}
@supports not (mask-image:radial-gradient(#000,transparent)) {
  body[data-page=home] .home-atmosphere::before,
  body[data-page=home] .home-atmosphere::after {display:none}
}

/* Homepage-local Future Aero materials. Inner-page tokens remain untouched. */
body[data-page=home] {
  --aero-ink:#153c59;--aero-label:#effbffe8;--aero-focus:#124b85;
  --aero-folder:linear-gradient(162deg,#fff2aa,#f5cf66 37%,#e7ae3d 39%,#c79036 83%,#f0ce72);
  background:#228bd0;color:var(--aero-ink);
}
body[data-page=home]::before,body[data-page=home] .home::before,
body[data-page=home] .home-atmosphere::before,body[data-page=home] .home-atmosphere::after {display:none}
body[data-page=home] .home > .home-atmosphere {display:block;background:#218ed1;overflow:hidden}
body[data-page=home] .aero-wallpaper {display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

body[data-page=home] ::selection {color:#153c59;background:#f1ffbf}

body[data-page=home] header,
body[data-page=home] footer {display:none}
body[data-page=home] .desktop-home {
  display:block;min-height:100svh;padding:0;text-align:center;overflow:hidden;overflow:clip;
}
body[data-page=home] .desktop-home nav a::after {display:none}
body[data-page=home] .desktop-folders {
  position:absolute;top:42px;left:50%;transform:translateX(-50%);
  display:flex;gap:28px;align-items:start;z-index:2;
}
body[data-page=home] .desktop-folder,
body[data-page=home] .desktop-external {
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  color:var(--aero-ink);text-decoration:none;border:1px solid transparent;
  border-radius:12px;position:relative;
}
body[data-page=home] .desktop-folder {width:104px;min-height:106px;padding:8px}
body[data-page=home] .desktop-label {
  display:block;line-height:1.4;font-size:14px;font-weight:500;
  padding:1px 6px;border-radius:5px;
  background:var(--aero-label);text-shadow:0 1px #fff9;
}
body[data-page=home] .folder-art {
  display:block;position:relative;width:72px;height:55px;margin-top:8px;
  border:1px solid #fff1b1;border-right-color:#b28537;border-bottom-color:#997531;
  border-radius:3px 9px 12px 8px;
  background:var(--aero-folder);
  box-shadow:inset 0 2px #fffbd4,inset 0 -3px #aa752950,0 5px 8px #12487140;
  isolation:isolate;
}
body[data-page=home] .folder-art::before {
  content:'';position:absolute;left:0;top:-8px;width:33px;height:9px;
  background:linear-gradient(#fff1ae,#d8aa48);border:1px solid #ffe999;
  border-bottom:0;border-radius:5px 9px 0 0;z-index:-1;
}
body[data-page=home] .folder-insert {
  position:absolute;left:8px;right:5px;top:-7px;height:28px;
  border:1px solid #cfdeea;border-radius:3px;transform:rotate(-5deg);z-index:0;
  background:linear-gradient(170deg,#fff 35%,#e9f7fb);box-shadow:2px -3px 0 -1px #fff,3px -4px 0 -1px #ccdeeb;
}
body[data-page=home] .folder-art svg {width:31px;height:31px;position:absolute;right:8px;bottom:7px;fill:#8c6022;filter:none;z-index:2}
body[data-page=home] .folder-art .icon-cut {fill:#fff1b1}
body[data-page=home] .desktop-folder:nth-child(2) .folder-art {background:var(--aero-folder)}
body[data-page=home] .desktop-folder:nth-child(3) .folder-art {background:var(--aero-folder)}
body[data-page=home] .desktop-externals {
  position:absolute;left:30px;top:157px;display:grid;grid-template-columns:90px;
  gap:8px;z-index:2;
}
body[data-page=home] .desktop-external {width:90px;min-height:78px;padding:5px 2px;gap:5px}
body[data-page=home] .shortcut-icon {
  position:relative;display:grid;place-items:center;width:47px;height:43px;
  border:1px solid #f5ffffcc;border-bottom-color:#748dbe;border-radius:13px 8px 13px 8px;
  background:linear-gradient(155deg,#daf6f2ca,#62b8d3c9 47%,#246385dd 49%,#358393db);
  box-shadow:inset 0 1px #fff9,inset 0 -2px #19326560,0 4px 7px #18518a44;
}
body[data-page=home] .shortcut-icon::before {
  content:'';position:absolute;inset:2px 3px 52%;border-radius:9px 5px 50% 45%;
  background:linear-gradient(180deg,#f3fff37a,#d7fff00d);pointer-events:none;
}
body[data-page=home] .shortcut-icon svg {width:25px;height:25px;fill:#fff;position:relative}
body[data-page=home] .shortcut-twitch {background:linear-gradient(155deg,#d7a5ff,#a967f3 46%,#7636c0 48%,#9146ff)}
body[data-page=home] .shortcut-x {background:linear-gradient(155deg,#818992,#454c57 46%,#121824 48%,#303b49)}
body[data-page=home] .shortcut-youtube {background:linear-gradient(155deg,#ffa59b,#f85e62 46%,#c51034 48%,#ed2341)}
body[data-page=home] .shortcut-tiktok {background:linear-gradient(155deg,#729ca9,#334f61 46%,#101829 48%,#35354c)}
body[data-page=home] .shortcut-spotify {background:linear-gradient(155deg,#aeffa2,#58df81 46%,#1f9d59 48%,#1ed760)}
body[data-page=home] .desktop-folder:is(:hover,:focus-visible),
body[data-page=home] .desktop-external:is(:hover,:focus-visible) {
  background:linear-gradient(160deg,#f3ffff6b,#a5eeff38);border-color:#eaffffbd;color:var(--aero-ink);
}
body[data-page=home] .desktop-home a:focus-visible {outline:2px solid var(--aero-focus);outline-offset:3px;box-shadow:0 0 0 5px #f2ffffe6}
body[data-page=home] .desktop-badge {
  position:absolute;top:37px;right:35px;display:flex;align-items:center;flex-direction:column;
  gap:8px;width:72px;color:var(--aero-ink);font-size:14px;line-height:1.4;pointer-events:none;
}
body[data-page=home] .identity-glyph {
  display:block;position:relative;width:49px;height:49px;border-radius:50%;
  background:radial-gradient(ellipse at 30% 13%,#fff,transparent 49%),linear-gradient(155deg,#b5f7ff,#148ec0 55%,#6fe5ad);
  border:1px solid #edffff;box-shadow:inset 1px 2px 3px #fff,inset -2px -3px 5px #23699580,0 0 0 2px #c3e3e68a,0 3px 8px #194e8840;
}
body[data-page=home] .identity-glyph::before {
  content:'';position:absolute;left:38%;top:17%;width:24%;height:26%;border-radius:50%;
  background:linear-gradient(135deg,#fff,#edfff9 55%,#b3dce3);
  box-shadow:0 0 0 1px #24769466,0 2px 2px #185b7873;pointer-events:none;
}
body[data-page=home] .identity-glyph::after {
  content:'';position:absolute;left:20%;top:49%;width:60%;height:32%;border-radius:50% 50% 26% 26%;
  background:linear-gradient(150deg,#fff,#e1fff5 48%,#acd6e0);
  box-shadow:inset 0 1px #fff,0 0 0 1px #24769466,0 2px 2px #185b7866;pointer-events:none;
}
body[data-page=home] .desktop-wordmark {
  position:absolute;top:45%;left:55%;transform:translate(-50%,-50%);margin:0;
  font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-weight:800;
  font-size:clamp(80px,10vw,154px);letter-spacing:-.065em;line-height:1.2;
  color:#f8ffff;text-shadow:0 2px 1px #205798,0 4px 14px #24579bb3;-webkit-text-stroke:1px #205d9d55;
}
body[data-page=home] .desktop-wordmark::after {
  content:'';display:block;margin:13px auto 0;width:42%;height:2px;
  background:linear-gradient(90deg,transparent,#edffffaa,transparent);pointer-events:none;
}
body[data-page=home] .desktop-taskbar {
  position:fixed;z-index:5;
  left:var(--theme-frame-inset);right:var(--theme-frame-inset);
  bottom:calc(var(--corner-control-bottom) - 12px);height:68px;
  border:1px solid #f4ffffe6;border-bottom-color:#5f829fbd;border-radius:17px 6px 17px 6px;
  background:linear-gradient(180deg,#ffffffb8,#e5edf48c 43%,#6b8ca978 45%,#d3e6e5ad),linear-gradient(100deg,#b5edf340,transparent 44%,#d8f4b82b);
  box-shadow:inset 0 2px #ffffffb3,inset 0 -2px #edfaff73,0 7px 16px #1b47783b;
}
body[data-page=home] .desktop-pins {height:100%;display:flex;justify-content:center;align-items:center;gap:9px;padding-inline:106px}
body[data-page=home] .desktop-pin {
  min-height:50px;display:flex;align-items:center;gap:8px;padding:4px 11px;
  color:var(--aero-ink);border:1px solid #eaffff59;border-radius:9px;text-shadow:0 1px #fff9;
  font-size:14px;line-height:1.3;background:#ecf5fae3;
}
body[data-page=home] .pin-icon {
  display:grid;place-items:center;width:31px;height:33px;border-radius:7px 3px 7px 3px;
  background:linear-gradient(150deg,#fff,#c9e6f4 47%,#73acc5 49%,#c1ebeb);
  box-shadow:inset 0 1px #fff,inset 0 -1px #5c8caa80;
}
body[data-page=home] .pin-icon svg {width:24px;height:24px;fill:#245879}
body[data-page=home] .pin-icon .icon-cut {fill:#e9faff}
body[data-page=home] .desktop-pin:is(:hover,:focus-visible) {color:#123a59;background:#f5fffff2;border-color:#fff}
body[data-page=home] .theme-control {
  width:76px;height:44px;padding:8px 2px 8px 28px;font-size:12px;line-height:1.2;white-space:nowrap;
  border-radius:22px 7px 22px 7px;border-color:#fff #a1bcca #66899f #f4ffff;
  background:linear-gradient(180deg,#ffffffc9,#c6e3edcc 28%,#edf6fbf5 34% 72%,#9dbed8cc);
  color:#163b57;text-align:right;box-shadow:inset 0 1px #fff,inset 0 -2px #5d87a080,0 2px 5px #24639b40;
}
body[data-page=home] .theme-control::before {
  content:'';position:absolute;left:4px;top:9px;width:23px;height:23px;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 31% 17%,#fff,transparent 55%),linear-gradient(140deg,#8fefff,#0e8ccc 52%,#6cefb0);
  border:1px solid #f4ffff;box-shadow:0 0 0 1px #6f96af,inset 0 -2px 3px #165a8c85;
}
body[data-page=home] .theme-control::after {
  content:'';position:absolute;left:11px;top:16px;width:11px;height:11px;pointer-events:none;
  background:#e1fff6;clip-path:polygon(0 0,30% 0,50% 32%,70% 0,100% 0,65% 50%,100% 100%,70% 100%,50% 68%,30% 100%,0 100%,35% 50%);
}
body[data-page=home] .theme-control:is(:hover,:focus-visible) {background:linear-gradient(180deg,#fff,#dbffff 28%,#f7ffff 34% 72%,#a5d6e8);color:#153b56}
body[data-page=home] .theme-control[aria-pressed=true] {border-color:#fff;box-shadow:inset 0 1px #fff,0 0 0 2px #8ff3cbb3}

body[data-page=home] .folder-art::after {content:'';position:absolute;inset:14px -1px -1px;border:1px solid #efc566;border-top-color:#fff0ae;border-radius:3px 4px 11px 7px;background:var(--aero-folder);box-shadow:inset 0 2px #fff2bb85;z-index:1;transform:skewX(-3deg)}
body[data-page=home] .folder-insert::after {content:'';position:absolute;left:8px;right:7px;top:7px;height:1px;background:#92b3c561;box-shadow:0 4px #92b3c549,0 8px #92b3c538}
body[data-page=home] .shortcut-spotify svg {fill:#074b2a}
body[data-page=home] .shortcut-tiktok svg {filter:drop-shadow(-1px 0 #24f5ef) drop-shadow(1px 1px #ff477b)}
body[data-page=home] .shortcut-anilist {background:linear-gradient(155deg,#9cdfff,#52baff 46%,#1772bd 48%,#168ce8)}
body[data-page=home] .desktop-badge > span:last-child {padding:1px 6px;border-radius:5px;background:var(--aero-label)}
body[data-page=home] .theme-control:focus-visible {outline:2px solid var(--aero-focus);outline-offset:3px}

@media(min-width:641px) and (max-width:900px) {
  body[data-page=home] .desktop-folders {gap:13px;left:48%;top:44px}
  body[data-page=home] .desktop-folder {width:90px}
  body[data-page=home] .desktop-badge {right:28px;top:44px;width:54px}
  body[data-page=home] .desktop-externals {left:28px;top:207px}
  body[data-page=home] .desktop-wordmark {left:59%;font-size:100px}
  body[data-page=home] .desktop-pin {flex-direction:column;gap:2px;padding:2px 7px;font-size:13px;min-width:78px}
  body[data-page=home] .pin-icon {width:25px;height:25px}
  body[data-page=home] .pin-icon svg {width:20px;height:20px}
}
@media(min-width:641px) and (max-height:850px) {
  body[data-page=home] .desktop-home {min-height:max(100svh,420px)}
  body[data-page=home] .desktop-folders {top:26px}
  body[data-page=home] .desktop-externals {top:169px;grid-template-columns:82px 82px;gap:10px 5px}
  body[data-page=home] .desktop-external {width:82px;min-height:76px}
  body[data-page=home] .desktop-wordmark {top:47%;left:57%;font-size:clamp(74px,10vw,138px)}
}
@media(min-width:641px) and (max-height:540px) {
  body[data-page=home] .desktop-home {min-height:max(100svh,440px)}
  body[data-page=home] .desktop-externals {top:157px;grid-template-columns:82px 82px 82px;gap:6px}
  body[data-page=home] .desktop-wordmark {left:64%;font-size:clamp(70px,9vw,110px)}
}
@media(max-width:640px) {
  body[data-page=home] .aero-wallpaper {width:190%;max-width:none;left:-60%}
  body[data-page=home] .wallpaper-orb {transform:translate(-260px,10px) scale(.7);transform-origin:1448px 416px}
  body[data-page=home] .wallpaper-pearl {transform:translate(235px,30px)}
  body[data-page=home] .desktop-home {
    display:grid;grid-template-areas:'folders' 'brand' 'socials';grid-template-rows:90px minmax(68px,1fr) 154px;
    padding:105px 22px calc(var(--corner-control-bottom) + 150px);gap:18px;
    min-height:100svh;
  }
  body[data-page=home] .desktop-folders {grid-area:folders;position:static;transform:none;gap:10px;justify-content:center}
  body[data-page=home] .desktop-folder {width:83px;min-height:86px;gap:6px;padding:5px}
  body[data-page=home] .folder-art {width:57px;height:43px}
  body[data-page=home] .folder-art svg {width:25px;height:25px;right:6px;bottom:5px}
  body[data-page=home] .desktop-badge {top:27px;right:26px;flex-direction:row;width:auto;gap:9px}
  body[data-page=home] .identity-glyph {width:35px;height:35px}
  body[data-page=home] .desktop-wordmark {grid-area:brand;position:static;transform:none;font-size:clamp(66px,18vw,100px);align-self:center}
  body[data-page=home] .desktop-wordmark::after {margin-top:5px;height:1px}
  body[data-page=home] .desktop-externals {grid-area:socials;position:static;grid-template-columns:repeat(3,1fr);gap:4px 12px;width:min(300px,100%);justify-self:center}
  body[data-page=home] .desktop-external {width:100%;min-height:74px;gap:4px;padding:3px 0}
  body[data-page=home] .shortcut-icon {width:40px;height:36px;border-radius:11px 6px}
  body[data-page=home] .shortcut-icon svg {width:22px;height:22px}
  body[data-page=home] .desktop-taskbar {
    bottom:calc(var(--corner-control-bottom) - 10px);height:130px;
    left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));
    border-radius:14px 5px 14px 5px;
  }
  body[data-page=home] .desktop-pins {height:64px;padding:6px 5px 0;gap:2px;display:grid;grid-template-columns:repeat(4,1fr)}
  body[data-page=home] .desktop-pin {min-width:0;min-height:56px;flex-direction:column;justify-content:center;gap:3px;padding:3px 1px;font-size:13px;letter-spacing:0}
  body[data-page=home] .pin-icon {width:28px;height:27px}
  body[data-page=home] .pin-icon svg {width:22px;height:22px}
}
@media(max-width:640px) and (max-height:700px) {
  body[data-page=home] .desktop-home {grid-template-rows:80px minmax(54px,1fr) 138px;padding-top:79px;padding-bottom:calc(var(--corner-control-bottom) + 137px);gap:10px}
  body[data-page=home] .desktop-badge {top:23px}
  body[data-page=home] .identity-glyph {width:30px;height:30px}
  body[data-page=home] .desktop-folder {min-height:78px}
  body[data-page=home] .desktop-external {min-height:66px}
  body[data-page=home] .shortcut-icon {height:32px;width:36px}
  body[data-page=home] .desktop-wordmark {font-size:64px}
}
@media(max-width:640px) {
  html:has(body[data-page=home]) {scroll-padding-bottom:calc(var(--corner-control-bottom) + 142px)}
  body[data-page=home] .desktop-home a {scroll-margin-block:12px}
}
@media(prefers-reduced-transparency:reduce) {
  body[data-page=home] .desktop-taskbar {background:#d2e3ef}
  body[data-page=home] .desktop-label {background:#effbff}
}
@media(forced-colors:active) {
  body[data-page=home] .home > .home-atmosphere {display:none}
  body[data-page=home] .desktop-badge > span:last-child {background:Canvas;color:CanvasText}
  body[data-page=home] .desktop-taskbar,
  body[data-page=home] .desktop-home a,
  body[data-page=home] .desktop-label,
  body[data-page=home] .theme-control {background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;text-shadow:none}
  body[data-page=home] .desktop-wordmark {color:CanvasText;text-shadow:none}
  body[data-page=home] .folder-art,
  body[data-page=home] .shortcut-icon,
  body[data-page=home] .pin-icon {background:Canvas;border:1px solid ButtonText;box-shadow:none}
  body[data-page=home] .desktop-home svg {fill:CanvasText}
  body[data-page=home] .desktop-home svg .icon-cut {fill:Canvas}
  body[data-page=home] .desktop-home a:focus-visible {outline-color:Highlight}
}


/* Vault prototype only. Presence of its renderer scopes the environment and shell;
   no route state, shared behavior or other page presentation changes. */
body:has(.vault-archive) {
  --vault-ink:#193d57;
  --vault-secondary:#3a566a;
  --vault-pearl:#f1f8fa;
  color:var(--vault-ink);
  background-color:#a8dbe9;
  background-image:
    radial-gradient(ellipse at 93% 82%,#c5efb4b3,transparent 40%),
    radial-gradient(ellipse at 17% 30%,#effdffb8,transparent 50%),
    linear-gradient(155deg,#81c4e8 0%,#c4e9f1 48%,#79c8d8 78%,#5b9bcc);
  background-attachment:fixed;
}
body:has(.vault-archive)::before {
  background:radial-gradient(ellipse 110% 78% at 73% -26%,transparent 98.9%,#f4ffff9c 99%,transparent 99.3%);
}
body:has(.vault-archive) ::selection {color:#153c59;background:#e3ffc5}
body:has(.vault-archive) header {padding-top:26px;min-height:90px}
body:has(.vault-archive) header nav {
  padding:5px;gap:4px;border-radius:25px;
  border:1px solid #edfbff;border-bottom-color:#6d9cad;
  background:linear-gradient(180deg,#f6ffffe8,#c0dae6c9 49%,#97bdd0c9 50%,#d6eff2eb);
  box-shadow:inset 0 1px #fff,0 3px 0 #48758c20,0 8px 18px #22526e1f;
  backdrop-filter:none;
}
body:has(.vault-archive) header nav a {
  color:var(--vault-ink);border-radius:20px;min-height:44px;
  background:transparent;box-shadow:none;text-shadow:none;
}
body:has(.vault-archive) header nav a+a::before {display:none}
body:has(.vault-archive) header nav a::after {background:#267086;box-shadow:none;bottom:5px}
body:has(.vault-archive) header nav a[aria-current=page] {
  color:#143a50;background:linear-gradient(160deg,#fff,#e4f5f5);
  box-shadow:inset 0 1px #fff,0 1px 4px #3d687940;
}
body:has(.vault-archive) header nav a:is(:hover,:focus-visible) {color:#143a50;background:#f5ffff}
body:has(.vault-archive) :focus-visible {
  outline:3px solid #164d86;outline-offset:5px;
}
body:has(.vault-archive) .skip {background:#f1f8fa;color:var(--vault-ink)}
body:has(.vault-archive) .vault-archive {
  width:min(1120px,calc(100% - 112px));margin:24px auto 60px;
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;
}
.vault-archive .vault-heading {margin:0 0 28px;padding-left:10px}
.vault-archive .back {color:#244e68;margin:0 0 2px;padding:0 4px;min-height:44px}
.vault-archive .back:hover {color:#123b55;text-decoration:underline;text-underline-offset:4px}
.vault-archive h1 {
  color:#194b70;font-size:clamp(3.5rem,6vw,5rem);line-height:1.08;
  font-weight:500;letter-spacing:-.065em;margin:0;text-shadow:0 1px #efffff;
}
.vault-archive .archive-destinations {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px;align-items:start;
}
.vault-archive .archive-destination {
  display:block;position:relative;isolation:isolate;color:var(--vault-ink);
  border:1px solid #ecfbff;border-bottom-color:#80a9b7;
  box-shadow:inset 0 1px #fff,0 2px 1px #34708a24,0 20px 35px -20px #28577080;
  transition:box-shadow .18s,border-color .18s;
}
.vault-archive .archive-destination:focus-visible {
  outline:3px solid #164d86;outline-offset:6px;box-shadow:0 0 0 4px #fff,0 20px 35px -20px #28577080;
}
.vault-archive .archive-destination:hover {color:var(--vault-ink);border-color:#fff;box-shadow:inset 0 1px #fff,0 3px 1px #34708a24,0 24px 40px -18px #28577099}
.vault-archive .archive-vesper {
  padding:19px 19px 0;border-radius:112px 112px 28px 28px;
  background:linear-gradient(130deg,#fffffff2,#e6e6edee 43%,#c4dce2e8 73%,#edf8f3);
}
.vault-archive .archive-image-window {position:relative;overflow:hidden}
.vault-archive .archive-art {display:block;width:100%;height:100%;object-fit:cover}
.vault-archive .archive-vesper .archive-image-window {
  aspect-ratio:1.52;border-radius:94px 94px 15px 15px;
  border:1px solid #c2bfc9;background:#e6e3e1;
  box-shadow:0 1px #fff,0 -2px 6px #65707b24;
}
.vault-archive .archive-caption {position:relative;padding:26px 26px 30px}
.vault-archive .archive-vesper .archive-caption {padding-inline:16px}
.vault-archive .archive-title {display:flex;align-items:center;justify-content:space-between;gap:12px}
.vault-archive .archive-title h2 {
  color:var(--vault-ink);font-size:2.625rem;font-weight:500;letter-spacing:-.055em;line-height:1.15;margin:0;
}
.vault-archive .archive-open {
  display:grid;place-items:center;flex:0 0 40px;height:40px;
  border:1px solid #84a8b7;border-top-color:#fff;border-radius:50%;
  background:linear-gradient(145deg,#fff,#dceef2 52%,#b4d6df);
  box-shadow:inset 0 1px #fff,0 2px 3px #40758526;
  color:#275d77;font-size:1.4rem;pointer-events:none;
}
.vault-archive p.archive-subtitle {font-size:.9375rem;line-height:1.6;color:#3a5265;margin:9px 0 18px}
.vault-archive p.archive-description {font-size:1rem;line-height:1.65;color:#304e63;margin:0}
.vault-archive .archive-world {
  margin-top:56px;padding:12px 12px 0;border-radius:18px 38px 18px 18px;
  background:linear-gradient(145deg,#f5ffffed,#b8dbe7ee 46%,#e6f3e6f5);
}
.vault-archive .archive-world::before {
  content:'';position:absolute;inset:20px -10px 34px 24px;border:1px solid #d4f5f3;
  border-radius:12px 31px 14px 14px;background:linear-gradient(140deg,#efffff8c,#9ed0d333);
  box-shadow:0 5px 12px #34697d20;z-index:-1;pointer-events:none;
}
.vault-archive .archive-world .archive-image-window {
  aspect-ratio:1.68;border:1px solid #86abbc;border-radius:8px 28px 8px 8px;
  background:#173246;box-shadow:0 1px #f4ffff,inset 0 0 0 1px #fff8;
}
.vault-archive .archive-world .archive-caption {
  margin:0 -12px;padding:27px 31px 29px;border-radius:0 0 18px 18px;
  border-top:1px solid #eaffff;background:linear-gradient(115deg,#f1f8fa,#e5f2ef);
}
body:has(.vault-archive) footer {color:#092b42;padding-top:0}
body:has(.vault-archive) footer>a:hover {color:#092b42;text-decoration:underline;text-underline-offset:4px}
/* Only the local control finish changes; dimensions, position and behavior stay shared. */
body:has(.vault-archive) .theme-control,body:has(.vault-archive) .back-to-top {
  color:#244d66;border-color:#eaffff;border-bottom-color:#7098ae;
  background:linear-gradient(145deg,#f5ffff,#b8dbe5 53%,#dcecf0);
  box-shadow:inset 0 1px #fff,0 3px 8px #204e6926;
}
body:has(.vault-archive) .theme-control:hover,body:has(.vault-archive) .back-to-top:hover {color:#143a50;background:#f5ffff}
@media(max-width:1100px) {
  body:has(.vault-archive) .vault-archive {width:calc(100% - 80px);margin-top:24px}
  .vault-archive .archive-destinations {gap:32px}
  .vault-archive .archive-vesper {padding:14px 14px 0;border-radius:86px 86px 24px 24px}
  .vault-archive .archive-vesper .archive-image-window {border-radius:72px 72px 12px 12px}
  .vault-archive .archive-title h2 {font-size:2.375rem}
  .vault-archive .archive-caption,.vault-archive .archive-world .archive-caption {padding:23px 22px 27px}
  .vault-archive .archive-vesper .archive-caption {padding-inline:8px}
}
@media(min-width:641px) and (max-width:850px) {
  body:has(.vault-archive) .vault-archive {width:calc(100% - 64px)}
  .vault-archive .archive-destinations {gap:25px}
  .vault-archive .archive-vesper {padding:11px 11px 0;border-radius:64px 64px 22px 22px}
  .vault-archive .archive-vesper .archive-image-window {aspect-ratio:1.26;border-radius:52px 52px 10px 10px}
  .vault-archive .archive-world {margin-top:46px;padding:9px 9px 0}
  .vault-archive .archive-world .archive-image-window {aspect-ratio:1.4}
  .vault-archive .archive-world .archive-caption {margin-inline:-9px;padding-inline:19px}
  .vault-archive .archive-title h2 {font-size:2.125rem}
  .vault-archive .archive-open {flex-basis:34px;height:34px;font-size:1.25rem}
}
@media(max-width:640px) {
  body:has(.vault-archive) {background-attachment:scroll;background-image:radial-gradient(ellipse at 100% 86%,#caeebca1,transparent 34%),linear-gradient(160deg,#a5d9ee,#d8f0f2 38%,#99d9e2 75%,#8dbbdd)}
  body:has(.vault-archive)::before {display:none}
  body:has(.vault-archive) header {padding:20px 20px 0;min-height:82px}
  body:has(.vault-archive) .vault-archive {width:calc(100% - 40px);margin:18px auto 38px}
  .vault-archive .vault-heading {padding-left:4px;margin-bottom:24px}
  .vault-archive h1 {font-size:3.5rem}
  .vault-archive .archive-destinations {grid-template-columns:minmax(0,1fr);gap:32px}
  .vault-archive .archive-vesper {padding:12px 12px 0;border-radius:74px 74px 23px 23px}
  .vault-archive .archive-vesper .archive-image-window {aspect-ratio:1.5;border-radius:62px 62px 12px 12px}
  .vault-archive .archive-world {margin-top:0;padding:9px 9px 0;border-radius:16px 30px 16px 16px}
  .vault-archive .archive-world::before {display:none}
  .vault-archive .archive-world .archive-image-window {aspect-ratio:1.66;border-radius:7px 22px 7px 7px}
  .vault-archive .archive-caption {padding:21px 10px 26px}
  .vault-archive .archive-world .archive-caption {margin-inline:-9px;padding:23px 22px 26px;border-radius:0 0 16px 16px}
  .vault-archive .archive-title h2 {font-size:2.375rem}
  .vault-archive .archive-open {flex-basis:36px;height:36px}
  .vault-archive p.archive-subtitle {margin:8px 0 15px;font-size:.875rem}
  .vault-archive p.archive-description {font-size:.9375rem;line-height:1.65}
}
@media(prefers-reduced-motion:reduce) {
  .vault-archive .archive-destination {transition:none}
}
@media(prefers-reduced-transparency:reduce) {
  .vault-archive .archive-destination {background:#edf4f6}
  .vault-archive .archive-world::before {display:none}
  body:has(.vault-archive) header nav {background:#dceaf0}
}
@media(forced-colors:active) {
  body:has(.vault-archive),body:has(.vault-archive) header nav,
  .vault-archive .archive-destination,.vault-archive .archive-world .archive-caption,
  .vault-archive .archive-open {background:Canvas;color:CanvasText;box-shadow:none}
  body:has(.vault-archive)::before,.vault-archive .archive-world::before {display:none}
  .vault-archive .archive-destination {border:1px solid LinkText}
  body:has(.vault-archive) h1,.vault-archive .archive-title h2,.vault-archive p.archive-subtitle,
  .vault-archive p.archive-description,body:has(.vault-archive) header nav a,
  body:has(.vault-archive) footer,.vault-archive .back {color:CanvasText;text-shadow:none}
  body:has(.vault-archive) :focus-visible {outline-color:Highlight}
}

/* Approved Vault: control feedback and mobile audio clearance only. */
.vault-archive .vault-arrow {
  display:block;width:20px;height:20px;fill:none;stroke:currentColor;
  pointer-events:none;
}
.vault-archive .vault-arrow path {
  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.vault-archive .archive-open {
  position:relative;isolation:isolate;color:#204b67;
  border-color:#8caeba;border-top-color:#fff;
  background:linear-gradient(160deg,#fff 5%,#f3fcff 44%,#d5e9ed 49%,#b9d5df 78%,#e5f5f6);
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 1px #82aabc6b,0 2px 0 #6b94a763,0 3px 5px #315f7729;
  transition:background .16s,box-shadow .16s,border-color .16s;
}
.vault-archive .archive-open::before {
  content:'';position:absolute;top:2px;left:18%;width:64%;height:34%;
  border-radius:50%;background:linear-gradient(#fff9,#fff0);pointer-events:none;z-index:-1;
}
.vault-archive .vault-home {
  position:relative;padding:0 12px 0 36px;color:#244e68;
  border:1px solid #a5c4cf;border-top-color:#f7ffff;border-radius:18px;
  background:linear-gradient(160deg,#f8ffffdb,#dfedf2bf 47%,#bfdde7bf 51%,#e6f4f5d9);
  box-shadow:inset 0 1px #fff9,inset 0 -1px #779eb333,0 2px 2px #2b617729;
  text-decoration:none;transition:background .16s,box-shadow .16s,border-color .16s;
}
.vault-archive .vault-home .vault-arrow {position:absolute;left:10px;top:calc(50% - 10px)}
.vault-archive .vault-home:hover {text-decoration:none}
@media(hover:hover) {
  .vault-archive .archive-destination:hover .archive-open {
    color:#153e5d;border-color:#78a7ba;border-top-color:#fff;
    background:linear-gradient(160deg,#fff,#efffff 44%,#cbe9ee 49%,#a6d5e3 78%,#ebffff);
    box-shadow:inset 0 1px #fff,inset 0 -2px 1px #81b3c78c,0 2px 0 #6b94a78c,0 4px 7px #315f773b;
  }
  .vault-archive .vault-home:hover {
    color:#153e5d;border-color:#82aabb;background:linear-gradient(160deg,#fff,#e6f8fc 47%,#c2e2ed 51%,#effcfc);
    box-shadow:inset 0 1px #fff,inset 0 -1px #779eb34d,0 2px 3px #2b617740;
  }
}
.vault-archive .archive-destination:focus-visible .archive-open {
  color:#153e5d;background:#f2ffff;border-color:#477b9c;
  box-shadow:inset 0 1px #fff,0 0 0 2px #fff,0 0 0 4px #164d86;
}
.vault-archive .vault-home:focus-visible {color:#153e5d;background:#f2ffff;border-color:#477b9c}
.vault-archive .archive-destination:active .archive-open,
.vault-archive .vault-home:active {
  color:#153e5d;border-color:#6d96a9;background:linear-gradient(160deg,#bbd8e4,#e2f3f7);
  box-shadow:inset 0 2px 3px #50788c66,inset 0 -1px #fff9,0 1px #efffff80;
}
.vault-archive .archive-destination:active .vault-arrow,
.vault-archive .vault-home:active .vault-arrow {translate:0 1px}
.vault-archive .archive-destination,.vault-archive .vault-home {-webkit-tap-highlight-color:#327da433}
/* The existing scroller clips content above the unchanged fixed control and its
   existing focus allowance + buffer. No extra card/footer spacer or mobile dock. */
@media(max-width:640px) {
  body.content-scroll-safe:has(.vault-archive) {padding-bottom:0}
}
@media(prefers-reduced-motion:reduce) {
  .vault-archive .archive-open,.vault-archive .vault-home {transition:none}
}
@media(forced-colors:active) {
  .vault-archive .archive-open,.vault-archive .vault-home,
  .vault-archive .archive-destination:is(:hover,:focus-visible,:active) .archive-open,
  .vault-archive .vault-home:is(:hover,:focus-visible,:active) {
    color:LinkText;background:Canvas;border-color:LinkText;box-shadow:none;
  }
  .vault-archive .archive-open::before {display:none}
}

/* Shared inner-page primitives. Page opt-ins preserve approved reference output. */
.inner-page {
  --inner-ink:#244657;--inner-muted:#46616e;--inner-line:#abc8d0;
  --inner-pearl:#f1f7f7;--inner-reflection:#d7ebee;--inner-radius:28px;
  --inner-edge:inset 0 1px #fff,0 2px 0 #7ca4b52e,0 14px 28px -20px #365d72a1;
  padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  color:var(--inner-ink);width:min(1080px,calc(100% - 104px));margin:28px auto 72px;
}
body:has(.vesper-page,.rollout-page) {
  --bg:#bddfe7;--text:#244657;--muted:#46616e;--accent:#1d6380;--line:#abc8d0;
  color-scheme:light;background-color:#b9dce5;
  background-image:radial-gradient(ellipse at 98% 80%,#bfe4c17a,transparent 48%),radial-gradient(ellipse at 4% 10%,#ffffff70,transparent 44%),linear-gradient(155deg,#a6d3e5,#d6ecee 48%,#9fd1dc);
  background-attachment:fixed;
}
body:has(.vesper-page,.rollout-page)::before {opacity:1;background:linear-gradient(163deg,transparent 0 38%,#ffffff30 38.1%,transparent 38.4%);pointer-events:none}
body:has(.vesper-page,.rollout-page) header {padding-top:26px;min-height:90px}
body:has(.vesper-page,.rollout-page) header nav {
  gap:0;padding:4px;border:1px solid #ffffffc9;border-bottom-color:#8db5c2;border-radius:28px;
  background:linear-gradient(#f7ffffd9,#c9e1e9bd 48%,#a8cfdcbd 52%,#e3f4f6cc);
  box-shadow:inset 0 1px #fff,0 3px 5px #3a718329;backdrop-filter:none;
}
body:has(.vesper-page,.rollout-page) header nav a {min-width:88px;justify-content:center;padding-inline:14px;color:#284e60;border-radius:22px;background:transparent;box-shadow:none}
body:has(.vesper-page,.rollout-page) header nav a+a::before {display:none}
body:has(.vesper-page,.rollout-page) header nav a::after {bottom:5px;left:25%;right:25%;background:#267086;box-shadow:none}
body:has(.vesper-page,.rollout-page) header nav a[aria-current=page] {background:linear-gradient(#fff,#e0f0f4);box-shadow:inset 0 1px #fff,0 2px 4px #34647826;color:#183c52}
body:has(.vesper-page,.rollout-page) header nav a:is(:hover,:focus-visible) {background:#f5ffff;color:#143a50}
body:has(.vesper-page,.rollout-page) :focus-visible {outline:3px solid #164d86;outline-offset:5px}
body:has(.vesper-page,.rollout-page) ::selection {color:#153c59;background:#d6f3cb}
body:has(.vesper-page,.rollout-page) .skip {background:#f1f8fa;color:#244657}
.inner-page h1 {font-size:clamp(3.75rem,7vw,6rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;color:#204c67;margin:0 0 20px;text-shadow:0 1px #fff9}
.inner-page h2 {color:var(--inner-ink);font-size:1.0625rem;font-weight:600;letter-spacing:.055em;line-height:1.5;margin:0 0 22px}
.inner-page p {font-size:1rem;line-height:1.85;color:var(--inner-ink);margin:0 0 18px}
.inner-page p:last-child {margin-bottom:0}
.inner-page .muted {color:var(--inner-muted)}
.inner-page .inner-intro {display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:60px;margin:22px 0 28px;padding:12px 8px}
.inner-page .inner-identity>p:first-of-type {font-size:1.3125rem;margin-bottom:14px;color:#2f5368}
.inner-page .inner-identity>p:last-child {font-size:.9375rem;color:var(--inner-muted)}
.inner-page .inner-portrait {padding:10px;border:1px solid #faffff;border-radius:110px 110px 28px 28px;background:linear-gradient(135deg,#fff,#d1e6eb);box-shadow:var(--inner-edge)}
.inner-page .inner-portrait img {width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;border-radius:100px 100px 18px 18px}
.inner-page .inner-arrow,body:has(.rollout-page) .gallery-viewer .inner-arrow {width:20px;height:20px;fill:none;stroke:currentColor;flex:none;pointer-events:none}
.inner-page .inner-arrow path,body:has(.rollout-page) .gallery-viewer .inner-arrow path {stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.inner-page .inner-control {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 13px;margin:0;
  font-size:.875rem;color:#244e68;border:1px solid #a5c4cf;border-top-color:#fff;border-radius:18px;
  background:linear-gradient(160deg,#faffff,#dfedf2 47%,#c2dfe8 51%,#e6f4f5);
  box-shadow:inset 0 1px #fff,inset 0 -1px #779eb333,0 2px 2px #2b617729;
  text-decoration:none;transition:background .16s,box-shadow .16s;
}
.inner-page .inner-control:focus-visible {color:#153e5d;background:#f2ffff;border-color:#477b9c}
@media(hover:hover){
 .inner-page .inner-control:hover {color:#153e5d;background:linear-gradient(160deg,#fff,#e6f8fc 47%,#c2e2ed 51%,#effcfc);box-shadow:inset 0 1px #fff,0 3px 5px #2b617740}
}
.inner-page .inner-control:active {background:linear-gradient(#bbd8e4,#e2f3f7);box-shadow:inset 0 2px 3px #50788c66}
.inner-page .inner-control:active .inner-arrow {translate:0 1px}
.inner-page a,.inner-page button {-webkit-tap-highlight-color:#327da433}
.inner-page .inner-tabs {width:fit-content;max-width:100%;gap:5px;margin:0 0 38px;padding:5px;border:1px solid #f5ffff;border-radius:22px;background:#eaf5f6c9;box-shadow:inset 0 1px #fff,0 2px 4px #2d64861a;justify-content:flex-start}
.inner-page .inner-tabs a {color:#294d61;padding:0 15px;border-radius:16px;justify-content:center;min-height:44px}
.inner-page .inner-tabs a:after {display:none}
.inner-page .inner-tabs a:hover {background:#fff;color:#153e5d}
.inner-page .inner-surface {border:1px solid #ffffffed;border-bottom-color:#a2c4ce;border-radius:var(--inner-radius);background:linear-gradient(140deg,#f9fcfc,#edf5f6 60%,#e5f0f0);box-shadow:var(--inner-edge)}
.inner-page .inner-reading {display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:44px;max-width:none}
.inner-page .inner-reading>h2 {grid-column:1;grid-row:1;max-width:170px}
.inner-page .inner-reading>p {grid-column:2;max-width:62ch}
.inner-page #overview {padding:38px 40px;margin:0 0 38px}
.inner-page .inner-feature {padding:36px 40px;margin:0 0 38px;max-width:none}
.inner-page .inner-feature>h2 {margin-bottom:26px}
.inner-page #sheet-preview {padding:0}
.inner-page .sheet-main img.sheet-art {width:auto;max-width:100%;height:auto;max-height:780px;aspect-ratio:auto;object-fit:contain;border-radius:12px;box-shadow:0 0 0 1px #abc8d0;margin-inline:auto}
.inner-page .sheet-main:has(img.sheet-art) .expand-label,.inner-page .apartment-image .expand-label {position:static;display:flex;width:fit-content;margin:18px 0 0 auto;min-height:44px;line-height:normal;padding:0 13px;background:linear-gradient(160deg,#faffff,#dfedf2 47%,#c2dfe8 51%,#e6f4f5);color:#244e68}
.inner-page .sheet-main,.inner-page .apartment-image {border-radius:14px;color:var(--inner-ink)}
.inner-page .sheet-main:focus-visible,.inner-page .apartment-image:focus-visible {outline-offset:8px}
.inner-page .inner-sequence {padding:38px 40px;margin:0 0 38px;max-width:none}
.inner-page .inner-sequence .character-fragment {margin:0;padding:34px 0;border-top:1px solid var(--inner-line)}
.inner-page .inner-sequence .character-fragment:first-child {border-top:0;padding-top:0}
.inner-page .inner-sequence .inner-fragment {display:block;margin:6px 0;padding:28px 32px;border:1px solid #bfd7dd;border-radius:20px;background:#dfedf180;box-shadow:inset 0 1px #fff}
.inner-page .inner-sequence .inner-fragment:first-child {padding:28px 32px;border:1px solid #bfd7dd}
.inner-page .inner-fragment>p {max-width:62ch}
.inner-page .character-quotes {border-left:0;background:none}
.inner-page .character-quotes p {font-style:italic;font-size:1.0625rem;line-height:1.9;margin-bottom:22px}
.inner-page .inner-warm {background:linear-gradient(140deg,#f6f1f2,#f1f6f6 44%,#e4eef0)}
.inner-page .inner-warm>h2 {color:var(--inner-ink)}
.inner-page .apartment-image {margin:0 0 32px}
.inner-page .apartment-image img {border-radius:14px;background:#eceff0;box-shadow:0 0 0 1px #aabec7}
.inner-page .inner-warm>p {max-width:62ch;margin-inline:auto}
.inner-page .inner-warm>p:last-child {margin-top:28px;font-style:italic;padding-top:22px;border-top:1px solid var(--inner-line)}
.inner-page .compact-catalogue {margin-top:0}
.inner-page .catalogue-group {margin:0 0 30px}
.inner-page .catalogue-group h3 {color:var(--inner-muted);font-size:.8125rem;letter-spacing:.12em;margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid var(--inner-line)}
.inner-page .compact-track {display:block;padding:14px 0;border:0;margin:0}
.inner-page .compact-track h4 {font-size:1.0625rem;font-weight:500;margin:0 0 6px;line-height:1.5;color:var(--inner-ink)}
.inner-page .compact-track p {font-size:.9375rem;line-height:1.7;margin:0;color:var(--inner-muted)}
.inner-page #music {margin-bottom:0}
.inner-page :is(#overview,#character-sheet,#fragments,#music,.character-fragment) {scroll-margin-top:28px}
body:has(.vesper-page,.world-page,.rollout-page) .theme-control,body:has(.vesper-page,.world-page,.rollout-page) .back-to-top {color:#244e68;background:linear-gradient(150deg,#faffff,#c9e4eb);border-color:#ffffffd9;box-shadow:inset 0 1px #fff,0 3px 6px #26536c33}
body:has(.vesper-page,.world-page,.rollout-page) .theme-control:hover,body:has(.vesper-page,.world-page,.rollout-page) .back-to-top:hover {color:#153e5d;background:#f2ffff}
body:has(.vesper-page,.rollout-page) dialog {color:var(--text);background:#edf5f6;border-color:#fff}
body:has(.vesper-page,.rollout-page) .viewer-bar,body:has(.vesper-page,.rollout-page) .viewer-note {background:#e4eff2;color:#244657}
body:has(.vesper-page,.rollout-page) .viewer-controls button {background:linear-gradient(#fff,#d5e8ed);color:#244e68;border-color:#8faebd;border-radius:13px;min-height:44px}
body:has(.vesper-page,.rollout-page) .viewer-stage {background:#d4e1e5}
@media(max-width:1050px){
 .inner-page {width:calc(100% - 80px)}
 .inner-page .inner-intro {grid-template-columns:minmax(0,1fr) 280px;gap:32px}
 .inner-page .inner-reading {grid-template-columns:170px minmax(0,1fr);gap:26px}
 .inner-page .inner-feature,.inner-page .inner-sequence,.inner-page #overview {padding:30px}
}
@media(max-width:800px){
 .inner-page {width:calc(100% - 64px)}
 .inner-page .inner-intro {grid-template-columns:minmax(0,1fr) 230px;gap:24px}
 .inner-page h1 {font-size:3.75rem}
 .inner-page .inner-reading {display:block}
 .inner-page .inner-reading>h2 {max-width:none}
 .inner-page .inner-tabs a {padding-inline:12px}
}
@media(max-width:640px){
 body:has(.vesper-page,.rollout-page) {background-attachment:scroll}
 body:has(.vesper-page,.rollout-page)::before {display:none}
 body:has(.vesper-page,.rollout-page) header {padding:20px 16px 0;min-height:82px}
 body:has(.vesper-page,.rollout-page) header nav a {min-width:76px;padding-inline:10px}
 body.content-scroll-safe:has(.vesper-page,.rollout-page) {padding-bottom:0}
 .inner-page {width:calc(100% - 40px);margin:18px auto 32px;--inner-radius:22px}
 .inner-page .inner-intro {display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:0;margin:24px 0}
 .inner-page h1 {font-size:3.5rem;margin-bottom:14px}
 .inner-page .inner-identity>p:first-of-type {font-size:1.125rem}
 .inner-page .inner-portrait {width:100%;max-width:340px;align-self:center;border-radius:74px 74px 24px 24px}
 .inner-page .inner-portrait img {border-radius:64px 64px 15px 15px}
 .inner-page .inner-tabs {display:grid;grid-template-columns:1fr 1fr;width:100%;gap:3px;margin-bottom:26px;border-radius:20px}
 .inner-page .inner-tabs a {font-size:.875rem;padding-inline:7px}
 .inner-page .inner-feature,.inner-page .inner-sequence,.inner-page #overview {padding:24px 20px;margin-bottom:26px}
 .inner-page p {line-height:1.8}
 .inner-page h2 {font-size:.9375rem;letter-spacing:.045em}
 .inner-page .inner-sequence .character-fragment {padding:28px 0}
 .inner-page .inner-sequence .inner-fragment,.inner-page .inner-sequence .inner-fragment:first-child {margin:0 -7px;padding:22px 15px;border-radius:16px}
 .inner-page .character-quotes p {font-size:1rem}
 .inner-page .sheet-main img.sheet-art {max-height:none}
 .inner-page .compact-track {padding:14px 0}
 .inner-page .compact-track h4 {font-size:1rem}
 .inner-page .compact-track p {font-size:.875rem;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.inner-page a,.inner-page button,.inner-page .inner-control {transition:none}}
@media(prefers-reduced-transparency:reduce){.inner-page .inner-surface,.inner-page .inner-tabs,.inner-page .inner-fragment {background:#edf5f6}}
@media(forced-colors:active){
 body:has(.vesper-page,.rollout-page),.inner-page .inner-surface,.inner-page .inner-tabs,.inner-page .inner-fragment,.inner-page .inner-control,body:has(.vesper-page,.rollout-page) header nav {color:CanvasText;background:Canvas;box-shadow:none;border-color:LinkText}
 .inner-page h1,.inner-page h2,.inner-page p,.inner-page .muted,.inner-page .compact-track h4 {color:CanvasText;text-shadow:none}
 body:has(.vesper-page,.rollout-page) :focus-visible {outline-color:Highlight}
 body:has(.vesper-page,.rollout-page)::before {display:none}
}

/* Remove only the gap formerly separating footer navigation from the signature. */
.personal-footer .personal-nav {margin-bottom:0}

/* Keep the approved Vault alignment when removing its signature removes the scrollbar. */
html.vault-footer-gutter {scrollbar-gutter:stable}

/* Shared V2 back-to-top glyph; button geometry and interaction rules are unchanged. */
.back-to-top > svg {position:absolute;inset:0;margin:auto;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* World opts into the approved V2 environment; existing rules remain frozen. */
body:has(.world-page) {
  --bg:#bddfe7;--text:#244657;--muted:#46616e;--accent:#1d6380;--line:#abc8d0;
  color-scheme:light;background-color:#b9dce5;
  background-image:radial-gradient(ellipse at 98% 80%,#bfe4c17a,transparent 48%),radial-gradient(ellipse at 4% 10%,#ffffff70,transparent 44%),linear-gradient(155deg,#a6d3e5,#d6ecee 48%,#9fd1dc);
  background-attachment:fixed;
}
body:has(.world-page)::before {opacity:1;background:linear-gradient(163deg,transparent 0 38%,#ffffff30 38.1%,transparent 38.4%);pointer-events:none}
body:has(.world-page) header {padding-top:26px;min-height:90px}
body:has(.world-page) header nav {
  gap:0;padding:4px;border:1px solid #ffffffc9;border-bottom-color:#8db5c2;border-radius:28px;
  background:linear-gradient(#f7ffffd9,#c9e1e9bd 48%,#a8cfdcbd 52%,#e3f4f6cc);
  box-shadow:inset 0 1px #fff,0 3px 5px #3a718329;backdrop-filter:none;
}
body:has(.world-page) header nav a {min-width:88px;justify-content:center;padding-inline:14px;color:#284e60;border-radius:22px;background:transparent;box-shadow:none}
body:has(.world-page) header nav a+a::before {display:none}
body:has(.world-page) header nav a::after {bottom:5px;left:25%;right:25%;background:#267086;box-shadow:none}
body:has(.world-page) header nav a[aria-current=page] {background:linear-gradient(#fff,#e0f0f4);box-shadow:inset 0 1px #fff,0 2px 4px #34647826;color:#183c52}
body:has(.world-page) header nav a:is(:hover,:focus-visible) {background:#f5ffff;color:#143a50}
body:has(.world-page) :focus-visible {outline:3px solid #164d86;outline-offset:5px}
body:has(.world-page) ::selection {color:#153c59;background:#d6f3cb}
body:has(.world-page) .skip {background:#f1f8fa;color:#244657}
body:has(.world-page) .viewer-bar,body:has(.world-page) .viewer-note {background:#e4eff2;color:#244657}
body:has(.world-page) .viewer-controls button {background:linear-gradient(#fff,#d5e8ed);color:#244e68;border-color:#8faebd;border-radius:13px;min-height:44px}
body:has(.world-page) .viewer-stage {background:#d4e1e5}

/* World composition: existing inner-page primitives, scoped additions only. */
.world-page .world-intro {display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;margin:42px 0 36px;padding:12px 8px}
.world-page .world-intro h1 {margin:0}
.world-page .world-opening {max-width:none;padding:0;border:0;background:none}
.world-page .world-opening p:first-child {font-size:1.3125rem;color:#2f5368;margin-bottom:14px}
.world-page .world-opening p:last-child {font-size:.9375rem;color:var(--inner-muted)}
.world-page .world-section {margin:0;scroll-margin-top:28px}
.world-page .world-sequence .world-section {padding:38px 0;border-top:1px solid var(--inner-line)}
.world-page .world-sequence .world-section:first-child {padding-top:0;border-top:0}
.world-page .world-sequence .world-section:last-child {padding-bottom:0}
.world-page .world-section h2 {padding-top:0;border-top:0;background:none}
.world-page .world-section h2::after {display:none}
.world-page .world-section p {max-width:62ch}
.world-page .world-summary {margin:8px 0 0;padding:22px 26px;border:1px solid #bfd7dd;border-radius:20px;background:#dfedf180;box-shadow:inset 0 1px #fff}
.world-page .world-standalone {padding:38px 40px;margin:0 0 38px}
.world-page .world-section.inner-feature {margin:0 0 38px}
.world-page .world-section.inner-feature>p {margin-left:auto;margin-right:auto}
.world-page .world-image {border-radius:14px;color:var(--inner-ink);margin:0 0 32px}
.world-page .world-image img {border-radius:14px;box-shadow:0 0 0 1px #aabec7;aspect-ratio:auto;object-fit:contain}
.world-page .world-image .expand-label {display:flex;width:fit-content;margin:18px 0 0 auto;min-height:44px;line-height:normal;padding:0 13px;background:linear-gradient(160deg,#faffff,#dfedf2 47%,#c2dfe8 51%,#e6f4f5);color:#244e68}
.world-page .world-image:focus-visible {outline-offset:8px}
.world-page .world-closing {max-width:62ch;margin:46px auto 0;padding:28px 0 0;border-top:1px solid var(--inner-line);font-style:italic;font-size:1.0625rem;line-height:1.9}
@media(max-width:1050px){
 .world-page .world-intro {gap:32px}
 .world-page .world-standalone {padding:30px}
}
@media(max-width:800px){
 .world-page .world-intro {grid-template-columns:1fr 1.25fr;gap:24px}
 .world-page .world-section h2 {max-width:none}
}
@media(max-width:640px){
 body:has(.world-page) {background-attachment:scroll}
 body:has(.world-page)::before {display:none}
 body:has(.world-page) header {padding:20px 16px 0;min-height:82px}
 body:has(.world-page) header nav a {min-width:76px;padding-inline:10px}
 body.content-scroll-safe:has(.world-page) {padding-bottom:0}
 .world-page .world-intro {display:block;padding:0;margin:28px 0}
 .world-page .world-intro h1 {margin-bottom:22px}
 .world-page .world-opening p:first-child {font-size:1.125rem}
 .world-page .world-sequence .world-section {padding:28px 0}
 .world-page .world-summary {padding:22px 15px;border-radius:16px}
 .world-page .world-standalone {padding:24px 20px;margin-bottom:26px}
 .world-page .world-section.inner-feature {margin-bottom:26px}
 .world-page .world-image {margin-bottom:26px}
 .world-page .world-closing {margin-top:30px;padding-top:24px;font-size:1rem}
}
@media(forced-colors:active){body:has(.world-page),body:has(.world-page) header nav,.world-page .world-summary {color:CanvasText;background:Canvas;box-shadow:none;border-color:LinkText}}

/* Master rollout: content-specific compositions within the approved inner-page family. */
.rollout-page .rollout-heading {margin:38px 0 34px}
.rollout-page .rollout-heading h1 {margin:0}
.rollout-page .personal-content {max-width:none}
.rollout-page .section {margin-top:0}
.rollout-page h2::after {display:none}
.rollout-page h2 {padding-top:0;border-top:0;background:none}
.rollout-page h3,.rollout-page h4 {color:var(--inner-ink)}
.rollout-page .inner-tabs a[aria-current=page] {color:#183c52;background:linear-gradient(#fff,#e0f0f4);box-shadow:inset 0 1px #fff,0 2px 4px #34647826;text-decoration:underline;text-underline-offset:5px}
.rollout-page .inner-tabs a:active {background:#c2dfe8;box-shadow:inset 0 2px 3px #50788c44}
.rollout-page .inner-tabs a:focus-visible {outline-offset:2px}
body:has(.rollout-page) .personal-footer {padding:0 20px 32px;margin:0 auto;width:min(1080px,100%)}
body:has(.rollout-page) .personal-nav {gap:2px 8px;flex-wrap:wrap}
body:has(.rollout-page) .personal-nav a {color:#294d61;min-height:44px;padding:0 10px;border-radius:14px}
body:has(.rollout-page) .personal-nav a:hover {background:#f5ffff;color:#143a50}
body:has(.rollout-page) .personal-nav a:active {background:#c2dfe8}
body:has(.rollout-page) .personal-nav a[aria-current=page] {color:#183c52;text-decoration:underline;text-underline-offset:5px}
body:has(.rollout-page) .personal-nav span {color:#46616e}

/* Music: generous, uncropped covers paired with an editorial listening entry. */
.music-page .music-discography {margin:0}
.music-page .suno-profile {margin-bottom:32px}
.music-page #original-title {margin-bottom:32px;font-size:1.25rem;letter-spacing:.025em}
.music-page .catalogue-group {margin:0 0 42px}
.music-page .catalogue-group:last-child {margin-bottom:0}
.music-page .catalogue-group>h3 {margin-bottom:18px}
.music-page .tracks {display:grid;grid-template-columns:1fr;gap:26px;margin:0}
.music-page .track.inner-feature {display:grid;grid-template-columns:minmax(200px,32%) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;column-gap:38px;row-gap:14px;padding:18px;margin:0}
.music-page .track-art {grid-row:1/3;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0;border-radius:14px;box-shadow:0 0 0 1px #abc8d0}
.music-page .track>div {padding:14px 26px 0 0;min-width:0}
.music-page .track h4 {font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 10px}
.music-page .track p {font-size:1rem;color:var(--inner-muted);max-width:43ch;margin:0 0 14px}
.music-page .track p a {display:inline-flex;align-items:center;min-height:44px;color:#235c76;text-decoration:underline;text-underline-offset:4px}
.music-page .track>.text-link {grid-column:2;justify-self:start;margin:0 0 16px;font-size:.875rem}

/* Gallery: image-led, natural aspect ratios and only a fine pearl surround. */
.gallery-page .gallery-grid {gap:30px;align-items:start}
.gallery-page .gallery-grid figure {padding:8px;border-radius:20px;overflow:visible}
.gallery-page .gallery-open {display:block;width:100%;padding:0;border:0;border-radius:13px;overflow:hidden;background:transparent;box-shadow:none}
.gallery-page .gallery-image {width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:13px;box-shadow:none;filter:none}
.gallery-page .gallery-open:hover {box-shadow:0 0 0 2px #6094ab}
.gallery-page .gallery-open:active {box-shadow:0 0 0 3px #346b86}
.gallery-page figcaption {padding:5px 10px 8px}
body:has(.rollout-page) .gallery-step {display:grid;place-items:center;color:#244e68;border-color:#a5c4cf;border-radius:15px;background:linear-gradient(160deg,#faffff,#dfedf2 47%,#c2dfe8 51%,#e6f4f5);box-shadow:inset 0 1px #fff,0 2px 4px #26536c33}
body:has(.rollout-page) .gallery-step:hover:not(:disabled) {color:#153e5d;background:#f2ffff}
body:has(.rollout-page) .gallery-step:active:not(:disabled) {background:#c2dfe8;box-shadow:inset 0 2px 3px #50788c66}
body:has(.rollout-page) .gallery-step:disabled {opacity:.5;background:#d7e5e9;color:#46616e;border-color:#94b2bc;box-shadow:none}

/* Setup: one equipment register, with the existing category order intact. */
.setup-page .personal-content {display:grid;grid-template-columns:1fr 1fr;gap:28px}
.setup-page .setup-specs.inner-feature {padding:32px;margin:0;min-width:0}
.setup-page .setup-featured {grid-column:1/-1}
.setup-page .setup-specs ul {grid-template-columns:1fr;gap:24px;margin:0}
.setup-page .setup-featured ul {grid-template-columns:1fr 1fr;gap:28px 44px}
.setup-page .setup-specs li {padding-top:20px;border-top:1px solid var(--inner-line);background:none}
.setup-page .setup-specs h3 {font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 10px}
.setup-page .setup-specs .eyebrow {font-size:.75rem;line-height:1.5;letter-spacing:.12em;margin:0 0 8px;color:var(--inner-muted)}
.setup-page .setup-specs p.muted {font-size:.9375rem;line-height:1.7;margin:0}
.setup-page .setup-model-link {color:#244657;min-height:44px;display:inline-flex;align-items:center;text-decoration-color:#91b2be}
.setup-page .setup-model-link:hover {color:#153e5d;text-decoration-color:currentColor}
.setup-page .setup-model-link:active {color:#164d86}
.setup-page .setup-specs:has(ul>li:only-child) {grid-column:1/-1;display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px}
.setup-page .setup-specs:has(ul>li:only-child) li {border:0;padding:0}
.setup-page .setup-specs:last-child {grid-column:1/-1}
.setup-page .setup-specs:last-child ul {grid-template-columns:repeat(3,minmax(0,1fr))}

/* Style: compact shop entries, with favourites expressed in words. */
.style-page .personal-content>p {max-width:65ch;margin:0 0 28px;font-size:1.125rem}
.style-page .style-category {scroll-margin-top:28px}
.style-page .style-list {display:grid;grid-template-columns:1fr 1fr;gap:0 42px}
.style-page .style-list>li {padding:26px 0;border-top:1px solid var(--inner-line);background:none;min-width:0}
.style-page .style-list h3 {font-size:1.125rem;font-weight:500;line-height:1.5}
.style-page .style-store-link {color:#244657;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:#91b2be;text-underline-offset:4px}
.style-page .style-store-link:hover {color:#153e5d;text-decoration-color:currentColor}
.style-page .style-store-link:active {color:#164d86}
.style-page .style-name {gap:6px 14px;flex-wrap:wrap}
.style-page .style-list p {font-size:.9375rem;line-height:1.8;margin:6px 0 0}
.style-page .style-list .style-tags {font-size:.8125rem;line-height:1.7;color:#46616e}
.style-page .style-list .style-favourite {font-size:.75rem;color:#315647;padding:3px 8px;border:1px solid #a9c5b7;border-radius:10px;background:#e6f0e5}

/* Changelog: quiet dates alongside the unedited chronological record. */
.changelog-page .change-list {margin:0}
.changelog-page .change-list>li {display:grid;grid-template-columns:155px minmax(0,1fr);gap:28px;border:0;padding:30px 0;margin:0}
.changelog-page .change-list>li+li {border-top:1px solid var(--inner-line);margin:0}
.changelog-page .change-list>li:first-child {padding-top:0}
.changelog-page .change-list>li:last-child {padding-bottom:0}
.changelog-page .change-list>li::before {display:none}
.changelog-page .change-list h2 {font-size:.875rem;letter-spacing:.06em;line-height:1.8;margin:0;color:#46616e}
.changelog-page .change-list ul {margin:0;padding-left:18px;font-size:1rem;line-height:1.85;color:var(--inner-ink)}
.changelog-page .change-list ul li+li {margin-top:10px}
@media(max-width:1050px){
 .music-page .track.inner-feature {column-gap:26px}
 .music-page .track h4 {font-size:1.5rem}
 .setup-page .setup-specs.inner-feature {padding:28px}
 .style-page .style-list {gap:0 28px}
}
@media(max-width:800px){
 .setup-page .personal-content {grid-template-columns:1fr}
 .setup-page .setup-specs ul {grid-template-columns:1fr 1fr;gap:26px}
 .setup-page .setup-specs:last-child ul {grid-template-columns:1fr 1fr}
 .setup-page .setup-specs:has(ul>li:only-child) {display:block}
 .style-page .style-list {grid-template-columns:1fr}
 .changelog-page .change-list>li {grid-template-columns:130px minmax(0,1fr);gap:20px}
 .music-page .track>div {padding-right:8px}
}
@media(max-width:640px){
 .rollout-page .rollout-heading {margin:28px 0}
 .rollout-page h1 {font-size:clamp(2.75rem,12vw,3.5rem)}
 .music-page #original-title {font-size:1rem;line-height:1.6}
 .music-page .track.inner-feature {display:flex;flex-direction:column;align-items:stretch;padding:10px;gap:0}
 .music-page .track-art {border-radius:14px}
 .music-page .track>div {padding:22px 12px 0}
 .music-page .track h4 {font-size:1.5rem}
 .music-page .track p {font-size:.9375rem;line-height:1.8}
 .music-page .track>.text-link {align-self:flex-start;margin:4px 12px 12px}
 .gallery-page .gallery-grid {gap:24px}
 .gallery-page .gallery-grid figure {padding:6px;border-radius:18px}
 .setup-page .personal-content {gap:24px}
 .setup-page .setup-specs.inner-feature {padding:24px 20px}
 .setup-page .setup-specs ul {grid-template-columns:1fr;gap:22px}
 .setup-page .setup-specs:last-child ul {grid-template-columns:1fr}
 .style-page .personal-content>p {font-size:1rem}
 .style-page .style-list>li {padding:22px 0}
 .changelog-page .change-list>li {display:block;padding:24px 0}
 .changelog-page .change-list h2 {margin-bottom:14px}
 .changelog-page .change-list ul {font-size:.9375rem;line-height:1.8}
 body:has(.rollout-page) .personal-footer {padding:0 20px 22px}
}
@media(forced-colors:active){
 .rollout-page h3,.rollout-page h4,.rollout-page .style-list .style-tags,.rollout-page .style-list .style-favourite,.rollout-page .change-list ul {color:CanvasText}
 body:has(.rollout-page) .gallery-step {background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
 .rollout-page .inner-tabs a[aria-current=page] {outline:1px solid Highlight}
}