body:has(.blog-shell){--surface:var(--ink);--accent:var(--pink);--text:var(--white);--surface-raised:var(--ink-soft);--text-muted:var(--muted-dark);--text-reading:#e8e8e8;--border-subtle:var(--line-dark);--border-control:#8b8681;--focus-ring:var(--text);--surface-hover:#ff007a14;--font-display:var(--display);--font-ui:var(--body);--type-caption:.8rem;--type-body:1rem;--type-reading:1.0625rem;--type-lead:1.25rem;--type-title:1.5625rem;--type-display-sm:1.95313rem;--type-display-md:2.44141rem;--type-display-lg:3.05176rem;--type-display-xl:3.8147rem;--weight-regular:400;--weight-display:900;--weight-medium:600;--weight-bold:700;--leading-display:.96;--leading-ui:1.25;--leading-body:1.5;--leading-reading:1.65;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-none:0;--radius-control:8px;--radius-card:var(--radius);--border-width:1px;--focus-width:2px;--focus-offset:4px;--shadow:none;--container-max:var(--shell);--measure-copy:34rem;--reading-offset:calc(var(--toc-width) + var(--space-16));--reading-shell:calc(var(--reading-offset) + var(--measure-copy));--toc-width:14rem}.blog-shell{background:var(--surface);min-height:100svh;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--leading-body)}.blog-shell *,.blog-shell :before,.blog-shell :after{box-sizing:border-box}.blog-container{width:var(--container-max);margin-inline:auto}.blog-main{background:var(--surface);min-height:70svh}.blog-main h1,.blog-main h2{color:var(--text);font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-.045em;line-height:var(--leading-display);text-transform:lowercase;text-wrap:balance}.blog-main h3,.blog-main p,.blog-main ul,.blog-main ol,.blog-main figure,.blog-main blockquote{margin-top:var(--space-0)}.blog-main a{color:var(--text);text-decoration-line:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:var(--border-width);text-underline-offset:var(--space-1)}.blog-main a:hover{text-decoration-thickness:var(--focus-width)}.blog-main a:focus-visible,.blog-main summary:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.blog-eyebrow{margin-bottom:var(--space-4);color:var(--text);font-size:var(--type-caption);font-weight:var(--weight-bold);line-height:var(--leading-ui);text-transform:uppercase;letter-spacing:.08em}.blog-index-header,.blog-topic-header{padding-block:var(--space-16)}.blog-index-header h1,.blog-topic-header h1,.blog-post-header h1{max-width:18ch;margin:var(--space-0);font-size:var(--type-display-md)}.blog-index-lead,.blog-topic-header>p:last-child{max-width:var(--measure-copy);color:var(--text-reading);margin:var(--space-4) var(--space-0) var(--space-0);font-size:var(--type-lead);line-height:var(--leading-reading)}.blog-pillar-nav{gap:var(--space-3) var(--space-6);padding-block:var(--space-6);border-block:var(--border-width) solid var(--border-subtle);flex-wrap:wrap;display:flex}.blog-pillar-nav a{min-height:44px;font-weight:var(--weight-medium);align-items:center;display:inline-flex}.blog-index-section{padding-block:var(--space-16)}.blog-section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.blog-section-heading h2{margin:var(--space-0);font-size:var(--type-display-sm)}.blog-section-heading p,.blog-section-heading>a{margin:var(--space-0);font-size:var(--type-caption)}.blog-card-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.blog-card{background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow);overflow:hidden}.blog-card-image{aspect-ratio:1200/630;object-fit:cover;background:var(--surface);border-bottom:var(--border-width) solid var(--border-subtle);width:100%;height:auto;display:block}.blog-card-copy{gap:var(--space-4);padding:var(--space-4);display:grid}.blog-card-pillar{width:fit-content;font-size:var(--type-caption);font-weight:var(--weight-medium)}.blog-card h2{margin:var(--space-0);font-size:var(--type-title)}.blog-card h2 a{text-decoration-line:none}.blog-card h2 a:hover{text-decoration-line:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.blog-card-copy>p{margin-bottom:var(--space-0);color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.blog-card-meta,.blog-post-meta{gap:var(--space-2);color:var(--text-muted);font-size:var(--type-caption);line-height:var(--leading-body);flex-wrap:wrap;display:flex}.blog-pagination{align-items:center;gap:var(--space-4);margin-top:var(--space-12);grid-template-columns:1fr auto 1fr;display:grid}.blog-pagination>:last-child{justify-self:end}.blog-pagination ol{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);list-style:none;display:flex}.blog-pagination a,.blog-pagination span{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.blog-pagination span[aria-disabled=true]{color:var(--text-muted)}.blog-pagination span[aria-current=page]{border:var(--border-width) solid var(--border-control);border-radius:var(--radius-control);color:var(--text);font-weight:var(--weight-bold)}.blog-empty{padding:var(--space-6);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card)}.blog-empty p{margin-bottom:var(--space-4)}.blog-breadcrumb{margin-bottom:var(--space-8);font-size:var(--type-caption);line-height:var(--leading-body)}.blog-breadcrumb ol{gap:var(--space-2);margin:var(--space-0);padding:var(--space-0);flex-wrap:wrap;list-style:none;display:flex}.blog-breadcrumb li{gap:var(--space-2);overflow-wrap:anywhere;min-width:0;display:flex}.blog-breadcrumb [aria-current=page]{color:var(--text-muted)}.blog-topic-header .blog-breadcrumb{margin-bottom:var(--space-12)}.blog-post{padding-block:var(--space-12) var(--space-24)}.blog-post-header,.blog-answer{width:min(100%, var(--measure-copy));margin-inline:auto}.blog-post-header .blog-eyebrow{margin-top:var(--space-12)}.blog-post-header h1{max-width:17ch}.blog-post-meta{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-subtle)}.blog-answer{margin-top:var(--space-12);margin-bottom:var(--space-12);padding:var(--space-6);background:var(--surface-raised);border-left:var(--space-1) solid var(--accent);border-radius:var(--radius-control);color:var(--text);font-size:var(--type-lead);line-height:var(--leading-reading)}.blog-reading-layout{width:min(100%, var(--measure-copy));margin-inline:auto}.blog-reading-layout-with-toc{gap:var(--space-8);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.blog-prose-column{min-width:0}.blog-toc{color:var(--text-muted);font-size:var(--type-body);line-height:var(--leading-body)}.blog-toc-desktop{display:none}.blog-toc-mobile{margin:var(--space-0);padding:var(--space-4);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-control)}.blog-toc summary,.blog-toc>p{color:var(--text);font-weight:var(--weight-bold)}.blog-toc summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.blog-toc ol{margin:var(--space-4) var(--space-0) var(--space-0);padding-left:var(--space-0);list-style:none}.blog-toc li+li{margin-top:var(--space-3)}.blog-toc a{color:var(--text-muted);-webkit-text-decoration-color:var(--border-control);text-decoration-color:var(--border-control);display:inline-block}.blog-prose{max-width:var(--measure-copy);color:var(--text-reading);font-size:var(--type-body);line-height:var(--leading-reading)}.blog-prose>:first-child{margin-top:var(--space-0)}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose figure{margin-bottom:var(--space-6)}.blog-prose h2{margin:var(--space-16) var(--space-0) var(--space-4);font-size:var(--type-display-sm);scroll-margin-top:var(--space-24)}.blog-prose h3{margin:var(--space-8) var(--space-0) var(--space-3);color:var(--text);font-family:var(--font-ui);font-size:var(--type-lead);font-weight:var(--weight-bold);line-height:var(--leading-ui)}.blog-prose ul,.blog-prose ol{padding-left:var(--space-6)}.blog-prose li+li{margin-top:var(--space-2)}.blog-prose strong{color:var(--text);font-weight:var(--weight-bold)}.blog-prose blockquote{padding:var(--space-4) var(--space-6);background:var(--surface-raised);border-left:var(--space-1) solid var(--accent)}.blog-prose blockquote>:last-child{margin-bottom:var(--space-0)}.blog-table-scroll{margin-bottom:var(--space-6);overflow-x:auto}.blog-table-scroll:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.blog-prose table{border-collapse:collapse;border:var(--border-width) solid var(--border-subtle);width:100%;font-size:var(--type-body)}.blog-prose th,.blog-prose td{min-width:10rem;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-subtle);text-align:left;vertical-align:top}.blog-prose th{background:var(--surface-raised);color:var(--text);font-weight:var(--weight-bold)}.blog-figure{width:min(100%,24rem);padding:var(--space-4);background:var(--surface-raised);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-card);margin-inline:auto}.blog-figure img{border-radius:var(--radius-control);width:100%;height:auto;display:block}.blog-figure figcaption{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--type-caption);line-height:var(--leading-body)}.blog-faq{margin-top:var(--space-16)}.blog-faq>h2{margin:var(--space-0) var(--space-0) var(--space-8);font-size:var(--type-display-sm)}.blog-faq-list{border-bottom:var(--border-width) solid var(--border-subtle)}.blog-faq details{border-top:var(--border-width) solid var(--border-subtle)}.blog-faq summary{min-height:64px;padding-block:var(--space-4);color:var(--text);cursor:pointer;align-items:center;display:flex}.blog-faq summary h3{margin:var(--space-0);font-family:var(--font-ui);font-size:var(--type-body);font-weight:var(--weight-bold);line-height:var(--leading-body)}.blog-faq details>p{margin:var(--space-0);padding:var(--space-0) var(--space-0) var(--space-6);color:var(--text-reading);font-size:var(--type-body);line-height:var(--leading-reading)}.blog-post-cta{margin:var(--space-12) var(--space-0) var(--space-0);padding-top:var(--space-6);border-top:var(--border-width) solid var(--border-subtle);color:var(--text);font-size:var(--type-body);font-weight:var(--weight-medium);line-height:var(--leading-reading)}.blog-related{margin-top:var(--space-24);padding-top:var(--space-16);border-top:var(--border-width) solid var(--border-subtle)}@media (min-width:640px){.blog-card-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-copy{padding:var(--space-6)}}@media (min-width:768px){.blog-index-header,.blog-topic-header{padding-block:var(--space-24)}.blog-index-header h1,.blog-topic-header h1,.blog-post-header h1{font-size:var(--type-display-xl)}.blog-post{padding-top:var(--space-16)}.blog-prose{font-size:var(--type-reading)}}@media (min-width:960px){.blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-reading-layout-with-toc{width:min(100%, var(--reading-shell));grid-template-columns:var(--toc-width) minmax(0, var(--measure-copy));gap:var(--space-16);align-items:start}.blog-post:has(.blog-reading-layout-with-toc) .blog-post-header{width:min(100%, var(--reading-shell));padding-left:var(--reading-offset)}.blog-post:has(.blog-reading-layout-with-toc) .blog-answer{width:min(100%, var(--measure-copy));margin-right:var(--space-0);margin-left:calc(max(0px, (100% - var(--reading-shell)) / 2) + var(--reading-offset))}.blog-toc-desktop{top:var(--space-24);display:block;position:sticky}.blog-toc-desktop>p{margin-bottom:var(--space-4)}.blog-toc-desktop ol{margin-top:var(--space-0)}.blog-toc-mobile{display:none}}@media (min-width:1200px){.blog-index-header h1,.blog-topic-header h1,.blog-post-header h1{max-width:18ch}}@media (prefers-reduced-motion:reduce){.blog-shell *,.blog-shell :before,.blog-shell :after{scroll-behavior:auto!important}}
