.notes-archive{padding-top:clamp(6.8rem,8vw,8rem)}.notes-archive .archive-header{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:1.5rem clamp(2rem,7vw,7rem);margin-bottom:2.5rem;padding-top:0;border-top:0;align-items:end}.notes-archive .breadcrumb,.notes-archive .archive-stats{grid-column:1 / -1}.notes-archive .archive-title{margin:.6rem 0 0;font-size:clamp(4rem,7vw,5.5rem);font-weight:400;letter-spacing:-.06em;line-height:.95}.notes-archive .archive-subtitle{margin-bottom:.8rem;font-family:Fraunces,IBM Plex Sans Thai,serif;font-size:clamp(1.7rem,3vw,2.8rem);font-weight:400;line-height:1.2}.notes-archive .archive-description{max-width:45ch;margin:0;font-size:1.05rem;line-height:1.7}.notes-archive .archive-stats{display:flex;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--border-strong);flex-wrap:wrap;gap:1.25rem 3rem}.notes-archive .archive-stat{display:flex;padding:0;border:0;align-items:baseline;gap:.65rem}.notes-archive .archive-stat-value{font-size:1.35rem;font-weight:400;font-variant-numeric:tabular-nums}.notes-archive .archive-stat-label{margin:0;font-size:.82rem;font-weight:400;letter-spacing:0;text-transform:none}.notes-archive .filter-bar{gap:.5rem 1.5rem}.notes-archive .filter-button{font-size:.95rem;font-weight:400;letter-spacing:0}.notes-archive .filter-count{font-size:.75rem}.notes-archive-lead{display:grid;padding-block:.8rem 3rem;border-bottom:1px solid var(--border-strong);gap:clamp(2rem,5vw,5rem)}.notes-archive-lead.has-media{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}.notes-lead-copy{max-width:58rem}.notes-archive-lead h2{max-width:23ch;margin:1rem 0 1.2rem;font-size:clamp(2.5rem,5.5vw,5.3rem);font-weight:400;letter-spacing:-.045em;line-height:1.06}.notes-archive-lead h2 a{color:inherit;text-decoration:none}.notes-archive-lead h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.notes-lead-excerpt{max-width:52ch;margin:0 0 1.5rem;color:var(--text-secondary);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.75}.notes-lead-meta{display:flex;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem 1.5rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.notes-lead-link{font-size:1rem;font-weight:400}.notes-lead-media{display:block;overflow:hidden;border:1px solid var(--border);background:var(--surface-muted)}.notes-lead-media img{width:100%;height:auto;max-height:32rem;object-fit:contain}.notes-archive-section{margin-top:clamp(3rem,7vw,6rem)}.notes-archive .notes-archive-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);margin-bottom:1.75rem;align-items:end}.notes-archive .notes-archive-heading h2{margin:0;font-size:clamp(1.85rem,3.4vw,3.1rem);font-weight:400;line-height:1.12}.notes-archive .notes-archive-heading p{max-width:45ch;margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.7}.notes-archive .note-row{grid-template-columns:2.5rem minmax(0,1fr) 9rem;gap:.65rem clamp(1rem,3vw,2.5rem);padding-block:1.7rem;align-items:baseline;transition:none}.notes-archive .note-row:hover{padding-inline:0;background:transparent}.notes-archive .note-row:hover .note-row-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.notes-archive .note-index{grid-column:1;grid-row:1;font-size:.95rem;font-weight:400;font-variant-numeric:tabular-nums}.notes-archive .note-date{grid-column:3;grid-row:1;font-size:.85rem;font-weight:400;letter-spacing:0;text-align:right;text-transform:none}.notes-archive .note-row-main{grid-column:2;grid-row:1}.notes-archive .note-row-title{max-width:42ch;margin-bottom:.55rem;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:400;line-height:1.25}.notes-archive .note-row-excerpt{max-width:68ch;font-size:1rem;line-height:1.75}.notes-archive .note-tags{grid-column:2;grid-row:2;font-size:.8rem;font-weight:400;letter-spacing:.025em;text-align:left;text-transform:none}.notes-archive-section.is-historical{margin-top:clamp(5rem,10vw,9rem)}.notes-archive-section.is-historical .note-row{padding-block:1.3rem}.notes-archive-section.is-historical .note-row-title{font-size:clamp(1.2rem,1.8vw,1.7rem)}.notes-archive-section.is-historical .note-row-excerpt{display:none}html[lang=th] .notes-archive .archive-title{font-size:clamp(3.5rem,7vw,5.5rem);letter-spacing:-.04em;line-height:1.3}html[lang=th] .notes-archive .archive-subtitle,html[lang=th] .notes-archive-lead h2,html[lang=th] .notes-archive .notes-archive-heading h2,html[lang=th] .notes-archive .note-row-title{font-family:IBM Plex Sans Thai,sans-serif;letter-spacing:0;line-height:1.45}@media(max-width:760px){.notes-archive .archive-header,.notes-archive-lead.has-media,.notes-archive .notes-archive-heading{grid-template-columns:1fr;align-items:start}.notes-archive .archive-title{font-size:clamp(2.5rem,12vw,3rem)}html[lang=th] .notes-archive .archive-title{font-size:clamp(2.25rem,11vw,3rem)}.notes-archive .archive-stats{margin-top:.5rem;gap:.8rem 1.5rem}.notes-archive-lead h2{font-size:clamp(2.35rem,10vw,4rem)}.notes-archive .note-row{grid-template-columns:1.75rem minmax(0,1fr);gap:.6rem 1rem;padding-block:1.5rem}.notes-archive .note-date{grid-column:2;grid-row:1;text-align:left}.notes-archive .note-row-main{grid-row:2}.notes-archive .note-tags{grid-row:3}.notes-archive .note-row-title{font-size:clamp(1.35rem,6vw,1.9rem)}}