.archive-main{padding-top:.35rem;padding-bottom:4.5rem}.archive-head{border-bottom:1px solid color-mix(in srgb, var(--border) 30%, transparent);justify-content:space-between;align-items:end;gap:1.5rem;margin:.4rem 0 2rem;padding-bottom:1.45rem;display:flex}.archive-kicker,.index-label,.archive-summary,.year-heading span,.month-count,.month-entries time,.entry-tag{font-family:var(--font-cartograph), ui-monospace, monospace}.archive-kicker{color:var(--accent);letter-spacing:.08em;margin:0 0 .55rem;font-size:.72rem;font-weight:600}.archive-head h1{color:var(--foreground);letter-spacing:-.035em;margin:0;font-size:clamp(1.9rem,3.5vw,2.4rem);font-weight:700;line-height:1.15}.archive-description{color:color-mix(in srgb, var(--foreground) 62%, transparent);margin:.65rem 0 0;font-size:.93rem;line-height:1.65}.archive-summary{color:color-mix(in srgb, var(--foreground) 55%, transparent);white-space:nowrap;flex:none;align-items:baseline;gap:.25rem;padding-bottom:.15rem;font-size:.72rem;display:flex}.archive-summary strong{color:var(--accent);font-size:1.08rem;font-weight:700}.summary-separator{color:color-mix(in srgb, var(--foreground) 22%, transparent);margin:0 .35rem}.archive-layout{grid-template-columns:9.25rem minmax(0,1fr);align-items:start;gap:1.6rem;display:grid}.year-index{padding-top:.45rem;position:sticky;top:6rem}.index-label{color:color-mix(in srgb, var(--foreground) 45%, transparent);letter-spacing:.08em;margin-bottom:.7rem;font-size:.66rem;display:block}.year-index ol,.month-entries{margin:0;padding:0;list-style:none}.year-index a{color:color-mix(in srgb, var(--foreground) 65%, transparent);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.year-index a:hover,.year-index a:focus-visible,.year-index a[aria-current]{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--accent)}.year-index small{color:color-mix(in srgb, var(--foreground) 45%, transparent);font-size:.69rem;font-weight:400}.archive-years{gap:1.1rem;min-width:0;display:grid}.year-section{border:1px solid color-mix(in srgb, var(--border) 24%, transparent);background:color-mix(in srgb, var(--background) 80%, var(--surface));box-shadow:0 5px 22px -20px color-mix(in srgb, var(--foreground) 24%, transparent);border-radius:1rem;padding:1.35rem 1.55rem 1.5rem;scroll-margin-top:5.5rem}.year-heading{border-bottom:1px solid color-mix(in srgb, var(--border) 23%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.7rem;display:flex}.year-heading h2{color:var(--accent);font-family:var(--font-cartograph), ui-monospace, monospace;letter-spacing:-.045em;margin:0;font-size:1.65rem;font-weight:700;line-height:1.2}.year-heading span{color:color-mix(in srgb, var(--foreground) 43%, transparent);font-size:.7rem}.year-months{display:grid}.month-group{grid-template-columns:4.2rem minmax(0,1fr);gap:.9rem;padding-top:1.05rem;display:grid}.month-heading{padding-top:.37rem}.month-heading h3{color:var(--foreground);font-family:var(--font-cartograph), ui-monospace, monospace;margin:0;font-size:.93rem;font-weight:700}.month-heading h3 span{color:color-mix(in srgb, var(--foreground) 52%, transparent);font-family:var(--font-app);font-size:.7rem;font-weight:400}.month-count{color:color-mix(in srgb, var(--foreground) 42%, transparent);font-size:.65rem}.month-entries{border-top:1px solid color-mix(in srgb, var(--border) 17%, transparent);min-width:0}.month-entries li{border-bottom:1px solid color-mix(in srgb, var(--border) 17%, transparent)}.month-entries a{min-height:3.35rem;color:var(--foreground);border-radius:.35rem;grid-template-columns:1.7rem minmax(0,1fr) auto .9rem;align-items:center;gap:.7rem;padding:.55rem .35rem;text-decoration:none;transition:background .2s,padding-left .2s;display:grid}.month-entries a:hover,.month-entries a:focus-visible{background:color-mix(in srgb, var(--accent) 5%, transparent);padding-left:.6rem}.month-entries time{color:color-mix(in srgb, var(--foreground) 43%, transparent);font-size:.72rem}.entry-title{min-width:0;font-size:.83rem;font-weight:560;line-height:1.5}.month-entries a:hover .entry-title,.month-entries a:focus-visible .entry-title{color:var(--accent)}.entry-tag{max-width:6.5rem;color:color-mix(in srgb, var(--foreground) 42%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.entry-arrow{color:var(--accent);font-size:.76rem}@media (width<=760px){.archive-head{display:block}.archive-summary{margin-top:1rem}.archive-layout{display:block}.year-index{margin-bottom:1.1rem;padding:0;position:static}.year-index ol{gap:.4rem;display:flex;overflow-x:auto}.year-index a{border:1px solid color-mix(in srgb, var(--border) 25%, transparent);white-space:nowrap;border-radius:.55rem;gap:.6rem}.year-index a[aria-current],.year-index a:hover,.year-index a:focus-visible{border-color:color-mix(in srgb, var(--accent) 30%, transparent)}}@media (width<=480px){.year-section{padding:1.1rem .95rem}.month-group{grid-template-columns:2.9rem minmax(0,1fr);gap:.35rem}.month-entries a{grid-template-columns:1.5rem minmax(0,1fr) .8rem;gap:.45rem;min-height:3rem}.entry-tag{display:none}}html[data-theme=dark] .archive-summary,html[data-theme=dark] .index-label,html[data-theme=dark] .year-index small,html[data-theme=dark] .year-heading span,html[data-theme=dark] .month-count,html[data-theme=dark] .month-entries time,html[data-theme=dark] .entry-tag{color:color-mix(in srgb, var(--foreground) 68%, transparent)}
