.blog-index,.blog-post{padding:44px 0 80px;color:var(--c-ink)}.blog-index__inner,.blog-post__container{display:grid;gap:30px}.blog-index__header{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:28px;align-items:end;padding:28px 0 8px}.blog-kicker{margin:0 0 10px;color:var(--c-accent-ink);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-index__header h1,.blog-post__header h1{margin:0;color:var(--c-ink);font-size:clamp(36px,6vw,66px);line-height:.98;letter-spacing:-.055em}.blog-index__header>p{max-width:42rem;margin:0 0 5px;color:var(--c-muted);font-size:17px;line-height:1.65}.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-card{min-width:0;overflow:hidden;display:grid;border:1px solid var(--c-line);border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-soft)}.blog-card--featured{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.blog-card__image-link{min-height:260px;overflow:hidden;background:var(--c-surface-soft)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.blog-card:hover .blog-card__image{transform:scale(1.018)}.blog-card__body{min-width:0;display:flex;flex-direction:column;gap:15px;padding:25px}.blog-card__meta,.blog-byline,.blog-card__footer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--c-faint);font-size:12px;font-weight:650}.blog-card__category{color:var(--c-positive-ink);font-weight:800}.blog-card h2{margin:0;color:var(--c-ink);font-size:clamp(23px,3vw,34px);line-height:1.08}.blog-card h2 a:hover{color:var(--c-accent-ink)}.blog-card p{margin:0;color:var(--c-muted);font-size:15px;line-height:1.65}.blog-card__footer{justify-content:space-between;margin-top:auto;padding-top:8px}.blog-card__read{min-height:38px;display:inline-flex;gap:5px;align-items:center;border-radius:999px;padding:0 13px;color:#fff;background:var(--c-brand);font-weight:750}.blog-card__read:hover{background:var(--c-brand-hover)}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--c-faint);font-size:13px}.blog-breadcrumbs a{display:inline-flex;gap:5px;align-items:center}.blog-breadcrumbs a:hover{color:var(--c-accent-ink)}.blog-post__header{max-width:920px;display:grid;gap:17px;padding:18px 0 4px}.blog-post__header h1{font-size:clamp(38px,6vw,70px)}.blog-post__dek{max-width:780px;margin:0;color:var(--c-muted);font-size:clamp(18px,2.2vw,22px);line-height:1.55}.blog-byline>*+*:before{content:"·";margin-right:14px;color:var(--c-line)}.blog-post__hero{overflow:hidden;aspect-ratio:3 / 2;margin:0;border-radius:var(--radius-module);background:var(--c-surface-soft);box-shadow:var(--shadow-card)}.blog-post__hero img{width:100%;height:100%;object-fit:cover}.blog-poster-gallery{display:grid;gap:22px;border:1px solid var(--c-line);border-radius:var(--radius-module);padding:24px;background:var(--c-surface);box-shadow:var(--shadow-soft)}.blog-poster-gallery__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:24px;align-items:end}.blog-poster-gallery__heading h2{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.08}.blog-poster-gallery__heading>p{margin:0 0 2px;color:var(--c-muted);font-size:14px;line-height:1.6}.blog-poster-gallery__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.blog-poster-card{min-width:0;display:grid;gap:9px;color:var(--c-ink)}.blog-poster-card__image{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:12px;background:var(--c-surface-soft);box-shadow:var(--shadow-soft)}.blog-poster-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.blog-poster-card:hover .blog-poster-card__image img{transform:scale(1.025)}.blog-poster-card__rank{position:absolute;top:8px;left:8px;min-width:28px;min-height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:0 7px;color:#fff;background:#121417c2;box-shadow:0 4px 14px #00000038;font-size:12px;font-weight:850;backdrop-filter:blur(8px)}.blog-poster-card__title{display:-webkit-box;overflow:hidden;min-height:2.7em;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:750;line-height:1.35}.blog-post__layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(34px,6vw,84px);justify-content:center;align-items:start;padding-top:18px}.blog-post__aside{position:sticky;top:98px}.blog-toc{max-height:calc(100vh - 122px);overflow-y:auto;border:1px solid var(--c-line);border-radius:14px;padding:16px;background:var(--c-surface)}.blog-toc__title{min-height:44px;display:flex;align-items:center;margin:0;color:var(--c-ink);font-size:13px;font-weight:800}.blog-toc ol{display:grid;gap:9px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--c-line);list-style:none}.blog-toc li{line-height:1.35}.blog-toc li.is-nested{padding-left:13px}.blog-toc a{min-height:36px;display:flex;align-items:center;color:var(--c-muted);font-size:12px}.blog-toc a:hover{color:var(--c-accent-ink)}.blog-prose{min-width:0;color:#283039;font-size:17px;line-height:1.82}.blog-prose>:first-child{margin-top:0}.blog-prose :where(h2,h3){scroll-margin-top:100px;color:var(--c-ink)}.blog-prose h2{margin:2.5em 0 .65em;font-size:clamp(28px,4vw,39px);line-height:1.12}.blog-prose h3{margin:2em 0 .55em;font-size:23px;line-height:1.24}.blog-prose :where(p,ul,ol,blockquote){margin:0 0 1.35em}.blog-prose :where(ul,ol){padding-left:1.3em}.blog-prose>ol>li::marker{color:var(--c-accent-ink);font-weight:850}.blog-table-scroll,.blog-prose pre{max-width:100%;overflow-x:auto}.blog-table-scroll{margin:0 0 1.5em;border-radius:10px}.blog-table-scroll:focus-visible{outline:3px solid rgba(0,139,122,.25);outline-offset:2px}.blog-prose table{width:100%;min-width:640px;margin:0;border-collapse:collapse;font-size:14px}.blog-prose :where(th,td){border-bottom:1px solid var(--c-line);padding:10px 12px;text-align:left;vertical-align:top}.blog-prose th{color:var(--c-ink);background:var(--c-surface-soft);font-weight:800}.blog-prose li+li{margin-top:.55em}.blog-prose a{color:var(--c-accent-ink);text-decoration:underline;text-decoration-color:#b91f434d;text-underline-offset:3px}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose blockquote{border-left:4px solid var(--c-positive);border-radius:0 12px 12px 0;padding:18px 21px;color:var(--c-muted);background:#edf8f6}.blog-prose img{width:auto;max-width:100%;height:auto;display:block;margin:2em auto;border-radius:14px;box-shadow:var(--shadow-soft)}.blog-prose hr{height:1px;margin:2.6em 0;border:0;background:var(--c-line)}.blog-prose code{border-radius:5px;padding:.12em .38em;background:var(--c-surface-soft);font-size:.88em}.blog-related{display:grid;gap:22px;margin-top:58px;border-top:1px solid var(--c-line);padding-top:42px}.blog-related__heading h2{margin:0;font-size:32px}@media(max-width:900px){.blog-index__header,.blog-card--featured,.blog-post__layout{grid-template-columns:1fr}.blog-index__header{align-items:start}.blog-post__aside{position:static}.blog-toc{max-height:360px}.blog-poster-gallery__heading{grid-template-columns:1fr;gap:8px}.blog-poster-gallery__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,30vw);overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 12px;scroll-snap-type:inline mandatory;scrollbar-width:thin}.blog-poster-card{scroll-snap-align:start}}@media(max-width:640px){.blog-index,.blog-post{padding:22px 0 56px}.blog-index__inner,.blog-post__container{gap:22px}.blog-index__header{gap:16px;padding-top:12px}.blog-index__header h1,.blog-post__header h1{font-size:38px;line-height:1.02}.blog-card-grid{grid-template-columns:1fr}.blog-card__image-link{min-height:210px;aspect-ratio:3 / 2}.blog-card__body{padding:20px}.blog-card h2{font-size:25px}.blog-card__footer{align-items:flex-end}.blog-card__read{min-height:44px}.blog-post__header{padding-top:6px}.blog-post__dek{font-size:17px}.blog-byline>*+*:before{content:none}.blog-post__hero{margin-inline:-14px;border-radius:0}.blog-poster-gallery{margin-inline:-14px;border-inline:0;border-radius:0;padding:21px 14px 16px}.blog-poster-gallery__grid{grid-auto-columns:minmax(142px,42vw)}.blog-prose{font-size:16px;line-height:1.76}.blog-prose h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.blog-card__image,.blog-poster-card__image img{transition:none}}
