.archive{padding:3rem 0 3rem;color:var(--text-primary)}
.archive [hidden]{display:none!important}
.archive h1,.archive h2,.archive h3,.archive h4{font-family:var(--font-display);line-height:1.25;text-wrap:balance;overflow-wrap:anywhere}
.archive h1{font-size:clamp(2rem,4vw,3.8rem);max-width:24ch;margin:.7rem 0 1rem;letter-spacing:-.035em}
.archive h2{font-size:1.6rem}.archive h3{font-size:1.2rem}.archive h4{font-size:1rem;margin:1rem 0 .75rem}
.archive p{line-height:1.7;text-wrap:pretty}.archive :is(p,a,dd,figcaption){overflow-wrap:anywhere}
:lang(ko) .archive{word-break:keep-all}:lang(ja) .archive{line-break:strict}
.archive-hero{padding-bottom:1.7rem;border-bottom:1px solid var(--border-default)}
.archive-eyebrow{font-weight:700;color:var(--accent-warm)}.archive-eyebrow span{margin-inline-start:1rem;color:var(--text-muted)}
.archive-lede{max-width:65ch;color:var(--text-secondary)}.archive-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-top:1rem}
.archive-filters{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr)) auto;gap:.8rem;align-items:end;padding:1.3rem 0 .8rem}
.archive-filters label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-weight:600}
.archive-filters select,.archive-filters button{font:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;min-height:44px;padding:.6rem .7rem;max-width:100%;width:100%}
.archive-filters option{color:var(--text-primary);background:var(--bg-deep)}.archive button{cursor:pointer}
.archive :is(a,button,select,summary):focus-visible{outline:3px solid var(--accent-warm);outline-offset:3px}
.archive a{color:var(--text-primary);text-decoration:underline;text-underline-offset:.22em}
.archive-shortcuts{display:flex;flex-wrap:wrap;gap:.6rem}.archive-shortcuts a{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.3rem .6rem;border:1px solid var(--border-default);border-radius:10px;font-size:.9rem;text-decoration:none;max-width:100%}.archive-shortcuts img{border-radius:7px;flex:none}
.archive-shortcuts a[aria-current]{border-color:var(--accent-warm)}
.archive-app-summary{display:flex;gap:1rem;margin-top:1.5rem;padding:1.2rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px}.archive-app-summary img{flex:none;border-radius:14px}.archive-app-summary div{min-width:0}.archive-app-summary p{max-width:65ch}.archive-app-summary a{display:inline-block;margin-top:.6rem;min-height:44px;padding-top:.5rem}
.archive-status{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.archive-status p{font-weight:700}.archive-status a{min-height:44px;display:flex;align-items:center}
.archive-date-note,.archive-scope{font-size:.9rem;color:var(--text-muted);max-width:80ch;margin:.5rem 0 1.5rem}
.archive-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:2.5rem;align-items:start}.archive-layout--single{grid-template-columns:minmax(0,1fr)}
.archive-year>h2{font-size:2.8rem;margin:0 0 1rem;letter-spacing:-.03em}.archive-year ol{list-style:none;padding:0;margin:0}.archive-year li{display:grid;grid-template-columns:7.3rem minmax(0,1fr);gap:1rem;padding:1.25rem 0;border-top:1px solid var(--border-default)}
.archive-date{font-size:.85rem;display:flex;align-items:start;flex-direction:column;gap:.5rem}.archive-date time{font-variant-numeric:tabular-nums}
.archive-kind{font-size:.8rem;font-weight:600;color:var(--text-secondary);border-inline-start:3px solid var(--text-muted);padding-inline-start:.5rem}.archive-kind--released{border-color:var(--accent-warm)}.archive-kind--asset{border-color:#a78bfa}
.archive-record-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.65rem}.archive-record-meta img{border-radius:5px;flex:none}.archive-record-meta a{font-weight:600}.archive-record-meta>span{flex-basis:100%}
.archive-history article>p{margin:.6rem 0;color:var(--text-secondary)}.archive summary{cursor:pointer;min-height:44px;padding:.65rem 0;font-size:.9rem}.archive dl{font-size:.85rem;margin:0;padding:.8rem;background:var(--bg-surface);border-radius:8px}.archive dl div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.5rem;margin:.4rem 0}.archive dd{margin:0;color:var(--text-secondary)}
.archive-exhibits>p{font-size:.9rem;color:var(--text-muted);margin:.7rem 0 1.2rem}.archive-exhibit{padding:1.25rem;margin-bottom:1.25rem;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface)}
.archive figure{margin:0;min-width:0}.archive-icon-pair,.archive-screen-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.archive-icon-pair img{border-radius:14px}.archive figcaption{font-size:.8rem;line-height:1.5;margin-top:.5rem;color:var(--text-secondary)}.archive figcaption time{display:block}.archive-caption{font-size:.8rem;color:var(--text-muted);margin:.6rem 0}
.archive-screen-pair img{width:100%;height:auto;aspect-ratio:250/541;object-fit:contain;background:var(--bg-deep);border:1px solid var(--border-default);border-radius:10px}.archive-screen-pair a{display:block}.archive-screen-details{border-top:1px solid var(--border-default);margin-top:1rem}
.archive-empty{padding:1.25rem;border:1px dashed var(--border-strong);border-radius:12px}.archive-scope{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border-default)}
@media(max-width:1000px){.archive-layout{grid-template-columns:minmax(0,1fr)}.archive-exhibits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.archive-exhibits>h2,.archive-exhibits>p{grid-column:1/-1}.archive-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-filters label:first-child{grid-column:1/-1}}
@media(max-width:600px){.archive{padding-top:2.5rem}.archive-year li{grid-template-columns:minmax(0,1fr);gap:.65rem}.archive-date{flex-direction:row;flex-wrap:wrap}.archive-exhibits{display:block}.archive-app-summary{padding:1rem}.archive-app-summary h2{font-size:1.35rem}}
@media(max-width:340px){.archive-filters{grid-template-columns:minmax(0,1fr)}.archive-screen-pair{gap:.6rem}}

.archive-names{padding-inline-start:1.25rem;font-size:.85rem;color:var(--text-secondary);line-height:1.6;overflow-wrap:anywhere}.archive-names li+li{margin-top:.35rem}

/* Same compact chevron on native filters and disclosure controls. */
.archive-filters select{appearance:none;-webkit-appearance:none;padding-inline-end:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%239094a9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px 16px}
.archive-filters select:open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 10 4-4 4 4' fill='none' stroke='%239094a9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.archive summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding-inline:.25rem}
.archive summary::-webkit-details-marker{display:none}
.archive summary::marker{content:''}
.archive summary::after{content:'';width:7px;height:7px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:rotate(45deg);flex:none;margin-inline-end:.3rem;transition:transform .15s ease}
.archive details[open]>summary::after{transform:rotate(225deg)}
@media(prefers-reduced-motion:reduce){.archive summary::after{transition:none}}

.archive-screen-single{grid-template-columns:minmax(0,1fr);max-width:200px}
/* Fourteen compact, wrapping native toggle buttons instead of an app select. */
.archive-app-picker{border:0;padding:0;margin:1.25rem 0 0;min-width:0}
.archive-app-picker legend{font-weight:700;padding:0;font-size:1rem}
.archive-picker-help{margin:.25rem 0 .8rem;color:var(--text-secondary);font-size:.85rem}
.archive-app-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.archive-app-buttons button{font:inherit;font-size:.9rem;display:flex;align-items:center;text-align:start;gap:.5rem;min-width:0;min-height:48px;padding:.5rem .65rem;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:10px;cursor:pointer}
.archive-app-buttons img{flex:none;border-radius:7px}
.archive-app-buttons button>span:not(.archive-check){overflow-wrap:anywhere;min-width:0}
.archive-app-buttons button[aria-pressed=true]{border-color:var(--accent-warm);box-shadow:inset 0 0 0 1px var(--accent-warm);background:color-mix(in srgb,var(--accent-warm) 10%,var(--bg-surface))}
.archive-check{margin-inline-start:auto;flex:none;color:var(--accent-warm);opacity:0;font-weight:700;font-size:.8rem}
.archive-app-buttons button[aria-pressed=true] .archive-check{opacity:1}
.archive-selection{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.4rem 0;flex-wrap:wrap}
.archive-selection p{font-size:.85rem;color:var(--text-secondary);flex:1;min-width:min(100%,10rem);margin:0}
.archive-selection button{font:inherit;font-size:.85rem;background:none;color:var(--text-primary);border:0;text-decoration:underline;text-underline-offset:.2em;min-height:44px;padding:.5rem}
.archive-selection button:disabled{color:var(--text-muted);text-decoration:none;cursor:default}
.archive-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;padding:.5rem 0 1rem;border-bottom:1px solid var(--border-default)}
.archive-filters label:first-child{grid-column:auto}
@media(max-width:850px){.archive-app-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.archive-app-buttons{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.archive-app-buttons button{gap:.4rem;padding:.45rem .5rem}.archive-app-buttons img{width:24px;height:24px}.archive-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:.5rem}.archive-filters button{grid-column:1/-1}.archive-filters label{font-size:.85rem}.archive-filters select{padding-inline-start:.5rem;padding-inline-end:1.5rem;background-position:right .35rem center}}

/* Version journeys are compact disclosures, separate from dated evidence. */
.archive-journeys{margin:1.25rem 0 2rem;border-top:1px solid var(--border-default);padding-top:1rem}
.archive-journeys>h2{font-size:1.3rem;margin:0 0 .4rem;text-wrap:balance}
.journey-note,.journey-limit{font-size:.85rem;color:var(--text-secondary);line-height:1.65;overflow-wrap:anywhere}
.archive-journey{border-bottom:1px solid var(--border-default);padding:.25rem 0}
.archive-journey>summary{min-height:56px;gap:.75rem;justify-content:flex-start;font-weight:600;padding:.5rem 0}
.archive-journey>summary img{border-radius:7px;flex:none}
.archive-journey>summary>span{flex:1;min-width:0;text-wrap:pretty}
.archive-journey>summary>small{font-size:.75rem;font-weight:400;color:var(--text-muted);max-width:40%;text-align:end}
.archive-journey>summary::after{margin-inline-start:.25rem}
.journey-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;list-style:none;padding:0;margin:.75rem 0}
.journey-stages li{border-inline-start:2px solid var(--accent-warm);padding-inline-start:.8rem;min-width:0}
.journey-step{font-size:.75rem;font-weight:600;color:var(--accent-warm)}
.journey-stages h3{font-size:.95rem;margin:.35rem 0;overflow-wrap:anywhere;text-wrap:pretty}
.journey-stages p{font-size:.9rem;line-height:1.7;margin:0;text-wrap:pretty}
.journey-limit{padding:.65rem .8rem;background:var(--bg-surface);border-radius:8px}
.journey-sources{font-size:.8rem;color:var(--text-secondary);margin-bottom:.6rem}
.journey-sources ul{padding-inline-start:1.2rem;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:650px){.journey-stages{grid-template-columns:minmax(0,1fr);gap:1rem}.archive-journey>summary{flex-wrap:wrap}.archive-journey>summary>small{display:none}}