.chronicle-page {padding-bottom:64px}
.chronicle-heading {padding:64px 0 36px;max-width:760px}
.chronicle-heading h1 {font-size:42px;font-weight:750;letter-spacing:-.025em;line-height:1.3;color:var(--text)}
.chronicle-heading p {margin-top:18px;font-size:16px;color:var(--muted)}
.chronicle-heading>span {display:block;margin-top:18px;color:var(--muted);font-size:12px}
.chronicle-filter {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;padding:18px 0;border-block:1px solid var(--line)}
.chronicle-types {display:flex;flex-wrap:wrap;gap:6px}
.chronicle-types button,.chronicle-selects button,.chronicle-empty button {min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:6px;color:var(--muted);font-size:14px}
.chronicle-types button:hover,.chronicle-selects button:hover,.chronicle-empty button:hover {background:var(--surface-2);color:var(--text)}
.chronicle-types button[aria-pressed="true"] {color:var(--text);border-color:var(--line);background:var(--surface);font-weight:650}
.chronicle-selects {display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.chronicle-selects label {display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.chronicle-selects select {min-height:44px;min-width:140px;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}
.chronicle-caption {display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:24px 0;font-size:12px;color:var(--muted)}
.chronicle-events {list-style:none;padding:0;margin:0;max-width:1020px}
.chronicle-event {display:grid;grid-template-columns:100px minmax(0,1fr);gap:32px;position:relative;outline-offset:3px;scroll-margin-block:30px}
.chronicle-year {position:relative;padding-top:28px;color:var(--text);font-size:28px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3}
.chronicle-year::after {content:"";position:absolute;width:1px;right:-17px;top:0;bottom:0;background:var(--line)}
.chronicle-year::before {content:"";position:absolute;right:-20px;top:40px;width:7px;height:7px;border-radius:50%;background:var(--muted);z-index:1}
.chronicle-body {min-width:0;padding:28px 0 30px;border-bottom:1px solid var(--line)}
.chronicle-event:last-child .chronicle-body {border-bottom:0}
.chronicle-event.is-highlighted .chronicle-body {background:var(--surface)}
.chronicle-meta {display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:12px;line-height:1.65;margin-bottom:10px}
.chronicle-meta>span:first-child {color:var(--purple)}
.chronicle-body h2 {font-size:22px;font-weight:650;line-height:1.45;color:var(--text)}
.chronicle-body>p {margin-top:10px;max-width:66ch;font-size:14px;color:var(--muted);line-height:1.9}
.chronicle-source {display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:8px;font-size:12px;color:var(--purple);overflow-wrap:anywhere}
.chronicle-source svg {width:14px;height:14px;flex:0 0 14px}
.chronicle-source:hover {text-decoration:underline;text-underline-offset:4px}
.chronicle-note {margin-top:10px;color:var(--muted);font-size:12px;max-width:66ch}
.chronicle-note summary {cursor:pointer;min-height:36px;align-content:center}
.chronicle-note p {padding-bottom:8px}
.chronicle-footnote {max-width:75ch;font-size:12px;color:var(--muted);margin-top:36px}
.chronicle-empty {padding:48px 0;color:var(--muted)}
.chronicle-empty h2 {font-size:22px;color:var(--text)}
.chronicle-empty p {margin:12px 0}
.chronicle-preview small {display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.chronicle-preview-links {display:flex;flex-wrap:wrap;gap:8px 16px;margin:4px 0 20px}
.chronicle-preview-links a {display:inline-flex;align-items:center;min-height:36px;font-size:12px;color:var(--purple)}
.chronicle-preview-links a:hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
 .chronicle-heading {padding:36px 0 24px}
 .chronicle-heading h1 {font-size:30px}
 .chronicle-heading p {font-size:15px}
 .chronicle-filter {display:block;padding:12px 0 16px}
 .chronicle-types {gap:4px;margin-bottom:16px}
 .chronicle-types button {padding-inline:11px;font-size:14px}
 .chronicle-selects {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}
 .chronicle-selects select {min-width:0;width:100%;font-size:16px;padding-inline:8px 20px}
 .chronicle-selects button {padding-inline:8px}
 .chronicle-event {grid-template-columns:54px minmax(0,1fr);gap:22px}
 .chronicle-year {font-size:21px;padding-top:24px}
 .chronicle-year::after {right:-11px}
 .chronicle-year::before {right:-14px;top:32px}
 .chronicle-body {padding:24px 0}
 .chronicle-body h2 {font-size:18px}
 .chronicle-meta {gap:4px 10px;font-size:11px}
 .chronicle-caption>span {display:none}
 .chronicle-event.is-highlighted .chronicle-body {box-shadow:none}
 .chronicle-preview-links a {min-height:44px}
}

.chronicle-page {min-width:0;overflow-x:clip}
.chronicle-view-switch {display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.chronicle-control-label {font-size:12px;color:var(--muted);white-space:nowrap}
.chronicle-view-switch [role="group"] {display:flex;flex-wrap:wrap;gap:6px}
.chronicle-view-switch button {min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:14px}
.chronicle-view-switch button:hover,.chronicle-view-switch button:focus-visible {background:var(--surface-2);color:var(--text)}
.chronicle-view-switch button[aria-pressed="true"] {border-color:var(--line);background:var(--surface);color:var(--text);font-weight:650}
.chronicle-view-switch button:focus-visible,.chronicle-types button:focus-visible,.chronicle-selects button:focus-visible,.chronicle-selects select:focus-visible,.chronicle-selects input:focus-visible,.chronicle-single-controls select:focus-visible,.chronicle-source:focus-visible {outline:2px solid var(--purple);outline-offset:2px}
.chronicle-selects {align-items:end}
.chronicle-selects input {min-height:44px;min-width:210px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}
.chronicle-selects input::placeholder {color:var(--muted);opacity:1}
.chronicle-search {min-width:210px}
.chronicle-single-controls {display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.chronicle-single-controls>span {font-size:13px;color:var(--text);font-weight:650;align-self:center;margin-right:4px}
.chronicle-single-controls>p {margin:0 0 8px auto;font-size:12px;color:var(--muted)}
.chronicle-single-controls label {display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}
.chronicle-single-controls select {min-height:44px;min-width:230px;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}
.chronicle-product {display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:12px;color:var(--muted);font-size:12px}
.chronicle-product strong {color:var(--text);font-weight:500}
.chronicle-empty {max-width:66ch}

@media(max-width:720px){
 .chronicle-view-switch {align-items:flex-start;flex-direction:column;gap:8px}
 .chronicle-view-switch [role="group"] {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .chronicle-view-switch button {width:100%;padding-inline:8px}
 .chronicle-selects {grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}
 .chronicle-selects label,.chronicle-search {min-width:0}
 .chronicle-selects label:nth-of-type(3) {grid-column:1 / -1}
 .chronicle-selects input {width:100%;min-width:0;font-size:16px}
 .chronicle-selects button {grid-column:1 / -1;width:100%}
 .chronicle-single-controls {align-items:stretch;display:flex}
 .chronicle-single-controls>p {flex-basis:100%;margin:0}
 .chronicle-single-controls label {flex:1 1 100%}
 .chronicle-single-controls select {width:100%;min-width:0;font-size:16px}
}