:root, :root:not([data-theme="light"]) {
  --page:#f7f8f8; --card:#fff; --band:#e8f4fc; --ink:#0b2436; --mute:#4f6f85; --line:#d3e4ef;
  --accent:#0d72a8; --accent-press:#0a5a85; --on-accent:#fff; --ok:#277368;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  --display:var(--sans); --max:1180px;
}
html { scroll-padding-top:72px; }
.studio-return a { font-weight:550; }
.top { position:sticky;top:0;z-index:2;background:#f7f8f8f5;border-bottom:1px solid var(--line); }
.brand { letter-spacing:-.035em; }
.collection-hero { display:grid;grid-template-columns:.82fr 1.18fr;gap:5%;align-items:center;padding:clamp(44px,6vw,92px) 0; }
.collection-label,.collection-status { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:var(--mute); }
.collection-label i { width:15px;height:4px;background:#d55d42;border-radius:4px;transform:rotate(-24deg); }
.collection-intro h1 { font-size:clamp(63px,7.6vw,109px);line-height:1;letter-spacing:-.065em;margin:16px 0; }
.collection-intro h2 { font-size:clamp(24px,2.7vw,39px);text-align:left;letter-spacing:-.04em;line-height:1.24; }
.collection-lead { font-size:17px;line-height:1.7;color:var(--mute); }
.collection-actions { display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:22px 0; }
.collection-actions a { font-size:15px;font-weight:600;text-decoration:none; }
.collection-actions a:first-child { border-radius:22px;padding:9px 17px;background:var(--accent);color:var(--on-accent); }
.collection-status span { width:7px;height:7px;border-radius:50%;background:#b77a35; }
.collection-desk { position:relative;isolation:isolate;padding:clamp(18px,3vw,38px);border-radius:25px;color:#e6f1f8;background:linear-gradient(140deg,#253d50,#0e1a24);box-shadow:0 16px 42px -24px #0e1a2480; }
.desk-heading { display:flex;align-items:center;gap:11px;font-size:17px; }
.desk-heading img { border-radius:8px; }
.plates { margin:18px 0 0;border:0;padding:0;min-width:0; }
.plates legend,.plates input { position:absolute;clip-path:inset(50%);height:1px;width:1px; }
.plates label { display:inline-block;padding:5px 12px;font-size:13px;border-radius:20px;cursor:pointer; }
.plates input:checked+label { background:#e8f4fc;color:#0b2436; }
.plates input:focus-visible+label { outline:3px solid #7cc7f0;outline-offset:2px; }
.plates figure { display:none;margin:16px 0 0; }
#library:checked~.library-shot,#license:checked~.license-shot { display:block; }
.plates figure a { display:block;cursor:zoom-in; }
.plates figure img { display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 10px 25px #081d2645; }
.plates figcaption { display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#d3e4ef; }
.block { padding-block:clamp(35px,5vw,72px); }
.block h2 { text-align:left;font-weight:650;letter-spacing:-.04em; }
.grid article,.card,.steps li { border-radius:16px; }
.grid,.fit,.editions { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
:focus-visible { outline:3px solid #0d72a8;outline-offset:4px; }
@media(max-width:760px) {
  .collection-hero { grid-template-columns:1fr;gap:24px;padding:30px 0 40px; }
  .collection-intro h1 { margin:10px 0; }
  .collection-status { margin-bottom:0; }
  .top { padding-block:10px; }
  nav a { margin-left:10px; }
  .collection-desk { border-radius:18px; }
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }
