@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=JetBrains+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400..600&display=swap');

.talvinder-writing-index{--writing-ink:#111416;--writing-paper:#f8fafc;--writing-line:#c8ced4;--writing-muted:#626b73;--writing-blue:#244ae8;background:var(--writing-paper);color:var(--writing-ink)}
.talvinder-writing-index #title-block-header,.talvinder-writing-index .article-author-card,.talvinder-writing-index .disagree-cta,.talvinder-writing-index .article-newsletter-cta,.talvinder-writing-index .author-bio{display:none!important}
.talvinder-writing-index main.content{max-width:none;padding:0}.talvinder-writing-index .page-columns{display:block}.talvinder-writing-index .column-page{width:100%;margin:0}
.writing-index-hero{min-height:480px;padding:clamp(4rem,7vw,7rem) clamp(1.4rem,5vw,5.5rem) 3rem;display:grid;grid-template-columns:.34fr 1fr;border-bottom:1px solid var(--writing-ink);font-family:"Instrument Sans",sans-serif}
.writing-index-hero>p{font:500 .67rem/1.4 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.1em}.writing-index-hero h1{align-self:end;max-width:850px;margin:0;border:0;font:560 clamp(3.5rem,6vw,6.5rem)/.94 "Instrument Sans",sans-serif;letter-spacing:-.045em}.writing-index-hero>div{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--writing-line)}.writing-index-hero>div p{max-width:35rem;margin:0;font-size:1.1rem;line-height:1.5}.writing-index-hero>div span{max-width:28rem;color:var(--writing-muted);font:400 .72rem/1.6 "JetBrains Mono",monospace;text-transform:uppercase}
.writing-filters{position:sticky;top:0;z-index:5;padding:0 clamp(1.4rem,5vw,5.5rem);display:flex;background:rgba(248,250,252,.96);border-bottom:1px solid var(--writing-ink);backdrop-filter:blur(10px)}.writing-filters button{min-height:58px;padding:0 1.5rem;border:0;border-right:1px solid var(--writing-line);background:transparent;color:var(--writing-ink);font:500 .68rem "JetBrains Mono",monospace;text-transform:uppercase;cursor:pointer}.writing-filters button:first-child{border-left:1px solid var(--writing-line)}.writing-filters button[aria-pressed="true"]{background:var(--writing-ink);color:var(--writing-paper)}.writing-filters button:focus-visible{outline:3px solid var(--writing-blue);outline-offset:-3px}
.writing-collection{padding:clamp(4rem,6vw,6rem) clamp(1.4rem,5vw,5.5rem);border-bottom:1px solid var(--writing-ink)}.writing-collection[hidden]{display:none}.writing-collection>h2{max-width:900px;margin:0 0 .75rem;border:0;font:550 clamp(2.7rem,4.5vw,4.8rem)/.98 "Instrument Sans",sans-serif;letter-spacing:-.04em}.writing-collection>p{max-width:48rem;margin:0 0 2.75rem;color:var(--writing-muted);font:400 1.05rem/1.55 "Instrument Sans",sans-serif}.writing-collection .quarto-listing{border-top:1px solid var(--writing-ink)}.writing-collection .quarto-post{padding:1.7rem 0!important;border-bottom:1px solid var(--writing-line)!important}.writing-collection .listing-title{font:500 clamp(1.55rem,2.4vw,2.5rem)/1.08 "Newsreader",serif!important;letter-spacing:-.025em}.writing-collection .listing-title a{color:var(--writing-ink);text-decoration:none}.writing-collection .listing-title a:hover{color:var(--writing-blue)}.writing-collection .listing-description{max-width:50rem;color:var(--writing-muted);font-family:"Instrument Sans",sans-serif}.writing-collection .listing-date,.writing-collection .listing-category{font-family:"JetBrains Mono",monospace!important;text-transform:uppercase;font-size:.62rem!important}
@media(max-width:760px){.writing-index-hero{min-height:420px;grid-template-columns:1fr;padding-top:4rem}.writing-index-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.writing-index-hero>div{grid-column:1;grid-template-columns:1fr;gap:1rem}.writing-filters{padding:0;overflow-x:auto}.writing-filters button{flex:0 0 auto;padding:0 1rem}.writing-collection{padding-top:3.5rem;padding-bottom:3.5rem}}