.writing-page{background:var(--ctw-color-surface)}.writing-main{padding-block:clamp(var(--ctw-space-7), 8vw, var(--ctw-space-9))}.writing-index__header,.writing-article{max-width:72rem}.writing-index__header{max-width:58rem;margin-bottom:clamp(2rem,5vw,4rem)}.writing-index__header h1{letter-spacing:-.075em;margin:.1em 0 .2em;font-size:clamp(4.75rem,12vw,9rem);line-height:.85}.writing-index__header .ctw-lede{text-wrap:pretty;max-width:48rem;margin:0}.writing-feature{border-block:1px solid var(--ctw-color-border)}.writing-feature__link{color:var(--ctw-color-text);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:clamp(1rem,2.5vw,2rem);text-decoration:none;display:grid}.writing-feature__media{background:var(--ctw-color-surface-raised);display:block;overflow:hidden}.writing-feature__media img{width:100%;height:auto;display:block}.writing-feature__copy{justify-items:start;gap:clamp(1rem,2vw,1.5rem);display:grid}.writing-feature__eyebrow{color:var(--ctw-color-action);flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.writing-feature__eyebrow time{color:var(--ctw-color-text-muted)}.writing-feature__title{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;font-size:clamp(2.1rem,4vw,4.25rem);font-weight:700;line-height:.98}.writing-feature__excerpt{max-width:38ch;color:var(--ctw-color-text-muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5}.writing-feature__action{border-bottom:1px solid var(--ctw-color-action);color:var(--ctw-color-action);padding-bottom:.3rem;font-weight:650}.writing-feature__link:hover .writing-feature__action,.writing-feature__link:focus-visible .writing-feature__action{border-bottom-width:3px}.writing-feature__link:focus-visible{outline:3px solid var(--ctw-color-focus);outline-offset:3px}.writing-archive{padding-top:clamp(3rem,7vw,6rem)}.writing-archive__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.writing-archive__heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4rem)}.writing-archive__heading .ctw-meta{color:var(--ctw-color-text-muted)}.writing-index__list{border-top:1px solid var(--ctw-color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.5rem,5vw,5rem);margin:0;padding:0;list-style:none;display:grid}.writing-index__item{border-bottom:1px solid var(--ctw-color-border)}.writing-index__item>a{gap:var(--ctw-space-4);min-height:10rem;padding-block:var(--ctw-space-5);color:var(--ctw-color-text);align-content:start;text-decoration:none;display:grid}.writing-index__item>a:hover .writing-index__title{color:var(--ctw-color-action)}.writing-index__item>a:focus-visible{outline:3px solid var(--ctw-color-focus);outline-offset:-3px}.writing-index__title{letter-spacing:-.025em;max-width:28ch;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:650;line-height:1.15}.writing-index__title span{color:var(--ctw-color-action);font-size:.7em}.writing-index__meta{color:var(--ctw-color-text-muted)}.writing-article{margin-inline:auto}.writing-article__header{max-width:48rem;margin-bottom:var(--ctw-space-8)}.writing-article__header h1{margin-block:var(--ctw-space-5);letter-spacing:-.045em;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1.02}.writing-article__meta{gap:var(--ctw-space-2);margin-top:var(--ctw-space-6);flex-wrap:wrap;display:flex}.writing-article__cover{width:100%;max-height:42rem;margin-bottom:var(--ctw-space-8);object-fit:cover;display:block}.writing-prose{overflow-wrap:anywhere;max-width:70ch;font-size:1.0625rem;line-height:1.7}.writing-prose :is(h2,h3,h4){text-wrap:balance;margin-block:2em .65em;line-height:1.2}.writing-prose :is(p,ul,ol,blockquote,pre,table,figure,video){margin-block:1.25em}.writing-prose a{color:var(--ctw-color-action);text-underline-offset:.2em}.writing-prose :is(img,video){max-width:100%;height:auto;display:block}.writing-prose img.writing-sketch{width:auto;max-height:36rem;margin-inline:auto}.writing-prose video.writing-clip{background:var(--ctw-color-surface-raised);width:100%;max-width:37.5rem;margin-inline:auto}.writing-prose figure{margin-inline:0}.writing-comparison{gap:var(--ctw-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.writing-comparison figcaption{grid-column:1/-1}.writing-prose figcaption{margin-top:var(--ctw-space-2);color:var(--ctw-color-text-muted);font-size:.875rem}.writing-prose :is(pre,table){max-width:100%;overflow-x:auto}.writing-prose pre{padding:var(--ctw-space-5);border:1px solid var(--ctw-color-border);background:var(--ctw-color-surface-raised);font-size:.875rem;line-height:1.55}.writing-prose code{overflow-wrap:anywhere;font-family:var(--ctw-font-mono)}.writing-prose pre code{overflow-wrap:normal}.writing-prose table{border-collapse:collapse;width:100%;display:block}.writing-prose :is(th,td){padding:var(--ctw-space-3) var(--ctw-space-4);border:1px solid var(--ctw-color-border);text-align:left;vertical-align:top}.writing-prose table.writing-data-table{overflow-wrap:normal;font-size:.9375rem;display:table}.writing-data-table caption{caption-side:bottom;padding-top:var(--ctw-space-2);color:var(--ctw-color-text-muted);text-align:left;font-size:.875rem}.writing-data-table thead th{background:var(--ctw-color-surface-raised)}.writing-prose blockquote{padding-left:var(--ctw-space-5);border-left:3px solid var(--ctw-color-action);color:var(--ctw-color-text-muted);margin-inline:0}@media (width<=47.99rem){.writing-index__header h1{font-size:clamp(4.25rem,18vw,6rem)}.writing-feature__link,.writing-index__list{grid-template-columns:1fr}.writing-feature__link{gap:var(--ctw-space-6);padding-block:var(--ctw-space-4) var(--ctw-space-7)}.writing-feature__title{font-size:clamp(2rem,9vw,3rem)}.writing-index__item>a{min-height:auto}.writing-prose table.writing-data-table,.writing-data-table :is(tbody,tr,th,td){display:block}.writing-data-table caption{padding:0 0 var(--ctw-space-3);display:block}.writing-data-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.writing-data-table tr{border:1px solid var(--ctw-color-border)}.writing-data-table tr+tr{border-top:0}.writing-prose .writing-data-table :is(th,td){border:0}.writing-data-table tbody th{background:var(--ctw-color-surface-raised)}.writing-data-table td:before{content:attr(data-label);color:var(--ctw-color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:block}.writing-comparison{grid-template-columns:1fr}}
