.archive{width:var(--shell);margin:0 auto 150px}
.archive-tools{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.archive-tools h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0}
.note-filters{display:flex;gap:8px;flex-wrap:wrap}
.note-filters button{min-height:40px;border:1px solid var(--rule);border-radius:999px;background:transparent;padding:10px 14px;color:var(--ink);font:10px var(--mono);cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.note-filters button:hover{border-color:var(--ink);background:rgba(255,255,255,.55);transform:translateY(-1px)}
.note-filters button span{opacity:.5;margin-left:7px}
.note-filters button.active{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:500;box-shadow:inset 0 0 0 1px var(--ink)}
.note-filters button.active span{opacity:.8}
.note-filters button:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
.notes-list{width:100%;margin:0;border-top:1px solid var(--rule)}
.note-row[hidden]{display:none}
.note-topic{color:var(--wine);font-weight:650}
.wiki-accent{--wine:#3366cc}
.field-notes-montage{position:relative;width:100%;height:100%;min-height:112px}
.field-notes-montage i{position:absolute;display:block;width:42%;height:58%;border:1px solid rgba(17,17,17,.22);background:#f6f3ec;box-shadow:0 8px 18px rgba(0,0,0,.11)}
.field-notes-montage i:after{content:"";position:absolute;left:12%;right:12%;top:22%;height:2px;background:#74192b;box-shadow:0 9px #bbb,0 18px #bbb}
.field-notes-montage i:nth-child(1){left:6%;top:10%;transform:rotate(-5deg)}
.field-notes-montage i:nth-child(2){left:31%;top:22%;transform:rotate(3deg);background:#e8eefb}
.field-notes-montage i:nth-child(2):after{background:#3366cc}
.field-notes-montage i:nth-child(3){right:3%;top:4%;transform:rotate(7deg);background:#111}
.field-notes-montage i:nth-child(3):after{background:#fff;box-shadow:0 9px #777,0 18px #777}
@media(max-width:760px){.archive-tools{display:grid;align-items:start}.note-filters{justify-content:flex-start}}
@media(max-width:620px){.archive-tools{display:grid}
.note-filters button{min-height:44px}
}