.reading{--reading-accent:#f7c85e;--reading-muted:#52676d;max-width:1300px;min-height:calc(100vh - 205px);padding:clamp(2.7rem, 5.2vw, 5.3rem) var(--gutter) clamp(2.8rem, 7vw, 5.8rem);margin-inline:auto}.reading[data-reading-accent=pink]{--reading-accent:#f1c2cd}.reading[data-reading-accent=mint]{--reading-accent:#c8e5da}.reading[data-reading-accent=violet]{--reading-accent:#dadcf0}.reading-head{border-bottom:1px solid var(--hair);margin-bottom:clamp(1.6rem,4vw,2.8rem);padding-bottom:1.5rem;position:relative}.reading-head:after{content:"";background:var(--reading-accent);pointer-events:none;width:min(24%,180px);height:4px;position:absolute;bottom:-2px;left:0;transform:skew(-28deg)}.reading-path{flex-wrap:wrap;align-items:center;gap:.55rem 1.15rem;display:flex}.reading-back,.reading-label,.archive-tech,.reading-data dt,.archive-count,.note-meta{color:var(--reading-muted);font:750 .75rem/1.6 var(--mono)}.reading-back{text-underline-offset:.3em;align-items:center;gap:.45rem;min-height:28px;text-decoration-color:#9facaa;display:inline-flex}.reading-back:hover{color:var(--ink)}.reading-label{letter-spacing:.085em}.reading-path .reading-label{background:var(--reading-accent);color:var(--ink);clip-path:polygon(7px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 7px);padding:.2rem .7rem}.reading-head h1{letter-spacing:-.058em;overflow-wrap:anywhere;margin:.65rem 0 0;font-size:clamp(2.1rem,6.3vw,5.3rem);line-height:1.08}.reading-intro{max-width:58ch;color:var(--reading-muted);margin:.8rem 0 0;font-size:clamp(.96rem,1.65vw,1.15rem);line-height:1.8}.reading-head .reading-action{margin-top:1.15rem}.reading-action{background:var(--reading-accent);min-height:44px;color:var(--ink);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s ease;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem 1.05rem;font-size:.83rem;font-weight:820;text-decoration:none;display:inline-flex;box-shadow:4px 4px #1a26301f}.reading-action:hover{border-color:#7a8a8a;transform:translate(-2px,-2px);box-shadow:6px 6px #1a26301f}.reading-action:active{transform:translate(2px,2px);box-shadow:2px 2px #1a26301f}.reading-action-quiet{background:var(--card);border-color:#b8c1bd}.reading-actions,.tool-actions{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.archive-filters{grid-template-columns:minmax(10rem,20rem) minmax(8rem,12rem) 1fr;align-items:end;gap:.8rem 1.15rem;margin-bottom:1.6rem;display:grid}.archive-filters label{gap:.38rem;font-size:.83rem;font-weight:730;display:grid}.archive-filters input,.archive-filters select{background:var(--card);width:100%;min-width:0;min-height:44px;color:var(--ink);border:1px solid #a5b3ae;border-radius:0;margin:0;padding:.52rem .7rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.25}.archive-filters input:focus-visible{outline-offset:3px;outline:3px solid #9b4871}.archive-count{margin:0 0 .75rem}.archive-list{border-top:1px solid var(--hair);margin:0;padding:0;list-style:none}.archive-row,.tool-row{border-bottom:1px solid var(--hair);grid-template-columns:clamp(4.5rem,8vw,7rem) minmax(0,1fr) 1.5rem;align-items:center;gap:clamp(.75rem,2.5vw,2rem);padding:clamp(.85rem,2.1vw,1.25rem) clamp(.2rem,1.4vw,.9rem);text-decoration:none;transition:background-color .2s;display:grid}.archive-row:hover,.archive-row:focus-visible,.tool-row:focus-within{background:var(--card)}.text-row,.tool-row{grid-template-columns:minmax(0,1fr) auto;min-height:6.6rem}.archive-thumb{aspect-ratio:500/470;background:var(--reading-accent);transition:transform .25s var(--ease-out);border:3px solid #fff;display:block;overflow:hidden;transform:rotate(-3deg);box-shadow:3px 3px #2a404524}.archive-row:hover .archive-thumb,.archive-row:focus-visible .archive-thumb{transform:rotate(-1deg)translateY(-2px)}.archive-thumb img,.story-cover img{width:100%;height:auto;display:block}.archive-copy h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:.22rem 0;font-size:clamp(1.08rem,2.25vw,1.65rem);line-height:1.23}.archive-copy h2 a{text-underline-offset:.18em}.archive-copy p{color:var(--reading-muted);margin:.2rem 0;font-size:.94rem;line-height:1.6}.archive-tech{margin-top:.45rem;display:block}.row-arrow{color:var(--reading-muted);font:700 1.4rem var(--mono);transition:transform .2s var(--ease-out);justify-self:end}.archive-row:hover .row-arrow,.archive-row:focus-visible .row-arrow{transform:translate(.25rem)}.story-grid{grid-template-columns:minmax(0,1.6fr) minmax(13rem,.85fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.story-cover{background:var(--reading-accent);max-width:25rem;box-shadow:9px 9px 0 #dce7e2, var(--shadow);border:clamp(4px,.75vw,8px) solid #fff;margin:.3rem .6rem .75rem;transform:rotate(-4deg)skew(-1deg)}.reading-data{border-top:1px solid var(--hair);margin:1.9rem 0 1.15rem}.reading-data div{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;padding:.6rem 0;display:flex}.reading-data dd{margin:0;font-size:.89rem;font-weight:750}.reading-prose{overflow-wrap:break-word;max-width:72ch;font-size:clamp(.98rem,1.65vw,1.1rem);line-height:1.85}.reading-prose>:first-child{margin-top:0}.reading-prose h2{letter-spacing:-.035em;margin:1.7em 0 .5em;font-size:1.4em;line-height:1.35}.reading-prose h3{margin:1.4em 0 .45em}.reading-prose p,.reading-prose ul,.reading-prose ol{margin:0 0 1.1em}.reading-prose ul,.reading-prose ol{padding-inline-start:1.35em}.reading-prose a{text-underline-offset:.22em;text-decoration-color:#907296}.reading-prose a:hover{text-decoration-thickness:.16em}.reading-prose a.reading-action{text-decoration:none}.reading-prose code{font-family:var(--mono);font-size:.9em}.reading-prose :not(pre)>code{background:#edeeea;padding:.15em .3em}.reading-prose pre{border-left:4px solid var(--reading-accent);max-width:100%;font:.91rem/1.65 var(--mono);margin:1rem 0 1.45rem;padding:.95rem 1.12rem;overflow:auto}.reading-prose table{border-collapse:collapse;overflow-wrap:anywhere;width:100%;font-size:.9em}.reading-prose td,.reading-prose th{border:1px solid var(--hair);text-align:start;padding:.45rem .65rem}.reading-prose th{background:var(--card)}.reading-prose th:first-child{white-space:nowrap}.note-meta{flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1rem;display:flex}.contact-list{border-top:1px solid var(--hair);max-width:49rem;margin:0}.contact-list div{border-bottom:1px solid var(--hair);padding:1.2rem 0}.contact-list dt{color:var(--reading-muted);font:750 .75rem var(--mono)}.contact-list dd{margin:.25rem 0 0;font-size:clamp(1.2rem,4vw,2.5rem);font-weight:780}.contact-list a{text-underline-offset:.19em;text-decoration-color:#ae889e}.reading .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=670px){.reading-head{padding-bottom:1.15rem}.story-grid{grid-template-columns:minmax(0,1fr)}.story-cover{width:min(75%,19rem);margin-left:.75rem}.archive-filters{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.archive-count{grid-column:1/-1;margin:0}.archive-row{grid-template-columns:4.4rem minmax(0,1fr) 1.05rem}.text-row,.tool-row{grid-template-columns:minmax(0,1fr) auto}.archive-copy p{font-size:.88rem}.row-arrow{font-size:1rem}}@media (width<=450px){.tool-row{grid-template-columns:minmax(0,1fr)}.reading-prose pre{overflow-wrap:anywhere;white-space:pre-wrap}.reading-prose th,.reading-prose td{padding-inline:.4rem}}