@layer components{.blog-page .head h1{max-width:18em}.blog-feed{margin-top:var(--s2);font:600 var(--t-sm) / 1.4 var(--f-sans)}.blog-cats{margin-top:var(--s6)}.blog-cats ul{gap:var(--s2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.blog-cat{min-height:var(--target);padding:0 var(--s4);border-radius:var(--r-pill);background:var(--sheet);box-shadow:inset 0 0 0 1px var(--hair-2);font:700 var(--t-sm) / 1.2 var(--f-sans);color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.blog-cat[class*=hue-]:before{content:"";background:var(--c);border-radius:50%;flex:none;width:9px;height:9px}.blog-cat[aria-current]{background:var(--ink);color:var(--ground);box-shadow:none}.blog-cat[class*=hue-][aria-current]{background:var(--c);color:var(--on)}.blog-cat[class*=hue-][aria-current]:before{background:var(--on)}@media (hover:hover) and (pointer:fine){a.blog-cat:hover{box-shadow:inset 0 0 0 1.5px var(--blue)}}.blog-page .ri-count{margin-top:var(--s5)}.post-grid{gap:var(--s4);margin-top:var(--s6);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.post-card{min-width:0;display:flex;position:relative}.post-card>article{gap:var(--s2);width:100%;padding:var(--s5) var(--s5) var(--s4);border-radius:var(--r-lg);background:var(--sheet);box-shadow:inset 0 0 0 1px var(--hair), var(--sh-1);flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card>article:before{content:"";background:var(--c);height:5px;position:absolute;inset:0 0 auto}.post-card-cat{border-radius:var(--r-pill);background:var(--c50);color:var(--ct);font:700 var(--t-xs) / 1.4 var(--f-sans);align-self:flex-start;margin-top:2px;padding:3px 10px}.post-card-title{font:800 var(--t-xl) / 1.25 var(--f-head);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}.post-card-title a{color:var(--ink);text-decoration:none}.post-card-title a:after{content:"";border-radius:var(--r-lg);position:absolute;inset:0}.post-card-title a:focus-visible{outline:none}.post-card-title a:focus-visible:after{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.post-card-desc{font-size:var(--t-md);color:var(--slate);line-height:1.55}.post-card-meta{padding-top:var(--s2);font:600 var(--t-sm) / 1.4 var(--f-sans);color:var(--slate);flex-wrap:wrap;gap:2px 16px;margin-top:auto;display:flex}@media (hover:hover) and (pointer:fine){.post-card>article{transition:translate var(--t-fast) var(--ease)}.post-card:hover>article{translate:0 var(--lift);box-shadow:inset 0 0 0 1px var(--hair-2), var(--sh-2)}.post-card:hover .post-card-title a{color:var(--ct)}}@media (prefers-reduced-motion:reduce){.post-card>article{transition:none}.post-card:hover>article{translate:none}}@media (min-width:720px){.post-grid{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr))}.post-card-lead{grid-column:1/-1}.post-card-lead>article{padding:var(--s6) var(--s6) var(--s5);background:radial-gradient(420px 260px at 100% 0%, color-mix(in srgb, var(--c) 16%, transparent), transparent 70%), var(--sheet)}.post-card-lead .post-card-title{max-width:22em;font-size:var(--t-3xl);line-height:1.12}.post-card-lead .post-card-desc{max-width:var(--measure);font-size:var(--t-lg)}}@media (min-width:1100px){.blog-page .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.prose .post-grid{padding-left:0}.prose .post-grid>li:before{content:none}.prose .post-grid>li+li{margin-top:0}.post-grid-compact .post-card-title{font-size:var(--t-lg);line-height:1.3}.post-grid-compact .post-card-desc{font-size:var(--t-sm)}@media (min-width:720px) and (max-width:860px),(min-width:1180px){.prose .post-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px),(min-width:861px) and (max-width:1179px){.prose .post-grid-compact{grid-template-columns:minmax(0,1fr)}}.blog-pager{margin-top:var(--s7)}.blog-guides{margin-top:var(--s8);padding:var(--s6);border-radius:var(--r-xl);background:var(--mist)}.blog-guides h2{font:800 var(--t-2xl) / 1.2 var(--f-head);letter-spacing:-.02em}.blog-guides p{margin-top:var(--s2);max-width:var(--measure);color:var(--slate)}.blog-guides ul{gap:0 var(--s5);margin-top:var(--s4);padding:0;list-style:none;display:grid}.blog-guides li a{min-height:var(--target);align-items:center;font-weight:700;display:flex}@media (min-width:720px){.blog-guides ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-guides{padding:var(--s5);border-radius:var(--r-lg)}}.prose .byline{font:500 var(--t-sm) / 1.4 var(--f-sans);color:var(--slate);align-items:center;gap:10px;margin-top:0;display:flex}.byline-mark{flex:none}.prose .byline-name{color:var(--ink);font-weight:700;position:relative}.prose .byline-name:after{content:"";inset:min(0px, (100% - var(--target)) / 2) 0;position:absolute}.prose .article-hero{margin:var(--s5) 0 0}.article-hero img{border-radius:var(--r-lg);background:var(--mist);width:100%;height:auto;box-shadow:var(--edge);display:block}.article-hero figcaption{margin-top:var(--s2);font:500 var(--t-sm) / 1.5 var(--f-sans);color:var(--slate)}.toc-mobile{display:none}@media (max-width:860px){.prose .toc-mobile{margin-top:var(--s5);border-radius:var(--r);background:var(--mist);box-shadow:inset 0 0 0 1px var(--hair);display:block}.toc-mobile summary{align-items:center;gap:var(--s3);min-height:52px;padding:0 var(--s4);font:700 var(--t-md) / 1.3 var(--f-head);cursor:pointer;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"";border-right:2px solid var(--slate);border-bottom:2px solid var(--slate);width:8px;height:8px;transition:rotate var(--t-fast) var(--ease);flex:none;margin-left:auto;translate:0 -2px;rotate:45deg}.toc-mobile[open] summary:after{translate:0 2px;rotate:225deg}.toc-mobile-count{font:600 var(--t-xs) / 1.4 var(--f-sans);color:var(--slate)}.prose .toc-mobile ol{padding:0 var(--s4) var(--s2);margin:0;list-style:none}.prose .toc-mobile li{border-top:var(--rule-1) solid var(--hair);margin:0}.toc-mobile li a{min-height:var(--target);font:600 var(--t-md) / 1.35 var(--f-sans);color:var(--ink);align-items:center;padding-block:6px;text-decoration:none;display:flex}}@media (max-width:860px) and (prefers-reduced-motion:reduce){.toc-mobile summary:after{transition:none}}.prose .article-faq,.prose .keep-reading,.prose .more-posts,.prose .guide-hub{margin-top:var(--s8)}.prose .article-faq .faq{margin-top:var(--s4)}.prose .article-faq .faq-answer p{max-width:none;font-size:var(--t-md)}.prose .more-posts-all{margin-top:var(--s5)}.prose .more-posts-all a{min-height:var(--target);align-items:center;font-weight:600;display:inline-flex}.guide-hub-lede{color:var(--slate)}.keep-reading-groups{gap:var(--s5);margin-top:var(--s4);display:grid}@media (min-width:600px){.keep-reading-groups{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.prose .keep-reading-group h3{font:700 var(--t-sm) / 1.4 var(--f-sans);letter-spacing:0;color:var(--slate);margin:0}.prose .keep-reading-group ul{margin-top:var(--s2);padding:0}.prose .keep-reading-group li{border-top:var(--rule-1) solid var(--hair);margin:0}.prose .keep-reading-group li:before{content:none}.keep-reading-group li a{min-height:var(--target);font:700 var(--t-md) / 1.35 var(--f-sans);color:var(--ink);align-items:center;padding-block:8px;display:flex}.article-cta[class*=hue-]{background:radial-gradient(260px 200px at 100% 0%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%), radial-gradient(260px 200px at 0% 100%, color-mix(in srgb, var(--sun) 22%, transparent), transparent 70%), var(--c50);box-shadow:inset 0 0 0 1px var(--c100)}.article-cta[class*=hue-] .free-case-kicker{background:var(--c);color:var(--on)}.article-cta[class*=hue-] .free-case-shape{background:var(--c);opacity:.35}.article-cta-end{margin-top:var(--s8)}@media (min-width:1180px){.article-rail .article-cta .btn{white-space:normal;padding-block:10px;line-height:1.25}}.meta-verified:before{content:"";background:var(--mint);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;translate:0 -1px}}