/* Editions shell for the existing atlas. Geometry and interaction stay in their
   original modules; every colour remains connected to the appearance controls. */
@font-face{font-family:Montreal;src:url('./media/edition/neue-montreal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Sohne Mono';src:url('./media/edition/sohne-mono.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}

html[data-shell="editions"]{
  --edition-blue:#051daa;
  --edition-deep:#010419;
  --sans:Montreal,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:'Sohne Mono',"SFMono-Regular","PingFang SC",monospace;
  --heading:var(--sans);
  --radius:0px;
  --explore-radius:0px;
  --shadow:none;
  --surface-hover:color-mix(in srgb,var(--ink) 8%,var(--paper));
  --motion-state:250ms;
  --motion-position:400ms;
  --motion-ease:cubic-bezier(.16,1,.3,1);
  --ease:cubic-bezier(.16,1,.3,1);
  --shell-header:var(--edition-blue);
  --shell-header-ink:#fff;
}
html[data-shell="editions"][data-style="anthropic"]{
  --paper:#f3f2ec;
  --ink:#171c23;
  --muted:#5e6570;
  --line:#171c232b;
  --panel:#eae9e3;
  --surface:#f9f8f3;
  --accent:#051daa;
  --red:#ba4a35;
  --blue:#365bb9;
  --green:#4d7254;
  --axis:#727b8c;
  --grid:#171c231a;
  --chart-fill:#051daa12;
  --selection:#c7d2ff;
  --backdrop:#010419b8;
  --art-0:#e4e7ed;
  --art-1:#e0e6df;
  --art-2:#ebe2d8;
  --art-3:#051daa;
  --art-4:#dce5eb;
  --art-ink:#171c23;
  --art-inverse:#fff;
}
html[data-shell="editions"][data-style="anthropic"][data-mode="dark"]{
  --paper:#051daa;
  --ink:#fff;
  --muted:#c2c9ec;
  --line:#ffffff30;
  --panel:#102bb0;
  --surface:#0c258d;
  --accent:#c5ffae;
  --red:#ffae97;
  --blue:#93d9ff;
  --green:#c7e5a3;
  --axis:#aab7eb;
  --grid:#ffffff20;
  --chart-fill:#c5ffae16;
  --selection:#3152dd;
  --backdrop:#010419bf;
  --art-0:#06165e;
  --art-1:#173879;
  --art-2:#173182;
  --art-3:#e8eddf;
  --art-4:#0a356a;
  --art-ink:#fff;
  --art-inverse:#06165e;
}
html[data-shell="editions"] body{
  font-family:var(--sans);
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html[data-shell="editions"] :is(.brand b,.current-time,.mast-copy h1,.lane-label h2,.focus-title,.focus-title h2,.detail-copy h2,.detail-summary,.knowledge-section>h2,.reading-title,.reading-header h2,.reading-item h3,.event h3,.type-art .type-name,#about h2){
  font-family:var(--sans);
  font-weight:500;
  letter-spacing:-.035em;
}
html[data-shell="editions"] :is(.caption-3,.caption-5,.event-meta,.lane-no,.lane-count,.chapter-number,.year-nav button,.overview-wrap,.trend-caption,.attention-source-count,.system-category,.system-entry>time){
  font-family:var(--mono);
  font-weight:300;
  letter-spacing:0;
}
html[data-shell="editions"] header{
  height:64px;
  min-height:64px;
  margin:0;
  padding:0 30px;
  background:var(--shell-header);
  color:var(--shell-header-ink);
  border-bottom:1px solid #ffffff24;
  border-bottom-style:solid;
  gap:24px;
}
html[data-shell="editions"] .brand{gap:9px;flex-shrink:0;min-height:44px}
html[data-shell="editions"] .brand:before{content:none}
html[data-shell="editions"] .brand b{font-size:25px;white-space:nowrap;letter-spacing:-.05em}
html[data-shell="editions"] .brand svg{display:block;color:inherit;width:23px;height:25px}
html[data-shell="editions"] .header-actions{margin-left:auto;gap:14px}
html[data-shell="editions"] .header-actions>button{font-weight:500;color:inherit}
html[data-shell="editions"] .header-actions kbd{color:#ffffff80;font-family:var(--mono);font-size:9px}
html[data-shell="editions"] .appearance-controls{gap:8px}
html[data-shell="editions"] .style-switch select{
  background:transparent;color:#fff;border-color:#ffffff4a;border-radius:0;
  min-height:40px;font:300 11px var(--mono);max-width:128px;
}
html[data-shell="editions"] .style-switch select option{color:var(--ink);background:var(--paper)}
html[data-shell="editions"] .header-actions :is(#theme-toggle,#about-open){color:inherit;background:transparent;border-radius:0;border-color:transparent}
html[data-shell="editions"] .header-actions :is(button,select):focus-visible{outline-color:white;outline-offset:3px}
html[data-shell="editions"] .header-actions button:hover{background:#ffffff14;border-color:#ffffff26}

html[data-shell="editions"] .view-switch{
  margin:8px 30px 0;padding:0;gap:30px;background:transparent;
  border:0;border-bottom:1px solid var(--line);border-radius:0;
}
html[data-shell="editions"] .view-switch button{
  min-height:44px;padding:10px 0;border-radius:0;border-bottom:2px solid transparent;
  background:transparent;font-weight:500;color:var(--muted);
}
html[data-shell="editions"] .view-switch button[aria-pressed="true"]{background:transparent;color:var(--ink);border-bottom-color:var(--ink)}
html[data-shell="editions"] .view-switch button[aria-pressed="true"]:before{content:none}
html[data-shell="editions"] .view-switch button:hover{color:var(--ink);background:transparent}
html[data-shell="editions"] :is(.mast-copy,.lane-labels,.atlas,.transport){border-color:var(--line)}
html[data-shell="editions"] .atlas{border-inline:0}
html[data-shell="editions"] .mast-copy{border-left:1px solid var(--line);padding-left:28px}
html[data-shell="editions"] .mast-copy h1{font-size:28px;letter-spacing:-.04em;line-height:1.2}
html[data-shell="editions"] .mast-copy p{font:300 11px/1.6 var(--mono);margin-top:10px;color:var(--muted)}
html[data-shell="editions"] .current-time #year{font-size:108px;font-weight:500;letter-spacing:-.075em}
html[data-shell="editions"] .current-time #month{font:300 15px var(--mono);letter-spacing:-.04em;margin-left:14px}
html[data-shell="editions"] .current-time.is-overview #year{font-size:50px}
html[data-shell="editions"] .lane-label h2{font-size:30px;letter-spacing:-.04em}
html[data-shell="editions"] .lane-label{padding-top:16px}
html[data-shell="editions"] .lane-label h2{margin-top:8px}
html[data-shell="editions"] .lane-no:before,html[data-shell="editions"] .lane-no:after{content:none}
html[data-shell="editions"] .lane-label p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}
html[data-shell="editions"] .lane-count{font-size:10px;color:var(--muted);padding-top:8px}
html[data-shell="editions"] .event-meta{font-size:10px;line-height:1.4;color:var(--muted)}
html[data-shell="editions"] .event-meta .format{font-size:8px;letter-spacing:0}
html[data-shell="editions"] .lane-label:after,html[data-shell="editions"] .event:after{border-radius:0;transform:none}
html[data-shell="editions"] .lane:before{border-bottom-style:solid;opacity:.6}
html[data-shell="editions"] .event h3{font-size:15px;line-height:1.3;letter-spacing:-.025em}
html[data-shell="editions"] .event .event-media{
  border:1px solid var(--line);border-radius:0;box-shadow:none;
  transition:border-color 350ms,background-color 350ms;
}
html[data-shell="editions"] .event:hover .event-media{transform:none;box-shadow:none;border-color:var(--color);transition-duration:150ms}
html[data-shell="editions"] .event[aria-current="true"] .event-media{outline:1px solid var(--color);outline-offset:3px}
html[data-shell="editions"] .event-media>:is(img,video){border-radius:0}
html[data-shell="editions"] .event .type-art{padding:12px 14px}
html[data-shell="editions"] .event .type-art .type-name{font-size:clamp(16px,min(30cqh,22cqi),40px);line-height:1.05;letter-spacing:-.045em}
html[data-shell="editions"] .type-art:after{display:none}
html[data-shell="editions"] .event-note{border:0;border-radius:0;font:300 8px var(--mono);padding:4px 5px}
html[data-shell="editions"] :is(.year-nav button[aria-current="true"],.view-controls #overview[aria-pressed="true"]){background:var(--ink);color:var(--paper);border-radius:0}
html[data-shell="editions"] #window-mark{border-style:solid}

/* Use only state decoration here; no transforms on coordinate-bearing nodes. */
html[data-shell="editions"] :is(button,a,select,input,summary){-webkit-tap-highlight-color:transparent}
html[data-shell="editions"] :is(button,select,input,summary){font-family:var(--sans)}
html[data-shell="editions"] :is(.view-controls,.play-group,.detail-nav,.systems-filters,.system-actions,.reading-filters,.chart-controls,.attention-sources,.filter-presets,.filter-footer,.network-selected-actions) button{
  border-radius:0;box-shadow:none;transition:background-color 350ms,color 350ms,border-color 350ms;
}
html[data-shell="editions"] :is(.view-controls,.play-group,.detail-nav,.systems-filters,.system-actions,.reading-filters,.chart-controls,.attention-sources,.filter-presets,.filter-footer,.network-selected-actions) button:hover:not(:disabled){
  background:var(--surface-hover);transition-duration:150ms;
}
html[data-shell="editions"] .view-controls #overview{border-radius:0}
html[data-shell="editions"] :is(.view-controls,.play-group,.detail-nav) button{font-weight:500}
html[data-shell="editions"] :is(button,a,select,input,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html[data-shell="editions"] :is(.network-workspace,.network-search,.network-tools>button,.network-zoom,#network-current,#network-links,#network-results,#network-results button,.network-filters select,.network-selected-actions button,.relation-card,.reading-item,.system-entry,.filter-domain label,.filter-fields select,.filter-search,.dossier-chapter,.dossier-evolution article,.lifecycle-note){border-radius:0;box-shadow:none}
html[data-shell="editions"] .explore-heading h1,html[data-shell="editions"] .network-heading h1{font-weight:500;letter-spacing:-.045em}
html[data-shell="editions"] .system-year>h2{font-family:var(--sans);font-weight:500;letter-spacing:-.07em}
html[data-shell="editions"] .system-entry{background:transparent}
html[data-shell="editions"] .system-entry h3{font-weight:500;letter-spacing:-.035em}
html[data-shell="editions"] .system-actions button{border-radius:0;font-weight:500}
html[data-shell="editions"] .network-node .node-label{font-weight:500;letter-spacing:-.01em}
html[data-shell="editions"] :is(.network-axis text,.network-bands .band-count){font-family:var(--mono);font-weight:300}
html[data-shell="editions"] .network-grid line,html[data-shell="editions"] .network-grid path{opacity:.42}
html[data-shell="editions"] .network-selected h2{font-weight:500;letter-spacing:-.035em}
html[data-shell="editions"] .network-connection{border-bottom:1px solid var(--line)}
html[data-shell="editions"] .network-connection strong{font-weight:500}

html[data-shell="editions"] dialog{border:1px solid var(--line);border-radius:0;box-shadow:0 30px 100px #01041940}
html[data-shell="editions"] dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(8px)}
html[data-shell="editions"] dialog>.close,html[data-shell="editions"] #detail>.close,html[data-shell="editions"] #search .close{border-radius:0;background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-shell="editions"] :is(.focus-panel,.story-panel,.trend-panel,.relations-panel){border-color:var(--line)}
html[data-shell="editions"] .focus-panel{background:var(--paper)}
html[data-shell="editions"] .focus-title h2{font-size:clamp(32px,3.4vw,52px);line-height:1.06;letter-spacing:-.055em}
html[data-shell="editions"] .detail-summary{font:500 16px/1.8 var(--sans)}
html[data-shell="editions"] .detail-body p{font:500 14px/1.85 var(--sans)}
html[data-shell="editions"] .story-panel .detail-cover{border-radius:0;background:var(--panel)}
html[data-shell="editions"] .story-panel .detail-cover>:is(img,video){border-radius:0}
html[data-shell="editions"] .story-panel .detail-cover .type-art .type-name{font-family:var(--sans);font-weight:500;letter-spacing:-.055em}
html[data-shell="editions"] .dossier-tabs{gap:14px}
html[data-shell="editions"] .dossier-tabs button{border-radius:0;background:transparent;color:var(--muted);border-bottom:2px solid transparent;font-weight:500;padding:8px 0}
html[data-shell="editions"] .dossier-tabs button[aria-selected="true"]{background:transparent;color:var(--ink);border-bottom-color:var(--ink)}
html[data-shell="editions"] .dossier-chapter{border-inline:0;border-top:0}
html[data-shell="editions"] .dossier-chapter summary{padding-inline:0}
html[data-shell="editions"] .dossier-evolution article{border-inline:0;border-top:0;padding-inline:0}
html[data-shell="editions"] .dossier-evolution article.is-current{background:transparent}
html[data-shell="editions"] .dossier-section>h3{font-weight:500;letter-spacing:-.035em}
html[data-shell="editions"] .detail-nav{background:var(--paper);border-top-style:solid}
html[data-shell="editions"] .detail-back{border-radius:0;font-family:var(--sans)}
html[data-shell="editions"] .attention-sources button{font-weight:500}
html[data-shell="editions"] .trend-chart svg text{font-family:var(--mono);font-weight:300}
html[data-shell="editions"] :is(.chart-tooltip,.attention-query,.attention-evidence-list a){border-radius:0}
html[data-shell="editions"] .reading-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
html[data-shell="editions"] .reading-item h3{font-size:20px;line-height:1.4;letter-spacing:-.025em}
html[data-shell="editions"] .reading-header h2{font-size:46px;letter-spacing:-.05em}
html[data-shell="editions"] :is(.reading-filters,.systems-filters,.attention-sources) button[aria-pressed="true"]{border-color:var(--ink)}
html[data-shell="editions"] #query{font-family:var(--sans);font-size:22px}
html[data-shell="editions"] #about h2{letter-spacing:-.05em}
html[data-shell="editions"] footer{font:300 10px/1.5 var(--mono);color:var(--muted);min-height:36px}
html[data-shell="editions"] footer button{font-family:inherit;font-size:10px;min-height:32px}
html[data-shell="editions"] footer button b{color:var(--ink)}
html[data-shell="editions"] .live-dot{border-radius:0;animation:none}
html[data-shell="editions"] #toast{border-radius:0;font-family:var(--sans)}

@media(min-width:1600px){
  html[data-shell="editions"] .current-time #year{font-size:120px}
}
@media(max-width:1100px){
  html[data-shell="editions"] .current-time #year{font-size:88px}
  html[data-shell="editions"] .mast-copy{padding-left:20px}
  html[data-shell="editions"] .mast-copy h1{font-size:24px}
}
@media(max-width:800px){
  html[data-shell="editions"] #detail>.close{display:flex;float:none;margin:12px 12px -56px auto}
  html[data-shell="editions"] #detail-content{width:100%}
  html[data-shell="editions"] .focus-title h2{font-size:38px}
  html[data-shell="editions"] .dossier-tabs{padding-right:16px;gap:12px}
  html[data-shell="editions"] .dossier-tabs button{font-size:14px;min-width:0}
  html[data-shell="editions"] .story-panel{border-inline:0}
  html[data-shell="editions"] .trend-panel,html[data-shell="editions"] .relations-panel{border-inline:0}
}
@media(max-width:700px){
  html[data-shell="editions"] header{height:108px;min-height:108px;padding:8px 16px;align-items:flex-start;gap:10px}
  html[data-shell="editions"] .brand{min-height:44px;gap:6px}
  html[data-shell="editions"] .brand b{font-size:22px}
  html[data-shell="editions"] .brand svg{width:19px;height:23px}
  html[data-shell="editions"] .header-actions{gap:6px;margin-top:0;align-items:center}
  html[data-shell="editions"] .header-actions>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:7px}
  html[data-shell="editions"] .header-actions>#about-open{width:44px;min-width:44px;height:44px;padding:7px;margin-top:0}
  html[data-shell="editions"] .appearance-controls{right:16px;bottom:8px;gap:8px}
  html[data-shell="editions"] .style-switch select{min-height:44px;max-width:126px;font-size:11px;padding-block:7px}
  html[data-shell="editions"] .appearance-controls #theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px}
  html[data-shell="editions"] .view-switch{align-self:stretch;margin:4px 16px 0;gap:20px;justify-content:space-between}
  html[data-shell="editions"] .view-switch button{flex:1;padding-inline:0;font-size:14px;white-space:nowrap}
  html[data-shell="editions"] .current-time #year{font-size:70px}
  html[data-shell="editions"] .current-time #month{font-size:12px;margin-left:9px}
  html[data-shell="editions"] .current-time.is-overview #year{font-size:36px}
  html[data-shell="editions"] .mast-copy{border:0;padding-left:0}
  html[data-shell="editions"] .mast-copy h1{font-size:12px;line-height:1.5;letter-spacing:-.03em}
  html[data-shell="editions"] .mast-copy p{display:none}
  html[data-shell="editions"] .lane-label h2{font-size:24px}
  html[data-shell="editions"] .event h3{font-size:13px;line-height:1.25}
  html[data-shell="editions"] .event-meta{font-size:9px}
  html[data-shell="editions"] .event-meta .format{font-size:8px}
  html[data-shell="editions"] .event-note{font-size:7px;padding:3px 4px}
  html[data-shell="editions"] .reading-header h2{font-size:34px}
  html[data-shell="editions"] .reading-item h3{font-size:18px}
  html[data-shell="editions"] .dossier-tabs{gap:10px}
  html[data-shell="editions"] .focus-title h2{font-size:34px}
  html[data-shell="editions"] .detail-summary{font-size:15px}
  html[data-shell="editions"] footer{margin-inline:16px;gap:12px;height:36px;white-space:nowrap}
  html[data-shell="editions"] footer>span:first-child{display:none}
  html[data-shell="editions"] footer #total{margin-left:auto;font-size:10px}
}
@media(max-width:360px){
  html[data-shell="editions"] .brand b{font-size:20px}
  html[data-shell="editions"] .brand svg{width:16px;height:21px}
  html[data-shell="editions"] .header-actions{gap:3px}
  html[data-shell="editions"] .view-switch{gap:12px}
  html[data-shell="editions"] .view-switch button{font-size:13px}
  html[data-shell="editions"] .current-time #year{font-size:64px}
  html[data-shell="editions"] .lane-label h2{font-size:22px}
  html[data-shell="editions"] .dossier-tabs{gap:6px}
  html[data-shell="editions"] .dossier-tabs button{font-size:13px}
  html[data-shell="editions"] .detail-nav{padding-inline:12px;gap:4px}
  html[data-shell="editions"] .detail-nav button{font-size:11px;gap:4px}
}
@media(max-width:700px) and (max-height:760px){
  html[data-shell="editions"] body[data-view="timeline"]{min-height:800px;overflow-y:auto}
}
html[data-shell="editions"][data-motion="off"] *,html[data-shell="editions"][data-motion="off"] *:before,html[data-shell="editions"][data-motion="off"] *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  html[data-shell="editions"] *,html[data-shell="editions"] *:before,html[data-shell="editions"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Keep the two filter actions on one line even at 320px. */
html[data-shell="editions"] #filters{border-radius:0}
html[data-shell="editions"] #filters .filter-footer{gap:8px;align-items:center;padding-top:16px}
html[data-shell="editions"] #filters .filter-footer button{white-space:nowrap;flex-shrink:0;padding:8px 10px;gap:6px;min-height:44px;justify-content:center}
html[data-shell="editions"] #filters #filter-apply{flex:1;min-width:0}
@media(max-width:700px) and (max-height:760px){html[data-shell="editions"] body[data-view="timeline"] .viewport{touch-action:pan-x pan-y}}