:root{--color-brand:#202020;--color-brand-strong:#000;--color-accent:#202020;--color-on-brand:#fff;--color-text:#282828;--color-muted:#606060;--color-surface:#fff;--color-surface-alt:#f6f6f6;--color-line:#e0e0e0;--color-focus:#2563eb;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:var(--font-body);--font-display:var(--font-heading);--size-small:.875rem;--size-body:1.0625rem;--size-lead:1.25rem;--size-title:clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);--size-heading:clamp(1.375rem, 1.1rem + 1vw, 1.75rem);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--radius-1:.5rem;--radius-2:1rem;--radius-pill:999px;--width-text:44rem;--width-measure:68ch;--line-reading:1.75;--width-content:75rem;--gutter:clamp(1rem, 4vw, 2.5rem);--shadow-card:0 .25rem 1.25rem #00000014}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--size-body);margin:0;line-height:1.6}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,p,ul,ol,figure{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);background:var(--color-surface);color:var(--color-text);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog{gap:var(--space-5);width:min(100% - 2 * var(--gutter), var(--width-content));margin:var(--space-5) auto var(--space-6);display:grid}.blog-header{gap:var(--space-2);display:grid}.blog-title{color:var(--color-brand-strong);font-family:var(--font-heading);font-size:var(--size-title);line-height:1.15}.blog-intro{color:var(--color-muted);font-size:var(--size-lead)}.breadcrumbs{gap:var(--space-2);color:var(--color-muted);font-size:var(--size-small);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs-item:not(:first-child):before{content:"/";margin-inline-end:var(--space-2)}.post-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));padding:0;list-style:none;display:grid}.post-card{border-radius:var(--radius-2);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.post-card-media{aspect-ratio:16/10;object-fit:cover;background:var(--color-surface-alt);width:100%}.post-card-body{align-content:start;gap:var(--space-2);padding:var(--space-4);display:grid}.post-card-title{color:var(--color-brand-strong);font-family:var(--font-heading);font-size:var(--size-lead);line-height:1.25}.post-card-link{text-decoration:none}.post-card-link:after{content:"";position:absolute;inset:0}.post-card-link:focus-visible{outline:none}.post-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.post-card-meta{color:var(--color-muted);font-size:var(--size-small)}.post-card-excerpt{color:var(--color-text)}.pagination{justify-content:center;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.pagination-link{min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-brand-strong);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination-link[aria-current=page]{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.article{gap:var(--space-5);width:min(100%, var(--width-measure));margin-inline:auto;display:grid}.article-header{justify-items:start;gap:var(--space-3);display:grid}.article-category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-brand);font-size:var(--size-small);letter-spacing:.04em;text-transform:uppercase;font-weight:700;text-decoration:none}.article-title{color:var(--color-brand-strong);font-family:var(--font-heading);font-size:var(--size-title);text-wrap:balance;line-height:1.15}.article-lead{color:var(--color-muted);font-size:var(--size-lead);line-height:1.5}.article-meta{color:var(--color-muted);font-size:var(--size-small)}.article-cover{border-radius:var(--radius-2);width:100%}.article-toc-box{padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-2);background:var(--color-surface-alt)}.article-toc-title{color:var(--color-brand-strong);font-family:var(--font-heading);cursor:pointer;font-weight:700}.article-toc-list{gap:var(--space-2);margin-top:var(--space-3);padding-inline-start:var(--space-4);display:grid}.article-toc-item[data-level="3"]{font-size:var(--size-small);margin-inline-start:var(--space-4);list-style-type:circle}.article-toc-link{text-decoration-color:var(--color-line);text-underline-offset:.2em}.article-toc-link:hover{color:var(--color-brand)}.article-body{line-height:var(--line-reading);overflow-wrap:break-word}.article-body>*+*{margin-top:var(--space-4)}.article-body>h2,.article-body>h3,.article-body>h4{color:var(--color-brand-strong);font-family:var(--font-heading);scroll-margin-top:var(--space-4);text-wrap:balance;line-height:1.25}.article-body>h2{margin-top:var(--space-6);font-size:var(--size-heading)}.article-body>h3{margin-top:var(--space-5);font-size:var(--size-lead)}.article-body>h4{margin-top:var(--space-4);font-size:var(--size-body)}.article-body>h2+*,.article-body>h3+*,.article-body>h4+*{margin-top:var(--space-2)}.article-body a{color:var(--color-brand);text-underline-offset:.18em;text-decoration-thickness:from-font}.article-body a:hover,.article-body strong{color:var(--color-brand-strong)}.article-body sup{line-height:0}.article-body ul,.article-body ol{padding-inline-start:var(--space-4)}.article-body li+li,.article-body li>ul,.article-body li>ol{margin-top:var(--space-2)}.article-body li::marker{color:var(--color-brand)}.article-body>blockquote{gap:var(--space-3);border-inline-start:4px solid var(--color-brand);color:var(--color-brand-strong);font-size:var(--size-lead);margin-inline:0;padding-inline-start:var(--space-4);line-height:1.5;display:grid}.article-body>hr{margin-block:var(--space-5);border:0;border-top:1px solid var(--color-line)}.article-body>figure{justify-items:center;gap:var(--space-2);display:grid}.article-body>figure[data-align=left]{justify-items:start}.article-body>figure[data-align=right]{justify-items:end}.article-body img,.article-body video{border-radius:var(--radius-1)}.article-body figcaption{color:var(--color-muted);font-size:var(--size-small);text-align:center;line-height:1.5}.article-body>video{background:var(--color-brand-strong);width:100%}.article-table{border:1px solid var(--color-line);border-radius:var(--radius-1);overflow-x:auto}.article-table>table{border-collapse:collapse;width:100%;font-size:var(--size-small);line-height:1.5}.article-table th,.article-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line);text-align:start;vertical-align:top}.article-table thead th{background:var(--color-surface-alt);color:var(--color-brand-strong)}.article-table tr:last-child>td{border-bottom:0}.article-body>[data-block=faq]{gap:var(--space-2);display:grid}.article-body details{border:1px solid var(--color-line);border-radius:var(--radius-1);background:var(--color-surface)}.article-body summary{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-brand-strong);font-family:var(--font-heading);cursor:pointer;font-weight:700;line-height:1.4;list-style:none;display:flex}.article-body summary::-webkit-details-marker{display:none}.article-body summary:after{content:"+";color:var(--color-brand);font-size:var(--size-lead);line-height:1}.article-body details[open]>summary:after{content:"−"}.article-body details>:not(summary){margin:0 var(--space-4) var(--space-3)}.related{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-line);display:grid}.related-title{color:var(--color-brand-strong);font-family:var(--font-heading);font-size:var(--size-heading)}.empty-state{justify-items:start;gap:var(--space-3);width:min(100%, var(--width-text));margin-inline:auto;display:grid}.empty-state-link{min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.basic-header{border-bottom:4px solid var(--color-brand);background:var(--color-surface)}.basic-header-bar{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(100% - 2 * var(--gutter), var(--width-content));padding-block:var(--space-3);margin-inline:auto;display:flex}.basic-logo{width:clamp(6rem,16vw,10rem)}.basic-nav-link{min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.basic-footer{gap:var(--space-2);padding:var(--space-5) var(--gutter);background:var(--color-brand-strong);color:var(--color-on-brand);font-size:var(--size-small);text-align:center;display:grid}.basic-footer-link{color:var(--color-on-brand)}
