/* Local compositions replace the toolbar's generic width-only fallback. */
html[data-dates-layout] main.common-layout-surface{width:100%;max-width:none;margin:0}
.screen-record-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font:400 12px/1.5 var(--mono)}
.screen-record-controls button{min-height:44px;padding:10px 14px;background:transparent;border:1px solid var(--line);font:inherit}
.screen-record-controls button:hover:not(:disabled){border-color:var(--accent)}
.screen-record-controls span{color:var(--muted);white-space:nowrap}

/* A / Screen: a centred scene, then one readable event at a time. */
html[data-font-project="elias"][data-dates-layout="A"] #archive-view{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;height:auto;max-height:none;padding:155px max(24px,5vw) 0}
html[data-font-project="elias"][data-dates-layout="A"] .world-label{position:relative;inset:auto;grid-area:auto;justify-content:center;font-size:28px}
html[data-font-project="elias"][data-dates-layout="A"] .date-observation{position:relative;inset:auto;grid-area:auto;width:min(100%,760px);max-width:none;justify-self:center;margin:0;padding:28px;text-align:center}
html[data-font-project="elias"][data-dates-layout="A"] .date-observation h1{max-width:none;font-size:clamp(42px,5.7vw,80px)}
html[data-font-project="elias"][data-dates-layout="A"] .date-actions{max-width:560px;margin-inline:auto}
html[data-font-project="elias"][data-dates-layout="A"] .release-meta{justify-content:center}
html[data-font-project="elias"][data-dates-layout="A"] .date-secondary-actions{justify-content:center}
html[data-font-project="elias"][data-dates-layout="A"] #archive-view .spatial-field{position:relative;inset:auto;grid-area:auto;width:min(100%,900px);height:auto;min-height:0;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto auto;align-items:center;gap:24px;z-index:1}
html[data-font-project="elias"][data-dates-layout="A"] #archive-view .entity-stage{position:relative;inset:auto;width:100%;height:340px;margin:0;grid-column:1;grid-row:1}
html[data-font-project="elias"][data-dates-layout="A"] #archive-view .planet-map.has-solar-plane{position:relative;inset:auto;width:100%;grid-column:2;grid-row:1}
html[data-font-project="elias"][data-dates-layout="A"] #archive-view .spatial-field .event-map{position:relative;inset:auto;grid-column:1/-1;grid-row:2;min-height:70px}
html[data-font-project="elias"][data-dates-layout="A"] .chamber-footer{position:relative;inset:auto;grid-area:auto;width:100%;margin:0;justify-content:center}
html[data-font-project="elias"][data-dates-layout="A"] .date-list{max-width:100%;justify-content:center;flex-wrap:wrap}
html[data-font-project="elias"][data-dates-layout="A"] .rail-heading{justify-content:center}
html[data-font-project="elias"][data-dates-layout="A"] .record-room{width:min(940px,calc(100% - 48px));padding-top:80px}
html[data-font-project="elias"][data-dates-layout="A"] .release-stage{padding-bottom:64px}
html[data-font-project="elias"][data-dates-layout="A"] .event-record{display:block;padding:clamp(24px,5vw,56px);border:1px solid var(--line);min-height:420px}
html[data-font-project="elias"][data-dates-layout="A"] .trace-coordinate{grid-template-columns:32px auto 1fr;align-items:center;gap:18px;padding:0;margin-bottom:30px}
html[data-font-project="elias"][data-dates-layout="A"] .trace-sigil{grid-row:auto}
html[data-font-project="elias"][data-dates-layout="A"] .trace-year{justify-self:end;font-size:clamp(36px,6vw,64px)}
html[data-font-project="elias"][data-dates-layout="A"] .trace-title{font-size:clamp(28px,3.6vw,48px);line-height:1.18}
html[data-font-project="elias"][data-dates-layout="A"] .trace-description{font-size:19px;line-height:1.85}
html[data-font-project="elias"][data-dates-layout="A"] .release-reading{grid-template-columns:1fr;gap:20px}

/* B / Archive: dates in an index, years along one continuous reading axis. */
html[data-font-project="elias"][data-dates-layout="B"] #archive-view{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(280px,.95fr);grid-template-rows:auto auto;gap:24px 36px;width:min(1200px,calc(100% - 64px));margin:auto;min-height:0;height:auto;max-height:none;padding:160px 0 32px}
html[data-font-project="elias"][data-dates-layout="B"] .world-label{position:relative;inset:auto;grid-column:2/-1;grid-row:1;font-size:30px}
html[data-font-project="elias"][data-dates-layout="B"] .date-observation{position:relative;inset:auto;grid-column:2;grid-row:2;width:100%;max-width:none;margin:0;padding:24px 0;border:0}
html[data-font-project="elias"][data-dates-layout="B"] .date-observation::before,html[data-font-project="elias"][data-dates-layout="B"] .date-observation::after{content:none}
html[data-font-project="elias"][data-dates-layout="B"] .date-observation h1{font-size:clamp(36px,3.7vw,54px)}
html[data-font-project="elias"][data-dates-layout="B"] .chamber-footer{position:relative;inset:auto;grid-column:1;grid-row:1/3;display:block;width:100%;margin:0;padding:0 20px 0 0;border-top:0;border-right:1px solid var(--line)}
html[data-font-project="elias"][data-dates-layout="B"] .date-list{display:grid;grid-template-columns:1fr;max-width:none;max-height:620px;overflow-y:auto;gap:3px}
html[data-font-project="elias"][data-dates-layout="B"] .date-button{width:100%;text-align:left;min-height:40px}
html[data-font-project="elias"][data-dates-layout="B"] .rail-heading{gap:8px;flex-wrap:wrap}
html[data-font-project="elias"][data-dates-layout="B"] .system-state{display:none}
html[data-font-project="elias"][data-dates-layout="B"] #archive-view .spatial-field{position:relative;inset:auto;grid-column:3;grid-row:2;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:8px;min-height:0;width:100%;height:auto;margin:0}
html[data-font-project="elias"][data-dates-layout="B"] #archive-view .entity-stage{position:relative;inset:auto;width:min(100%,220px);height:170px;margin:auto;grid-column:1;grid-row:1}
html[data-font-project="elias"][data-dates-layout="B"] #archive-view .planet-map.has-solar-plane{position:relative;inset:auto;width:100%;grid-column:1;grid-row:2}
html[data-font-project="elias"][data-dates-layout="B"] #archive-view .spatial-field .event-map{position:relative;inset:auto;grid-column:1;grid-row:3;min-height:64px}
html[data-font-project="elias"][data-dates-layout="B"] #archive-view .event-constellation{position:relative;inset:auto}
html[data-font-project="elias"][data-dates-layout="B"] .record-room{width:min(1040px,calc(100% - 64px));padding-top:40px}
html[data-font-project="elias"][data-dates-layout="B"] .section-intro{margin-bottom:20px}
html[data-font-project="elias"][data-dates-layout="B"] .section-intro h2{font-size:36px}
html[data-font-project="elias"][data-dates-layout="B"] .release-stage{position:relative;padding-bottom:48px}
html[data-font-project="elias"][data-dates-layout="B"] .release-stage::before{content:"";position:absolute;left:118px;inset-block:0 48px;width:1px;background:var(--line);pointer-events:none}
html[data-font-project="elias"][data-dates-layout="B"] .event-record{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr);gap:42px;padding:28px 0;background:none;border-bottom:1px solid var(--line)}
html[data-font-project="elias"][data-dates-layout="B"] .event-record::before{content:"";position:absolute;left:115px;top:38px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
html[data-font-project="elias"][data-dates-layout="B"] .trace-coordinate{display:flex;flex-direction:column;gap:6px}
html[data-font-project="elias"][data-dates-layout="B"] .trace-sigil{display:none}
html[data-font-project="elias"][data-dates-layout="B"] .trace-year{font:400 26px/1.3 var(--mono)}
html[data-font-project="elias"][data-dates-layout="B"] .trace-title{font-size:27px}
html[data-font-project="elias"][data-dates-layout="B"] .trace-description{font-size:16px;line-height:1.75}
html[data-font-project="elias"][data-dates-layout="B"] .release-reading{padding:48px 0 64px}

/* C / Constellation: the sky occupies the entrance, records form a loose field. */
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .spatial-field:has(.has-solar-plane:not([hidden])){grid-template-rows:auto auto}
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-map{min-height:120px}
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-constellation{position:relative;inset:auto;display:flex;justify-content:space-around;align-items:center;gap:16px;min-height:120px;padding:16px 12px}
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-node{border:0;background:transparent;min-width:0;padding:10px;align-items:center}
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-node::before{display:block;left:50%;top:0;width:4px;height:4px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)}
html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-node:nth-child(even){transform:translateY(-20px)}
html[data-font-project="elias"][data-dates-layout="C"] .release-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 8%;align-items:start;overflow:visible;padding:42px 0 100px}
html[data-font-project="elias"][data-dates-layout="C"] .event-record{position:relative;display:block;min-width:0;padding:28px;border:1px solid var(--line)}
html[data-font-project="elias"][data-dates-layout="C"] .event-record:nth-child(even){margin-top:110px}
html[data-font-project="elias"][data-dates-layout="C"] .event-record::before{content:"";position:absolute;left:-5px;top:-5px;width:8px;height:8px;border:1px solid var(--accent);background:var(--bg)}
html[data-font-project="elias"][data-dates-layout="C"] .trace-coordinate{grid-template-columns:28px 1fr;gap:4px 14px;margin-bottom:24px}
html[data-font-project="elias"][data-dates-layout="C"] .trace-year{font-size:42px}
html[data-font-project="elias"][data-dates-layout="C"] .trace-title{font-size:clamp(25px,2.8vw,36px)}
html[data-font-project="elias"][data-dates-layout="C"] .trace-description{font-size:16px;line-height:1.8}

@media(max-width:1000px){
  html[data-font-project="elias"][data-dates-layout="B"] #archive-view{grid-template-columns:100px minmax(0,1fr) minmax(230px,.85fr);gap:24px}
  html[data-font-project="elias"][data-dates-layout="B"] .chamber-footer{padding-right:12px}
  html[data-font-project="elias"][data-dates-layout="C"] .release-stage{gap:28px}
}
@media(max-width:760px){
  html[data-font-project="elias"][data-dates-layout="A"] #archive-view{padding:140px 20px 0;gap:20px}
  html[data-font-project="elias"][data-dates-layout="A"] .world-label{font-size:24px;gap:16px}
  html[data-font-project="elias"][data-dates-layout="A"] .date-observation{padding:24px 16px;order:0}
  html[data-font-project="elias"][data-dates-layout="A"] .date-observation h1{font-size:44px}
  html[data-font-project="elias"][data-dates-layout="A"] #archive-view .spatial-field{grid-template-columns:1fr;gap:12px;order:0}
  html[data-font-project="elias"][data-dates-layout="A"] #archive-view .entity-stage{height:220px;max-width:300px;margin:auto}
  html[data-font-project="elias"][data-dates-layout="A"] #archive-view .planet-map.has-solar-plane{grid-column:1;grid-row:2;max-width:480px;margin:auto}
  html[data-font-project="elias"][data-dates-layout="A"] #archive-view .spatial-field .event-map{grid-row:3}
  html[data-font-project="elias"][data-dates-layout="A"] .chamber-footer{order:0;padding:20px 0}
  html[data-font-project="elias"][data-dates-layout="A"] .record-room{width:calc(100% - 32px);padding-top:48px}
  html[data-font-project="elias"][data-dates-layout="A"] .event-record{padding:24px 18px;min-height:0}
  html[data-font-project="elias"][data-dates-layout="A"] .trace-description{font-size:17px}
  .screen-record-controls{gap:8px;font-size:11px;flex-wrap:wrap}
  .screen-record-controls button{padding:8px}
  html[data-font-project="elias"][data-dates-layout="B"] #archive-view{width:calc(100% - 32px);padding:140px 0 0;grid-template-columns:1fr;gap:20px}
  html[data-font-project="elias"][data-dates-layout="B"] .world-label{grid-column:1;grid-row:1;order:0;font-size:26px;margin:0}
  html[data-font-project="elias"][data-dates-layout="B"] .chamber-footer{grid-column:1;grid-row:2;order:0;border:0;border-bottom:1px solid var(--line);padding:0 0 16px}
  html[data-font-project="elias"][data-dates-layout="B"] .date-list{display:flex;max-width:100%;max-height:none;overflow-x:auto}
  html[data-font-project="elias"][data-dates-layout="B"] .date-button{width:auto;min-height:44px}
  html[data-font-project="elias"][data-dates-layout="B"] .date-observation{grid-column:1;grid-row:3;order:0;padding:8px 4px}
  html[data-font-project="elias"][data-dates-layout="B"] .date-observation h1{font-size:36px}
  html[data-font-project="elias"][data-dates-layout="B"] #archive-view .spatial-field{grid-column:1;grid-row:4;order:0;grid-template-columns:1fr;gap:12px;max-width:480px;margin:auto}
  html[data-font-project="elias"][data-dates-layout="B"] #archive-view .entity-stage{height:140px;width:200px}
  html[data-font-project="elias"][data-dates-layout="B"] .record-room{width:calc(100% - 32px);padding:40px 0}
  html[data-font-project="elias"][data-dates-layout="B"] .release-stage{display:block;overflow:visible}
  html[data-font-project="elias"][data-dates-layout="B"] .release-stage::before{left:8px}
  html[data-font-project="elias"][data-dates-layout="B"] .event-record{display:block;padding:24px 0 24px 28px}
  html[data-font-project="elias"][data-dates-layout="B"] .event-record::before{left:5px;top:35px}
  html[data-font-project="elias"][data-dates-layout="B"] .trace-coordinate{flex-direction:row;align-items:center;gap:14px;margin-bottom:18px}
  html[data-font-project="elias"][data-dates-layout="B"] .trace-title{font-size:26px}
  html[data-font-project="elias"][data-dates-layout="C"] #archive-view .event-constellation{gap:8px;padding-inline:0;flex-wrap:wrap}
  html[data-font-project="elias"][data-dates-layout="C"] .release-stage{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 0 64px}
  html[data-font-project="elias"][data-dates-layout="C"] .event-record{width:calc(100% - 18px);padding:22px}
  html[data-font-project="elias"][data-dates-layout="C"] .event-record:nth-child(even){margin-top:0;justify-self:end}
}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/dates/layouts.css","sha256":"8a176436926689f5a96a62fe32983a0f5f2953407d05dd88e655641cab453460","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */