.reader{
  --nav-w:clamp(3rem,7vw,5.5rem);
  --chrome:clamp(3.9rem,7vh,5.4rem);
  --gut:clamp(1px,.18vw,3px);
  --rd-label:14px;
  --rd-ctl:15px;
  --lift:0 30px 60px -28px rgba(0,0,0,.85),0 6px 16px -10px rgba(0,0,0,.6),0 0 0 1px rgba(227,218,207,.14);
  background:var(--color-navy);
  color:var(--color-cream);
  min-height:100svh;
  margin:0;
  overflow:hidden;
  overscroll-behavior:none;
  font-family:var(--font-body);
  -webkit-user-select:none;user-select:none;
}
.rd-bar{
  background:transparent;
  position:fixed;inset-inline:0;z-index:30;
  display:flex;align-items:center;gap:1rem;
  padding:0 max(clamp(.9rem,2.5vw,1.6rem),env(safe-area-inset-right,0px)) 0 max(clamp(.9rem,2.5vw,1.6rem),env(safe-area-inset-left,0px));
  height:var(--chrome);
  transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);
}
.rd-bar--top{top:env(safe-area-inset-top,0px)}
.rd-bar--bot{bottom:env(safe-area-inset-bottom,0px);justify-content:center}
.rd-bar::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,27,42,.96),rgba(7,27,42,.88) 62%,rgba(7,27,42,0));
}
.rd-bar--bot::before{background:linear-gradient(0deg,rgba(7,27,42,.96),rgba(7,27,42,.88) 62%,rgba(7,27,42,0))}
.reader.is-idle .rd-bar{opacity:0;pointer-events:none}
.reader.is-idle .rd-bar:has(:focus-visible){opacity:1;pointer-events:auto;transform:none}
.reader.is-idle .rd-nav:focus-visible{opacity:1;pointer-events:auto;transform:none}
.reader.is-idle .rd-bar--top{transform:translateY(-.5rem)}
.reader.is-idle .rd-bar--bot{transform:translateY(.5rem)}
.rd-home{display:inline-flex;align-items:center;min-height:44px;color:var(--color-cream);text-decoration:none;flex:none}
.rd-home .brand-mark{height:clamp(34px,3.4vw,46px);width:auto;display:block;color:currentColor}
.rd-title{
  flex:1;min-width:0;text-align:center;
  font-size:var(--rd-label);font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 70%,var(--color-navy));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rd-title.is-vols{display:flex;justify-content:center;overflow:visible;position:relative}
.rd-vol-cur{
  display:inline-flex;align-items:center;gap:.5rem;min-width:0;min-height:44px;
  padding:.35rem .6rem;border:0;background:none;cursor:pointer;
  font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;
  border-radius:2px;
}
.rd-vol-now{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-vol-short{display:none}
.rd-vol-chev{
  flex:none;width:7px;height:7px;margin-block-start:-3px;
  border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;
  rotate:45deg;opacity:.8;transition:rotate .18s ease;
}
.rd-title.is-open .rd-vol-chev{rotate:225deg;margin-block-start:2px}
@media (hover:hover){.rd-vol-cur:hover{background:rgba(227,218,207,.07)}}
.rd-vol-cur:focus-visible{outline:2px solid var(--color-cream);outline-offset:2px}
.rd-vol-pop{
  position:fixed;inset-block-start:calc(var(--chrome, 3.4rem) + env(safe-area-inset-top,0px) + .3rem);
  inset-inline-start:var(--vol-x,.6rem);inset-inline-end:auto;
  display:grid;gap:1px;width:min(24rem,calc(100vw - 1.2rem));
  padding:.5rem;z-index:20;text-align:start;
  background:var(--color-navy);
  border:1px solid rgba(227,218,207,.28);
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}
.rd-vol-eye{
  padding:.2rem .55rem .4rem;font-size:var(--rd-label);letter-spacing:.18em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 62%,var(--color-navy));
}
.rd-vol-row{
  display:grid;gap:.1rem;min-height:44px;align-content:center;
  padding:.5rem .55rem;text-decoration:none;border-radius:2px;
  letter-spacing:normal;text-transform:none;
}
.rd-vol-no{
  font-size:var(--rd-label);letter-spacing:.18em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 62%,var(--color-navy));
}
.rd-vol-nm{font-size:var(--rd-label);color:var(--color-cream);line-height:1.3}
@media (hover:hover){.rd-vol-row:hover{background:rgba(227,218,207,.09)}}
.rd-vol-row:focus-visible{outline:2px solid var(--color-cream);outline-offset:-2px}
.rd-vol-row.is-here{box-shadow:inset 2px 0 0 var(--color-cream);background:rgba(227,218,207,.05)}
.rd-vol-pop[hidden]{display:none}
.rd-nib{display:none}
.rd-copy{
  position:fixed;left:50%;bottom:calc(var(--chrome) + env(safe-area-inset-bottom,0px) + .3rem);
  translate:-50% 0;z-index:22;margin:0;
  font-size:var(--rd-label);line-height:1;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;
  color:color-mix(in oklab,var(--color-cream) 60%,var(--color-navy));
  transition:opacity .35s var(--ease-out);
}
.reader.is-idle .rd-copy{opacity:0}
.rd-page img,.rd-face img,.rd-thumb img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.rd-count{
  flex:none;font-variant-numeric:tabular-nums;
  font-size:var(--rd-label);letter-spacing:.16em;
  color:color-mix(in oklab,var(--color-cream) 70%,var(--color-navy));
}
.rd-btn{
  flex:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:none;border:1px solid rgba(227,218,207,.3);border-radius:999px;
  min-height:44px;padding:0 18px;cursor:pointer;color:var(--color-cream);
  font-family:var(--font-caps);font-size:var(--rd-ctl);font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;
  transition:border-color .25s,background-color .25s,transform .25s;
}
@media (hover:hover){.rd-btn:hover{transform:translateY(-1px)}}
@media (hover:hover){.rd-btn:hover{border-color:var(--color-cream);background:rgba(227,218,207,.07)}}
.rd-btn-ico{display:grid;gap:2px;width:12px}
.rd-btn-ico i{display:block;height:1px;background:currentColor}
.rd-btn-ico i:nth-child(2){width:70%}
.rd-contents{
  position:fixed;inset:0;z-index:50;overflow:auto;overscroll-behavior:contain;
  background:color-mix(in oklab,var(--color-navy) 94%,black);
  padding:env(safe-area-inset-top,0px) max(clamp(.9rem,3vw,2.5rem),env(safe-area-inset-right,0px))
          calc(clamp(2rem,5vw,4rem) + env(safe-area-inset-bottom,0px))
          max(clamp(.9rem,3vw,2.5rem),env(safe-area-inset-left,0px));
}
.rd-contents[hidden]{display:none}
.rd-contents-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-block:clamp(1rem,2.5vw,1.6rem);
  background:linear-gradient(color-mix(in oklab,var(--color-navy) 94%,black) 72%,transparent);
}
.rd-contents-t{
  margin:0;font-family:var(--font-display);font-weight:400;font-synthesis:none;
  font-size:clamp(1.15rem,2.2vw,1.7rem);color:var(--color-cream);text-transform:none;letter-spacing:var(--track-display,0)
}
.rd-grid{
  display:grid;gap:clamp(.9rem,2vw,1.6rem) clamp(.7rem,1.6vw,1.3rem);
  grid-template-columns:repeat(auto-fill,minmax(min(100%,clamp(96px,13vw,196px)),1fr));
  max-width:1560px;margin-inline:auto;
}
.rd-thumb{
  display:flex;flex-direction:column;align-items:stretch;gap:.5rem;
  min-height:44px;padding:0;border:0;background:none;cursor:pointer;color:inherit;
  text-align:center;border-radius:3px;
}
.rd-thumb img{
  display:block;width:100%;height:auto;
  border:1px solid rgba(227,218,207,.16);
  transition:border-color .2s,transform .2s var(--ease-out);background:var(--color-cream);
}
.rd-thumb span{
  display:block;font-family:var(--font-caps);font-size:var(--rd-ctl,15px);font-weight:600;
  letter-spacing:.1em;line-height:1.2;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 72%,var(--color-navy));
  font-variant-numeric:tabular-nums;
}
@media (hover:hover){
  .rd-thumb:hover img{border-color:var(--color-cream);transform:translateY(-3px)}
  .rd-thumb:hover span{color:var(--color-cream)}
}
.rd-thumb.is-here img{border-color:var(--color-cream);outline:3px solid var(--color-cream);outline-offset:3px}
.rd-thumb.is-here span{color:var(--color-cream)}
@media (prefers-reduced-motion:reduce){.rd-thumb img{transition:none}.rd-thumb:hover img{transform:none}}
.reader.is-contents .rd-nav,.reader.is-contents .rd-hint{opacity:0;pointer-events:none}
.rd-stage{
  position:absolute;inset:var(--chrome) calc(var(--nav-w) + env(safe-area-inset-right,0px)) calc(var(--chrome) + 1.5rem) calc(var(--nav-w) + env(safe-area-inset-left,0px));
  display:grid;place-items:center;container-type:size;
  perspective:clamp(1300px,105vw,2400px);perspective-origin:50% 45%;
}
.reader.is-zoomed .rd-stage{
  overflow:auto;overscroll-behavior:contain;place-items:safe center;
  scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-cream) 34%,transparent) transparent;
  touch-action:pan-x pan-y;
}
.reader.is-zoomed .rd-book::after,.reader.is-zoomed .rd-book::before{display:none}
.reader.is-zoomed .rd-book{--target-bh:var(--target-page-h,0px)}
.reader.is-zoomed .rd-leaf.is-turning{animation-name:rd-fade-turn !important}
@keyframes rd-fade-turn{from{opacity:1}to{opacity:0}}
.rd-book{
  position:relative;
  --bh:max(min(100cqb,calc(100cqi / var(--spread-ratio,1.4142))),var(--target-bh,0px));
  block-size:var(--bh);
  inline-size:calc(var(--bh) * var(--spread-ratio,1.4142));
  translate:0 0;
  transition:translate var(--turn,620ms) var(--turn-ease,cubic-bezier(.42,0,.22,1));
  transform-style:preserve-3d;
}
.reader:not(.is-moved) .rd-book{transition:none}
.rd-book::after{
  content:"";position:absolute;left:4%;right:4%;bottom:-2.5%;height:5%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 72%);
  filter:blur(6px);z-index:0;pointer-events:none;
}
.rd-page{
  position:absolute;top:0;height:100%;width:50%;
  background:var(--color-cream);overflow:hidden;
  backface-visibility:hidden;
}
.rd-page img{width:100%;height:100%;object-fit:contain;display:block}
.rd-page--l{left:0;box-shadow:var(--lift);z-index:2}
.rd-page--r{right:0;box-shadow:var(--lift);z-index:2}
.rd-page--l::after,.rd-page--r::after{
  content:"";position:absolute;top:0;bottom:0;width:9%;pointer-events:none;
}
.rd-page--l::after{right:0;background:linear-gradient(to left,rgba(7,27,42,.30),transparent);transition:opacity var(--turn,620ms) linear}
.rd-page--r::after{left:0;background:linear-gradient(to right,rgba(7,27,42,.30),transparent);transition:opacity var(--turn,620ms) linear}
.rd-page--r::before{
  content:"";position:absolute;inset:0 auto 0 0;width:2.6%;z-index:5;pointer-events:none;
  background:linear-gradient(to right,rgba(7,27,42,.60),rgba(7,27,42,.16) 55%,transparent);
  opacity:0;transition:opacity var(--turn,620ms) linear;
}
.reader.is-closed .rd-page--r::before{opacity:1}
.rd-spine{
  position:absolute;top:0;bottom:0;left:calc(50% - (var(--gut) / 2));width:var(--gut);
  background:rgba(7,27,42,.55);z-index:6;pointer-events:none;
  transition:opacity var(--turn,620ms) linear;
}
.rd-book::before{
  content:"";position:absolute;top:1.5%;bottom:1.5%;z-index:0;pointer-events:none;
  left:calc(var(--edge-l,6px) * -1);right:calc(var(--edge-r,6px) * -1);
  background:
    repeating-linear-gradient(90deg,rgba(227,218,207,.55) 0 1px,rgba(7,27,42,.25) 1px 2px),
    rgba(227,218,207,.3);
  border-radius:2px;
  transition:left var(--turn,620ms) var(--turn-ease,cubic-bezier(.42,0,.22,1));
}
.rd-leaf{
  position:absolute;top:0;height:100%;width:50%;z-index:8;
  transform-style:preserve-3d;pointer-events:none;
  will-change:transform;
}
.rd-leaf[hidden]{display:none}
.rd-leaf--fwd{right:0;transform-origin:left center}
.rd-leaf--back{left:0;transform-origin:right center}
.rd-leaf.is-turning{animation:rd-turn var(--turn,620ms) var(--turn-ease,cubic-bezier(.42,0,.22,1)) forwards}
.rd-leaf.is-turning.rd-leaf--back{animation-name:rd-turn-back}
@keyframes rd-turn{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}
@keyframes rd-turn-back{from{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}
.rd-face{
  position:absolute;inset:0;overflow:hidden;background:var(--color-cream);
  backface-visibility:hidden;box-shadow:var(--lift);
}
.rd-face img{width:100%;height:100%;object-fit:contain;display:block}
.rd-face--back{transform:rotateY(180deg)}
.rd-leaf.is-turning .rd-face{
  box-shadow:0 0 0 1px rgba(227,218,207,.10),
             -18px 0 38px -10px rgba(0,0,0,.55),
              18px 0 38px -10px rgba(0,0,0,.55);
}
.rd-face::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(to var(--sheen,left),rgba(7,27,42,.44),rgba(7,27,42,.07) 46%,transparent 74%);
}
.rd-leaf.is-turning .rd-face::after{animation:rd-sheen var(--turn,620ms) var(--turn-ease,cubic-bezier(.42,0,.22,1)) forwards}
@keyframes rd-sheen{0%{opacity:0}46%{opacity:1}100%{opacity:0}}
.rd-leaf--fwd .rd-face--front{--sheen:left}
.rd-leaf--fwd .rd-face--back{--sheen:right}
.rd-leaf--back .rd-face--front{--sheen:right}
.rd-leaf--back .rd-face--back{--sheen:left}
.reader.is-closed .rd-book{translate:-25% 0}
.reader.is-closed .rd-page--l,.reader.is-closed .rd-spine{opacity:0}
.reader.is-closed .rd-book::before{left:50%}
.reader.is-closed .rd-page--r::after{opacity:0}
.rd-recess{
  position:absolute;inset:0 50% 0 0;z-index:5;pointer-events:none;opacity:0;
  background:
    linear-gradient(to right,rgba(0,0,0,.55),transparent 26%),
    linear-gradient(to left,#0b2133,#0e2637 42%,#07182a);
}
.reader.is-opening .rd-recess{animation:rd-recess-in var(--turn,620ms) linear forwards}
.reader.is-closing .rd-recess{animation:rd-recess-out var(--turn,620ms) linear forwards}
@keyframes rd-recess-in{0%,52%{opacity:1}74%,100%{opacity:0}}
@keyframes rd-recess-out{0%,66%{opacity:1}100%{opacity:0}}
.rd-nav{
  position:fixed;top:var(--chrome);bottom:var(--chrome);width:var(--nav-w);z-index:20;
  display:grid;place-items:center;
  background:none;border:0;cursor:pointer;color:var(--color-cream);
  transition:opacity .35s var(--ease-out);
}
.rd-nav--prev{left:env(safe-area-inset-left,0px)}
.rd-nav--next{right:env(safe-area-inset-right,0px)}
.rd-nav[disabled]{opacity:.18;cursor:default}
.rd-nav svg{width:clamp(15px,1.5vw,20px);height:auto;opacity:.62;transition:opacity .25s,transform .25s var(--ease-out)}
@media (hover:hover){
  .rd-nav:not([disabled]):hover svg{opacity:1}
  .rd-nav--next:not([disabled]):hover svg{transform:translateX(3px)}
  .rd-nav--prev:not([disabled]):hover svg{transform:translateX(-3px)}
}
.reader.is-idle .rd-nav{opacity:0}
.rd-scrub{display:flex;align-items:flex-end;gap:2px;height:22px;padding:0;border:0;background:none}
.rd-tick{
  position:relative;
  width:3px;height:9px;padding:0;border:0;background:color-mix(in oklab,var(--color-cream) 34%,transparent);
  cursor:pointer;transition:height .25s var(--ease-out),background-color .25s;
}
.rd-tick::before{
  content:"";position:absolute;left:-2px;right:-2px;top:50%;height:26px;translate:0 -50%;
}
.rd-tick::after{
  content:attr(data-label);position:absolute;bottom:calc(100% + .55rem);left:50%;
  translate:-50% 0;padding:.3rem .55rem;white-space:nowrap;pointer-events:none;
  background:var(--color-cream);color:var(--color-navy);border-radius:2px;
  font-family:var(--font-caps);font-size:var(--rd-label);font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;opacity:0;transition:opacity .18s var(--ease-out);
}
@media (hover:hover){.rd-tick:hover::after{opacity:1}}
.rd-tick.is-read{background:color-mix(in oklab,var(--color-cream) 62%,transparent)}
.rd-tick.is-here{height:18px;background:var(--color-cream)}
@media (hover:hover){.rd-tick:hover{height:15px;background:var(--color-cream)}}
.rd-hint{
  position:fixed;left:50%;bottom:calc(var(--chrome) + env(safe-area-inset-bottom,0px) + 1.9rem);
  translate:-50% 0;z-index:25;
  font-size:var(--rd-label);letter-spacing:.18em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 55%,var(--color-navy));
  transition:opacity .5s var(--ease-out);pointer-events:none;
}
.reader.is-moved .rd-hint{opacity:0}
.rd-gate{
  position:fixed;inset:0;z-index:60;display:grid;place-items:center;
  background:var(--color-navy);padding:2rem;text-align:center;
}
.rd-gate[hidden]{display:none}
.rd-gate-in{max-width:32rem}
.rd-gate .seal{width:clamp(4rem,8vw,6rem);height:auto;margin:0 auto 2rem;display:block;opacity:.9}
.rd-gate h1{
  font-family:var(--font-display);font-weight:400;font-synthesis:none;
  font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.1;color:var(--color-cream);margin:0 0 1rem;text-transform:none;letter-spacing:var(--track-display,0)
}
.rd-gate p{
  font-size:var(--text-label);line-height:1.7;margin:0 auto;max-width:34ch;
  color:color-mix(in oklab,var(--color-cream) 72%,var(--color-navy));
}
.rd-gate a{color:var(--color-cream)}
.rd-gate .rd-btn{margin-top:1.5rem}
.rd-gate .rd-btn[hidden]{display:none}
.rd-gate-reset{margin-top:1.5rem}
.rd-gate-reset[hidden]{display:none}
.rd-gate-reset .rd-btn{margin-top:0}
.rd-btn.is-primary{background:var(--color-burgundy);border-color:rgba(227,218,207,.45);color:var(--color-cream)}
@media (hover:hover){.rd-btn.is-primary:hover{background:color-mix(in oklab,var(--color-burgundy) 86%,black);border-color:var(--color-cream)}}
.rd-btn[disabled]{opacity:.6;cursor:progress}
.rd-gate-send{display:grid;gap:.6rem;margin:1.5rem auto 0;max-width:22rem;text-align:left}
.rd-gate-send[hidden]{display:none}
.rd-gate-label{font-size:var(--text-meta);color:color-mix(in oklab,var(--color-cream) 80%,var(--color-navy))}
.rd-gate-input{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(227,218,207,.45);
  background:rgba(227,218,207,.06);color:var(--color-cream);font:inherit;font-size:16px}
.rd-gate-input:focus-visible{outline:2px solid var(--color-cream);outline-offset:2px}
.rd-gate-send .rd-btn{margin-top:.25rem;width:100%}
.rd-gate-send .rd-gate-note{text-align:center;max-width:none}
.rd-gate-send .rd-gate-note:empty{display:none}
.rd-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rd-cert-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 .5rem;padding:0;border:0;background:none;cursor:pointer;
  color:var(--color-cream);font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}
.rd-cert-link[hidden]{display:none}
.rd-cert-link:focus-visible{outline:2px solid var(--color-cream);outline-offset:3px}
.reader.is-single .rd-stage{perspective:1100px}
.reader.is-single .rd-book{
  --bh:max(min(100cqb,calc(100cqi / var(--page-ratio,.7075))),var(--target-bh,0px));
  inline-size:calc(var(--bh) * var(--page-ratio,.7075));
  translate:0 0;
}
.reader.is-single :is(.rd-page--l,.rd-spine,.rd-recess){display:none}
.reader.is-single .rd-book::before{left:0}
.reader.is-single .rd-page--r{width:100%;right:0}
.reader.is-single .rd-page--r::after,.reader.is-single .rd-page--r::before{display:none}
.reader.is-single .rd-leaf{width:100%;right:0;left:0;transform-origin:center center}
.reader.is-single .rd-leaf.is-turning{animation-name:rd-slide-fwd}
.reader.is-single .rd-leaf.is-turning.rd-leaf--back{animation-name:rd-slide-back}
@media (max-width:820px){
  .reader{--chrome:3.1rem}
  .rd-stage{inset:var(--chrome) .75rem calc(var(--chrome) + 1.4rem)}
  .rd-nav{display:none}
  .rd-tick{width:2px;gap:1px}
}
@keyframes rd-slide-fwd{from{transform:none}to{transform:translateX(-102%) rotateY(-22deg)}}
@keyframes rd-slide-back{from{transform:none}to{transform:translateX(102%) rotateY(22deg)}}
.rd-size{display:flex;align-items:center;gap:.25rem;flex:none}
.rd-size button{
  min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  background:none;border:1px solid transparent;border-radius:2px;cursor:pointer;
  color:var(--color-cream);font-family:var(--font-body);font-size:var(--rd-ctl,15px);
  font-weight:500;line-height:1;
}
@media (hover:hover){.rd-size button:not([disabled]):hover{border-color:color-mix(in oklab,var(--color-cream) 44%,transparent)}}
.rd-size button[disabled]{opacity:.18;cursor:not-allowed}
.rd-size-out{
  margin:0;min-width:7.5ch;text-align:center;
  font-family:var(--font-caps);font-size:var(--rd-label,14px);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 80%,var(--color-navy));
  white-space:nowrap;
}
@media (max-width:560px){.rd-size-out{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
.reader :is(a,button,summary,input,select,textarea):focus-visible{
  outline:2px solid var(--color-cream);outline-offset:2px;border-radius:2px;
}
.rd-tick:focus-visible{height:18px;background:var(--color-cream)}
@media (prefers-reduced-motion:reduce){
  .reader{--turn:1ms}
  .rd-face::after,.rd-bar,.rd-nav svg,.rd-tick,.rd-hint{transition:none}
  .rd-book,.rd-book::before,.rd-spine,.rd-page--r::before,.rd-page--r::after,.rd-page--l::after{transition:none}
  .rd-leaf,.rd-face::after,.rd-recess{animation:none}
}
.rd-seats{
  flex:none;margin:0;padding:.32rem .6rem;border-radius:2px;
  border:1px solid rgba(227,218,207,.24);
  font-size:var(--rd-label);letter-spacing:.14em;text-transform:uppercase;
  color:color-mix(in oklab,var(--color-cream) 62%,var(--color-navy));
}
.rd-seats[hidden]{display:none}
.rd-seats.is-full{border-color:var(--color-cream);color:var(--color-cream)}
.rd-gate-note{margin-top:1.1rem !important;font-size:var(--text-meta) !important;opacity:.8}
.rd-gate-note[hidden]{display:none}
@media (max-width:1000px){.rd-seats{display:none}}
@media (max-width:820px){
  .reader{--chrome:3.4rem}
  .rd-btn{min-height:44px;padding:.6rem .9rem}
  .rd-home{min-height:44px;align-items:center}
  .rd-home .brand-mark{height:30px}
  .rd-thumb{min-height:44px}
  .rd-scrub{display:none}
  .rd-bar--bot{justify-content:space-between;gap:.6rem}
  .rd-book::before{display:none}
  .rd-stage{overflow:hidden}
  .rd-title{flex:1 1 auto;min-width:0}
}
@media (max-width:480px){
  .rd-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;border:0}
  .rd-title.is-vols{position:static;width:auto;height:auto;overflow:visible;
    clip-path:none;display:flex}
  .rd-title.is-vols .rd-vol-now{display:none}
  .rd-title.is-vols .rd-vol-short{display:inline}
  .rd-bar--top{gap:.5rem}
  .rd-count{margin-inline-start:auto}
}
.rd-jump{display:none}
@media (max-width:820px){
  .rd-jump{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
    min-height:44px;padding:.6rem 1.1rem;cursor:pointer;
    background:none;border:1px solid rgba(227,218,207,.28);border-radius:2px;
    color:var(--color-cream);font-family:var(--font-caps);font-size:var(--rd-label);font-weight:500;
    letter-spacing:.14em;text-transform:uppercase;
  }
}
@media (max-width:820px){
  .rd-hint{display:none}
  .rd-copy{bottom:calc(var(--chrome) + env(safe-area-inset-bottom,0px) + .3rem)}
  .rd-copy .seat{display:none}
}
@media (max-width:560px){
  .rd-bar--top{gap:.45rem;padding-inline:.75rem}
  .rd-btn{min-height:44px;padding:0 15px}
  .rd-btn#contents-open{font-size:0;gap:0}
  .rd-btn#contents-open .rd-btn-ico{width:16px}
  #to-workbook{font-size:0;gap:0;position:relative;min-width:44px}
  #to-workbook .rd-nib{display:block;position:absolute;inset:0;margin:auto}
}
.rd-legal{margin:0;font-size:var(--rd-label);letter-spacing:.04em;opacity:1}
.rd-legal a{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding:.7rem .35rem;min-height:44px;box-sizing:border-box;line-height:1.9}
.rd-legal--sheet{display:none;color:var(--color-cream)}
@media (max-width:820px){
  .rd-bar--bot .rd-legal{display:none}
  .rd-contents-head{flex-wrap:wrap;row-gap:0}
  .rd-legal--sheet{display:block;flex:1 0 100%;white-space:nowrap;margin-inline-start:-.35rem}
}
.rd-stage:focus{outline:none}