.writing-hero{background:var(--purple);color:var(--paper);padding:clamp(3.5rem,7vw,5rem) 0}.writing-hero__inner{align-items:end;gap:1.5rem;display:grid}.writing-hero .eyebrow{color:var(--green);margin:0 0 .8rem}.writing-hero h1{max-width:11ch;color:var(--paper);margin:0;font-size:clamp(2.8rem,7vw,4.4rem)}.writing-hero__intro{color:#ffffffdb;max-width:38rem;margin:1rem 0 0;font-size:clamp(1rem,2vw,1.15rem)}.writing-hero__tools{align-content:end;gap:.85rem;display:grid}.writing-index__search{gap:.45rem;max-width:24rem;display:grid}.writing-index__search span{color:var(--mist);font-weight:700}.writing-index__search input{background:#fffffff0;border-color:#ffffff38}.writing-hero__note{color:#ffffffc7;margin:0;font-size:.98rem}.writing-index{background:var(--paper)}.writing-index__list{border-top:1px solid var(--line);display:grid}.writing-index__empty{color:var(--muted);margin:1.5rem 0 0;font-size:.98rem}.writing-listing{border-bottom:1px solid var(--line)}.writing-listing__link{gap:.8rem;padding:1.5rem 0;text-decoration:none;display:grid}.writing-listing__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.95rem;display:flex}.writing-listing__meta .eyebrow{margin:0}.writing-listing__body{gap:.55rem;min-width:0;display:grid}.writing-listing h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.06}.writing-listing p:last-child{max-width:62ch;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.writing-listing__link:hover h2,.writing-listing__link:focus-visible h2{text-underline-offset:.2rem;text-decoration:underline}.writing-listing[hidden]{display:none}.writing-hero-date{color:var(--muted);font-size:.95rem}.writing-prose a[href^="http://"]:after,.writing-prose a[href^="https://"]:after{content:" ↗"}.writing-prose>:first-child{margin-top:0}.writing-prose>h1:first-child{display:none}.writing-prose h1{letter-spacing:-.03em;margin-top:2.4rem;font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.12}.writing-prose h2{letter-spacing:-.025em;margin-top:2.1rem;font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.15}.writing-prose h3{margin-top:1.7rem;font-size:clamp(1.05rem,1.45vw,1.2rem);line-height:1.2}.writing-prose__back{margin-top:2.5rem}@media (width>=48rem){.writing-hero__inner{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:2rem}.writing-listing__link{grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);align-items:start;gap:1.5rem}}