.articles-page{background:0 0}body.article-category-drawer-open{overflow:hidden}.article-browser{min-height:calc(100svh - var(--header-height))}.article-browser__grid{width:min(100% - (var(--article-reading-page-gutter) * 2), 80rem);grid-template-columns:minmax(0, 1fr) var(--article-browser-sidebar-width);align-items:start;gap:var(--article-browser-column-gap);margin-inline:auto;padding-block:clamp(1.25rem,3vw,2.5rem) clamp(5rem,9vw,8rem);display:grid}.article-browser__main{min-width:0;container-type:inline-size}.article-browser__mobile-toolbar{display:none}.article-browser__category-trigger{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-canvas);min-height:2.6rem;color:var(--color-brand-slate);font:inherit;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.article-browser__category-trigger>span{border-block:1.5px solid;width:1rem;height:.72rem;display:inline-block;position:relative}.article-browser__category-trigger>span:after{content:"";border-block-start:1.5px solid;position:absolute;inset:50% 0 auto}.article-browser__overlay{display:none}.article-browser__sidebar{max-height:calc(100svh - var(--header-height) - 2rem);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-canvas) 96%, var(--color-paper));position:sticky;inset-block-start:1rem;overflow-y:auto;box-shadow:0 1rem 2.8rem #24303d14}.article-browser__sidebar-header{border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.9rem 1rem;display:flex}.article-browser__sidebar-header h2{color:var(--color-ink);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:650}.article-browser__sidebar-close{border:1px solid var(--color-border);background:var(--color-canvas);width:2.25rem;height:2.25rem;color:var(--color-brand-slate);border-radius:50%;place-items:center;padding:0;display:none}.article-browser__sidebar-close span,.article-browser__sidebar-close span:after{border-block-start:1.5px solid;width:.9rem;display:block;rotate:45deg}.article-browser__sidebar-close span:after{content:"";rotate:90deg}.article-category-tree,.article-category-tree ul{margin:0;padding:0;list-style:none;display:grid}.article-category-tree{gap:.2rem;padding:.65rem}.article-category-tree ul{padding-block:.15rem .45rem}.article-category-tree li[hidden]{display:none}.article-category-tree a,.article-category-tree__group-row>span{min-height:2.5rem;color:var(--color-ink);border-radius:.45rem;align-items:center;padding:.55rem .65rem;font-size:.86rem;line-height:1.4;text-decoration:none;display:flex}.article-category-tree a:hover{background:var(--color-paper)}.article-category-tree a[aria-current=page]{background:color-mix(in srgb, var(--color-brand-gold) 20%, var(--color-canvas));box-shadow:inset .2rem 0 var(--color-brand-gold);color:var(--color-ink);font-weight:650}.article-category-tree__group-row{grid-template-columns:minmax(0,1fr) 2.4rem;align-items:center;display:grid}.article-category-tree__group-row>a,.article-category-tree__group-row>span{font-weight:650}.article-category-tree__group-row button{width:2.2rem;height:2.2rem;color:var(--color-brand-slate);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.article-category-tree__group-row button:hover{background:var(--color-paper)}.article-category-tree__group-row button span,.article-category-tree__group-row button span:after{border-block-start:1.5px solid;width:.7rem;display:block}.article-category-tree__group-row button span:after{content:"";transition:rotate .15s;rotate:90deg}.article-category-tree__group-row button[aria-expanded=true] span:after{rotate:0deg}.article-category-tree__group[data-collapsed]>ul{display:none}.article-category-tree__group ul a{min-height:2.25rem;color:var(--color-ink-muted);padding-inline-start:1.15rem;font-size:.8rem}.article-index__header{padding:clamp(1.25rem,4vw,2.25rem) 0 clamp(1.5rem,4vw,2.5rem)}.article-index__title-row,.article-detail__title-row{justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;min-width:0;display:flex}.article-index__title-row h1,.article-detail__title-row h1{flex:auto;min-width:0}.article-index__header>p:first-child,.article-category-panel__header p,.article-detail__category{color:var(--color-brand-slate);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:650}.article-category-panel[hidden]{display:none}.article-category-panel__header{border-block-end:1px solid var(--color-border);margin-block-end:1.15rem;padding-block-end:.85rem}.article-category-panel__header h2{color:var(--color-ink);letter-spacing:-.035em;margin:.35rem 0 0;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:600}.article-category-panel__empty,.article-activity-preview__status{border:1px dashed var(--color-border);border-radius:var(--radius-small);color:var(--color-ink-muted);margin:1rem 0 0;padding:1rem}.article-list{gap:1rem;display:grid}.article-filters{font-size:var(--type-meta-size);flex-wrap:wrap;align-items:end;gap:.75rem;margin-block-end:1.5rem;display:flex}.article-filters label{flex:10rem;gap:.35rem;min-width:0;display:grid}.article-filters :is(input,select),.article-filters button,.article-pagination button,.article-catalog-retry,[data-article-index-retry]{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-canvas);min-width:0;min-height:2.75rem;color:var(--color-ink);font-size:var(--type-ui-body);padding:.5rem .75rem}.article-tag-dialog{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-canvas);width:min(38rem,100% - 2rem);max-height:min(42rem,100dvh - 2rem);color:var(--color-ink);padding:0;overflow:hidden;box-shadow:0 1.5rem 4rem #24303d2e}.article-tag-dialog::backdrop{background:#0f172a8c}.article-tag-dialog>header,.article-tag-dialog>footer{align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.article-tag-dialog>header{border-block-end:1px solid var(--color-border);justify-content:space-between}.article-tag-dialog>header h2{margin:0;font-size:1rem;font-weight:650}.article-tag-dialog>header button{width:2rem;min-height:2rem;color:var(--color-brand-slate);background:0 0;border:0;padding:0;font-size:1.25rem}.article-tag-dialog>footer{border-block-start:1px solid var(--color-border)}.article-tag-dialog>footer span{flex:1}.article-tag-dialog>footer button,.article-tag-dialog__content input,.article-tag-dialog__mode button,.article-tag-dialog__locale button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-canvas);min-height:2.5rem;color:var(--color-ink);font:inherit;font-size:var(--type-ui-body);padding:.45rem .7rem}.article-tag-dialog__content{gap:1rem;max-height:calc(100dvh - 11rem);padding:1rem 1.25rem;display:grid;overflow-y:auto}.article-tag-dialog__content>label{font-size:var(--type-meta-size);gap:.35rem;display:grid}.article-tag-dialog__content fieldset{border:1px solid var(--color-border);border-radius:var(--radius-small);margin:0;padding:.75rem}.article-tag-dialog__content legend{font-size:var(--type-meta-size);padding-inline:.25rem;font-weight:600}.article-tag-dialog__mode,.article-tag-dialog__locale{border:1px solid var(--color-border);border-radius:.4rem;width:fit-content;display:inline-flex;overflow:hidden}.article-tag-dialog__mode button,.article-tag-dialog__locale button{background:0 0;border:0;border-radius:0;min-height:1.9rem;padding:.2rem .6rem;font-size:.7rem}.article-tag-dialog__mode button+button,.article-tag-dialog__locale button+button{border-inline-start:1px solid var(--color-border)}.article-tag-dialog__mode button[aria-pressed=true],.article-tag-dialog__locale button[aria-pressed=true]{background:var(--color-brand-slate);color:#fff}.article-tag-dialog__choices{flex-wrap:wrap;align-items:center;gap:.375rem .75rem;display:flex}.article-tag-dialog__choices label{white-space:nowrap;align-items:center;gap:.3rem;min-height:1.75rem;font-size:.7rem;display:inline-flex}.article-tag-dialog__choices input[type=checkbox]{width:.875rem;height:.875rem;margin:0}.article-pagination:not([hidden]){flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-block-start:1.5rem;display:flex}.article-pagination button:disabled{opacity:.5;cursor:default}.article-card__tags{font-size:var(--type-meta-size);flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;display:flex}.article-category-count{font-variant-numeric:tabular-nums;color:var(--color-ink-muted);margin-inline-start:auto;padding-inline-start:.5rem}.article-catalog-status{font-size:var(--type-meta-size);padding-inline:1rem}.article-catalog-retry{margin:0 1rem 1rem}.article-breadcrumb{color:var(--color-ink-muted);font-size:var(--type-meta-size)}.article-breadcrumb ol{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.article-breadcrumb li+li:before{content:"›";margin-inline-end:.5rem}.article-card{min-width:0}.article-card__link{border:1px solid var(--color-border);border-radius:var(--radius-medium);min-height:10.5rem;color:inherit;background:0 0;grid-template-columns:minmax(0,13rem) minmax(0,1fr);text-decoration:none;transition:translate .16s,border-color .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 .8rem 2.2rem #24303d0f}.article-card__link:hover{border-color:color-mix(in srgb, var(--color-brand-slate) 45%, var(--color-border));translate:0 -.15rem;box-shadow:0 1.1rem 2.5rem #24303d1a}.article-card:not(:has(.article-card__media)) .article-card__link,.article-card--activity .article-card__link{grid-template-columns:minmax(0,1fr)}.article-card__media{background:0 0;min-height:100%;overflow:hidden}.article-card__media img{object-fit:cover;width:100%;height:100%;min-height:10.5rem;display:block}.article-card__body{align-content:start;gap:.55rem;min-width:0;padding:.75rem;display:grid}.article-card__category{color:var(--color-brand-slate);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:650}.article-card h3{color:var(--color-ink);font-size:var(--type-card-title);margin:0;font-weight:600;line-height:1.375}.article-card__description{color:var(--color-ink-muted);font-size:var(--type-ui-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card__meta,.article-detail__meta{color:var(--color-ink-muted);font-size:var(--type-meta-size);line-height:var(--type-meta-leading);flex-wrap:wrap;gap:.4rem 1.2rem;margin:0;display:flex}.article-card__meta div,.article-detail__meta div{gap:.35rem;display:flex}.article-card__meta dt,.article-detail__meta dt{color:var(--color-brand-slate);font-weight:650}.article-card__meta dd,.article-detail__meta dd{margin:0}.article-card__cta{width:fit-content;color:var(--color-gold-ink);margin-block-start:.15rem;font-size:.8rem;font-weight:650}.article-activity-preview:not([hidden]){gap:1rem;margin-block-start:1rem;display:grid}.article-activity-preview__heading{color:var(--color-ink);margin:1.25rem 0 .65rem;font-size:1.1rem}.article-detail{width:min(100%, var(--article-reading-width));margin-inline:auto}.article-detail__return{width:fit-content;color:var(--color-brand-slate);align-items:center;gap:.5rem;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.article-detail__footer-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.article-detail__feedback{color:var(--color-ink-muted);font-size:var(--type-meta-size);text-underline-offset:.15em;text-decoration:underline}.article-detail__header{border-block-end:1px solid var(--color-border);padding-block:2rem 1.5rem}.article-detail__header h1{max-width:100%;color:var(--color-ink);font-size:var(--type-article-title);letter-spacing:-.015em;font-weight:600;line-height:var(--type-article-title-leading);margin:0}.article-detail__title-row .email-subscription-trigger,.article-index__title-row .email-subscription-trigger{flex:none;margin-block-start:.15rem}.article-detail__description{max-width:42rem;color:var(--color-ink-muted);font-size:var(--type-ui-body);margin:1.25rem 0 0;line-height:1.5}.article-detail__footer{border-block-start:1px solid var(--color-border);padding-block:1rem 1.5rem}.article-detail__meta{gap:.65rem;margin:0 0 1rem;display:grid}.article-detail__meta a{color:var(--color-brand-slate)}.article-detail__meta>div{flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;display:flex}.article-detail__meta-dates dt:nth-of-type(2){margin-inline-start:.8rem}.article-detail__meta-wide{width:100%}.article-detail__category-path{flex-wrap:wrap;gap:.35rem;display:inline-flex}.article-detail__category-path span{color:var(--color-ink-muted)}.article-detail__tags{flex-wrap:wrap;gap:.35rem .55rem;display:inline-flex}.article-tag__symbol{font-variant-numeric:tabular-nums;font-weight:700}.article-detail__body{color:var(--color-ink-muted);padding-block:1.5rem}.notion-article{color:var(--color-ink-muted);display:block}.notion-article:not(:where(.tailwind-prose *)) h2,.notion-article:not(:where(.tailwind-prose *)) h3,.notion-article:not(:where(.tailwind-prose *)) h4,.notion-article:not(:where(.tailwind-prose *)) p,.notion-article:not(:where(.tailwind-prose *)) ul,.notion-article:not(:where(.tailwind-prose *)) ol,.notion-article:not(:where(.tailwind-prose *)) figure,.notion-article:not(:where(.tailwind-prose *)) blockquote,.notion-article:not(:where(.tailwind-prose *)) pre{margin:0}.notion-article h2,.notion-article h3,.notion-article h4,.notion-article strong{color:var(--color-ink)}.notion-article a{color:var(--color-focus);overflow-wrap:anywhere;text-underline-offset:.2em}.notion-article img{border:1px solid var(--color-border);border-radius:var(--radius-medium);width:100%;height:auto;display:block}.notion-article figcaption{color:var(--color-brand-slate);text-align:center}.notion-article:not(:where(.tailwind-prose *)) figcaption{margin-block-start:.6rem;font-size:.82rem}.notion-article blockquote,.notion-article aside{border-inline-start:.25rem solid var(--color-brand-gold);background:var(--color-paper);padding:1rem 1.2rem}.notion-article:not(:where(.tailwind-prose *)) :is(blockquote,aside){margin:0}.notion-article pre{border-radius:var(--radius-small);background:var(--color-ink);color:#fff;max-width:100%;padding:1rem;overflow-x:auto}.notion-table{max-width:100%;overflow-x:auto}.notion-table table{border-collapse:collapse;width:100%}.notion-table td{border:1px solid var(--color-border);padding:.65rem}@container (width<=44rem){.article-card__link{grid-template-columns:minmax(0,1fr)}.article-card__media{min-height:10rem;max-height:15rem}}@media (width<=47.999rem){.articles-page{background:0 0}.article-browser__mobile-toolbar{z-index:20;padding:.5rem var(--page-gutter) 0;pointer-events:none;justify-content:flex-end;display:flex;position:sticky;inset-block-start:0}.article-browser__category-trigger{pointer-events:auto;box-shadow:0 .5rem 1.5rem #24303d1a}.article-browser__grid{width:min(100% - (var(--article-reading-page-gutter) * 2), 80rem);grid-template-columns:minmax(0,1fr);padding-block-start:.5rem}.article-browser__overlay{z-index:93;inset:var(--header-height) 0 3.5rem;visibility:hidden;opacity:0;pointer-events:none;background:#24303d57;border:0;transition:opacity .18s,visibility .18s;display:block;position:fixed}.article-browser__sidebar{z-index:94;inset:var(--header-height) 0 3.5rem auto;border-block:0;border-inline-end:0;border-radius:0;width:min(86vw,20rem);max-height:none;transition:translate .2s;position:fixed;translate:102%;box-shadow:-1.25rem 0 3rem #24303d2e}.article-browser__sidebar-close{display:grid}.article-browser[data-category-open=true] .article-browser__overlay{visibility:visible;opacity:1;pointer-events:auto}.article-browser[data-category-open=true] .article-browser__sidebar{translate:0}.article-detail__header{padding-block:1.5rem 1rem}.article-detail__body{padding-block:1rem}.article-detail__header h1{max-width:none;font-size:var(--type-article-title)}.article-card__link{grid-template-columns:minmax(0,1fr)}.article-card__media{min-height:9rem;max-height:12rem}.article-tag-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}.article-tag-dialog>header,.article-tag-dialog>footer,.article-tag-dialog__content{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.article-browser__overlay,.article-browser__sidebar,.article-card__link,.article-category-tree__group-row button span:after{transition:none}}