.blog-shell{width:min(1280px,100% - 96px);margin-inline:auto}.blog-masthead,.article-masthead{background:linear-gradient(120deg, var(--background), var(--secondary));border-bottom:1px solid var(--border);position:relative;overflow:clip}.blog-masthead>.blog-shell,.article-masthead>.blog-shell{padding-block:62px;position:relative}.blog-hero{grid-template-columns:1.3fr 1fr;align-items:end;gap:64px;margin-bottom:38px;display:grid}.blog-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--primary);align-items:center;gap:10px;margin-bottom:18px;font-size:10px;font-weight:650;display:flex}.blog-eyebrow>span{background:currentColor;border-radius:50%;width:6px;height:6px}.blog-hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.1}.blog-intro>p{max-width:47ch;color:var(--muted-foreground);padding-bottom:4px;font-size:15px;line-height:1.85}.blog-intro .blog-read{margin-top:12px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;display:grid}.blog-card{border-bottom:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.blog-card-cover{aspect-ratio:1.6;background:var(--secondary);color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%}.blog-card-cover>svg{width:48px;height:48px}.blog-cover-credit{color:var(--muted-foreground);overflow-wrap:anywhere;margin-top:10px;font-size:10px;line-height:1.6}.blog-cover-credit a{text-underline-offset:3px;text-decoration:underline}.blog-card-content{flex-direction:column;flex:1;padding-block:22px;display:flex}.blog-card-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:10px;display:flex}.blog-card-meta>span{color:var(--primary)}.blog-card-meta>time:before{content:"";background:var(--muted-foreground);border-radius:50%;width:3px;height:3px;margin:0 10px 2px 0;display:inline-block}.blog-card-content :is(h2,h3){letter-spacing:-.025em;overflow-wrap:anywhere;margin:15px 0 12px;font-size:clamp(21px,1.8vw,24px);font-weight:550;line-height:1.35}.blog-card-content :is(h2,h3) a:hover{color:var(--primary)}.blog-card-content>p{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.blog-card-bottom{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:20px;display:flex}.blog-card-bottom>span{color:var(--muted-foreground);font-size:11px}.blog-read{min-height:44px;color:var(--primary);align-items:center;gap:10px;font-size:12px;font-weight:550;display:inline-flex}.blog-read:hover{text-underline-offset:5px;text-decoration:underline}.blog-featured{border:1px solid var(--border);background:var(--card);border-radius:18px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden;box-shadow:0 10px 40px #163c2d05}.blog-featured>figure{flex-direction:column;min-width:0;display:flex;position:relative}.blog-featured .blog-card-cover{aspect-ratio:auto;border-radius:0;flex:1;height:100%;min-height:340px}.blog-featured .blog-card-cover img{position:absolute;inset:0}.blog-featured-badge{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:inline-flex;position:absolute;top:24px;left:24px}.blog-featured .blog-card-content{justify-content:center;padding:36px 40px}.blog-featured .blog-card-content h2{letter-spacing:-.035em;margin-block:22px 18px;font-size:clamp(26px,2.5vw,35px);line-height:1.2}.blog-featured .blog-card-content>p{font-size:14px;display:block}.blog-featured .blog-card-bottom{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.blog-featured .blog-cover-credit{margin:0;padding:6px 20px 10px}.blog-featured-placeholder{background:var(--secondary);border-radius:18px;min-height:360px}.blog-catalog-shell{padding-block:70px}.blog-catalog{scroll-margin-top:110px}.blog-section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.blog-section-heading h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.25}.blog-section-heading .blog-eyebrow{margin-bottom:12px}.blog-section-heading>svg{color:var(--primary)}.blog-search{border:1px solid var(--border);background:var(--secondary);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;display:grid}.blog-search-field{background:var(--card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:0 14px;display:flex}.blog-search-field svg{color:var(--primary);flex-shrink:0}.blog-search-field input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:48px;font-size:13px}.blog-search-field:focus-within{outline:2px solid var(--ring);outline-offset:2px}.blog-search-field input::placeholder{color:var(--muted-foreground)}.blog-sort{align-items:center;gap:10px;font-size:12px;display:flex}.blog-sort label{color:var(--muted-foreground);white-space:nowrap}.blog-sort-trigger{border:1px solid var(--border);background:var(--card);min-height:48px;color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;font-size:12px;font-weight:550;transition:border-color .15s,background .15s;display:flex}.blog-sort-trigger:hover,.blog-sort-trigger[data-popup-open]{border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background:var(--background)}.blog-sort-icon{color:var(--primary);transition:transform .15s;display:flex}.blog-sort-trigger[data-popup-open] .blog-sort-icon{transform:rotate(180deg)}.blog-sort-positioner{z-index:60}.blog-sort-popup{min-width:max(170px, var(--anchor-width));max-width:var(--available-width);border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:12px;outline:none;padding:5px;box-shadow:0 12px 32px #102a201c,0 2px 6px #102a200d}.blog-sort-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;outline:none;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.blog-sort-option[data-selected]{color:var(--primary);font-weight:600}.blog-sort-option[data-highlighted]{background:var(--secondary)}.blog-sort-check{color:var(--primary);display:flex}.blog-button{background:var(--primary);min-height:48px;color:var(--primary-foreground);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:18px;padding:12px 20px;font-size:12px;font-weight:600;display:inline-flex}.blog-button:hover{filter:brightness(.95)}.blog-topics{flex-wrap:wrap;gap:8px;margin-block:20px;display:flex}.blog-topics a{border:1px solid var(--border);min-height:40px;color:var(--muted-foreground);border-radius:30px;align-items:center;padding:8px 16px;font-size:12px;display:inline-flex}.blog-topics a:hover{border-color:var(--primary);color:var(--primary)}.blog-topics a[aria-current]{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.blog-results-bar{border-bottom:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-bottom:28px;padding-bottom:18px;font-size:12px;display:flex}.blog-results-bar p{overflow-wrap:anywhere;min-width:0}.blog-results-bar a{min-height:36px;color:var(--primary);align-items:center;gap:8px;display:inline-flex}.blog-query{color:var(--foreground)}.blog-empty{text-align:center;border:1px dashed var(--border);background:var(--secondary);border-radius:16px;padding:60px 24px}.blog-empty>svg{color:var(--primary);margin:0 auto 18px}.blog-empty h3{margin-bottom:12px;font-size:24px;font-weight:500}.blog-empty p{color:var(--muted-foreground);font-size:14px;line-height:1.8}.blog-empty a{min-height:44px;color:var(--primary);align-items:center;gap:10px;margin-top:18px;display:inline-flex}.blog-loading{min-height:160px;color:var(--muted-foreground);align-items:center;gap:14px;display:flex}.blog-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:38px;display:flex}.blog-page-direction{min-height:44px;color:var(--primary);align-items:center;gap:10px;font-size:12px;display:inline-flex}.blog-page-direction[aria-disabled]{opacity:.4}.blog-page-numbers{align-items:center;gap:6px;display:flex}.blog-page-numbers a,.blog-page-numbers>span{border-radius:8px;place-items:center;min-width:40px;min-height:44px;font-size:13px;display:grid}.blog-page-numbers a:hover{background:var(--secondary)}.blog-page-numbers a[aria-current]{background:var(--primary);color:var(--primary-foreground)}.blog-next-step{border:1px solid var(--border);background:var(--secondary);border-radius:16px;justify-content:space-between;align-items:center;gap:32px;margin-top:70px;padding:40px;display:flex}.blog-next-step h2{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.25}.blog-next-step p:not(.blog-eyebrow){color:var(--muted-foreground);max-width:64ch;font-size:14px;line-height:1.8}.blog-next-step>a{flex-shrink:0}.blog-back{min-height:44px;color:var(--primary);align-items:center;gap:10px;margin-bottom:30px;font-size:12px;display:inline-flex}.article-masthead>.blog-shell{padding-block:28px 55px}.article-header-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;display:grid}.article-header-no-cover{grid-template-columns:minmax(0,900px)}.article-header-grid h1{letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(34px,3.7vw,52px);font-weight:500;line-height:1.13}.article-deck{color:var(--muted-foreground);max-width:65ch;margin-top:24px;font-size:15px;line-height:1.85}.blog-byline{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;gap:16px 22px;margin-top:28px;padding-top:20px;font-size:11px;display:flex}.blog-byline>*{align-items:center;gap:8px;display:inline-flex}.blog-byline .article-author{color:var(--foreground)}.blog-cover-figure{min-width:0}.blog-cover{object-fit:cover;border-radius:14px;width:100%;height:auto;max-height:600px}.article-header-grid .blog-cover{aspect-ratio:1.06;height:auto}.article-layout{grid-template-columns:240px minmax(0,740px);justify-content:center;gap:70px;padding-block:58px 0;display:grid}.article-sidebar{min-width:0}.article-sidebar-inner{position:sticky;top:110px}.article-toc{border-block:1px solid var(--border)}.article-toc summary{min-height:58px;color:var(--primary);cursor:pointer;align-items:center;gap:10px;font-size:12px;font-weight:600;list-style:none;display:flex}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary svg:last-child{margin-left:auto}.article-toc[open] summary svg:last-child{transform:rotate(180deg)}.article-toc nav{overscroll-behavior:contain;max-height:48svh;padding-bottom:18px;overflow-y:auto}.article-toc li{border-left:1px solid var(--border)}.article-toc a{color:var(--muted-foreground);padding:10px 14px;font-size:12px;line-height:1.5;display:block}.article-toc a:hover,.article-toc a[aria-current]{color:var(--primary);background:var(--secondary);box-shadow:-2px 0 var(--primary)}.article-toc li[data-level="3"] a{padding-left:25px;font-size:11px}.article-advice{background:var(--secondary);border-radius:12px;margin-top:28px;padding:24px 20px}.article-advice p{letter-spacing:-.025em;margin-bottom:12px;font-size:18px;line-height:1.45}.article-advice a{color:var(--primary);align-items:center;gap:10px;min-height:44px;font-size:11px;display:inline-flex}.article-reading{min-width:0}.article-reading>.article-body>:first-child{margin-top:0}.article-reading>.article-body>p:first-child{font-size:19px;line-height:1.8}.article-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding-top:20px;display:flex}.article-footer a{min-height:44px;color:var(--primary);align-items:center;gap:10px;font-size:12px;display:inline-flex}.blog-related-shell{padding-block:70px}.blog-related{border-top:1px solid var(--border);padding-top:50px}.blog-shell :is(a,button,select,summary):focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:4px}.article-body{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.9}.article-body>*{margin:1.25rem 0}.article-body h2,.article-body h3,.article-body h4{letter-spacing:-.035em;margin-top:2.5rem;font-weight:650;line-height:1.25}.article-body h2{font-size:2rem}.article-body h3{font-size:1.55rem}.article-body h4{font-size:1.2rem}.article-body p{white-space:pre-wrap}.article-body ul,.article-body ol{padding-left:1.5rem}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin:.4rem 0}.article-body li>.article-body{margin:0}.article-body a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.article-body blockquote{border-left:3px solid var(--primary);background:var(--secondary);border-radius:0 .8rem .8rem 0;padding:.6rem 1.5rem}.article-body img,.article-body video{border-radius:.8rem;max-width:100%;height:auto;max-height:720px;margin:0 auto}.article-body figcaption{color:var(--muted-foreground);text-align:center;margin-top:.7rem;font-size:.85rem}.article-table{overflow-x:auto}.article-table table{border-collapse:collapse;width:100%}.article-table td,.article-table th{border:1px solid var(--border);min-width:100px;padding:.65rem 1rem}.article-table th{background:var(--secondary)}.article-body code{background:var(--muted);border-radius:.25rem;padding:.1rem .3rem}.article-body :is(h2,h3,h4){scroll-margin-top:115px}.article-body :is(h2,h3,h4):focus-visible{outline:2px solid var(--ring);outline-offset:8px}.article-body h2{font-size:clamp(27px,2.8vw,34px);font-weight:550}.article-body h3{font-size:25px;font-weight:550}.article-body li::marker{color:var(--primary)}.article-body blockquote{margin-block:32px;padding:24px 28px}.article-table{border-radius:8px;margin-block:28px}.article-table tr:nth-child(2n){background:color-mix(in srgb, var(--secondary) 45%, transparent)}@media (max-width:1100px){.blog-shell{width:calc(100% - 64px)}.blog-hero{gap:36px}.blog-featured .blog-card-content{padding:28px}.blog-sort{position:relative}.blog-sort label{z-index:1;background:var(--card);border-radius:3px;padding:0 4px;font-size:10px;position:absolute;top:-8px;left:10px}.article-header-grid{gap:32px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:40px}}@media (max-width:760px){.blog-shell{width:calc(100% - 40px)}.blog-masthead>.blog-shell{padding-block:38px}.blog-hero{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.blog-hero h1{max-width:18ch;font-size:clamp(36px,7.5vw,50px)}.blog-intro>p{max-width:54ch;font-size:14px}.blog-featured{grid-template-columns:1fr}.blog-featured .blog-card-cover{aspect-ratio:1.6;height:auto;min-height:0}.blog-featured .blog-card-content{padding:24px}.blog-featured .blog-card-content h2{font-size:28px}.blog-featured-badge{top:16px;left:16px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.blog-card-bottom{flex-direction:column;align-items:flex-start;gap:0}.blog-featured .blog-card-bottom{flex-direction:row;align-items:center}.blog-catalog-shell,.blog-related-shell{padding-block:45px}.blog-section-heading{align-items:flex-start}.blog-section-heading>svg{display:none}.blog-search{grid-template-columns:minmax(0,1fr) auto;gap:12px}.blog-search-field{grid-column:1/-1}.blog-sort-trigger{width:100%}.blog-search .blog-button{padding-inline:16px}.blog-search .blog-button svg{display:none}.blog-topics{gap:8px}.blog-topics a{padding-inline:12px;font-size:11px}.blog-next-step{flex-direction:column;align-items:flex-start;gap:20px;margin-top:45px;padding:28px}.article-masthead>.blog-shell{padding-block:20px 30px}.article-header-grid{grid-template-columns:1fr;gap:26px}.article-header-grid h1{font-size:clamp(33px,6.5vw,46px)}.article-deck{font-size:14px}.article-header-grid .blog-cover{aspect-ratio:1.5}.blog-back{margin-bottom:20px}.article-layout{grid-template-columns:1fr;gap:32px;padding-top:32px}.article-sidebar-inner{position:static}.article-toc nav{max-height:220px}.article-advice{display:none}.article-body{font-size:16px;line-height:1.85}.article-reading>.article-body>p:first-child{font-size:18px}.blog-related .blog-section-heading{flex-direction:column;gap:8px}}@media (max-width:500px){.blog-grid{grid-template-columns:1fr;gap:32px}.blog-card-bottom{flex-direction:row;align-items:center;gap:14px}.blog-page-direction>span{display:none}.blog-page-direction{justify-content:center;width:40px}.blog-page-numbers{gap:3px}.blog-page-numbers a,.blog-page-numbers>span{min-width:34px}.blog-byline{gap:12px 18px}.blog-byline .article-author{flex-basis:100%}}@media print{.blog-article-page .banner-vectors,.blog-back,.article-sidebar,.article-footer,.blog-related-shell{display:none}.article-header-grid,.article-layout{display:block}.article-header-grid .blog-cover{max-height:280px;object-fit:contain!important}.article-masthead{background:0 0}}
