.blog .tag{border-radius:999px;padding:5px 11px;font-size:.8125rem;font-weight:500;line-height:1}.blog .meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:.8125rem;display:flex}.blog .meta .read:before{content:"·";margin-right:10px}.blog .top{padding:clamp(40px,7vw,96px) 0 clamp(64px,9vw,112px)}.blog .top h1{font-size:clamp(2.5rem,1.1rem + 3.6vw,4.5rem);line-height:1.04}.blog .tools{flex-wrap:wrap;align-items:center;gap:8px;margin:clamp(36px,5vw,56px) 0 24px;display:flex}.blog .chips{flex-wrap:wrap;gap:8px;margin-right:auto;display:flex}.blog .tag-perspectives,.blog [data-tag=perspectives]:not([aria-pressed=true]),.blog .tint-perspectives{background:var(--gold-soft);color:var(--gold-ink)}.blog .tag-study-tips,.blog [data-tag=study-tips]:not([aria-pressed=true]),.blog .tint-study-tips{background:var(--orange-soft);color:var(--orange-deep)}.blog .tag-product,.blog [data-tag=product]:not([aria-pressed=true]),.blog .tint-product{background:var(--green-soft);color:var(--green-ink)}.blog [data-tag]:not([aria-pressed=true]){border-color:#0000}.blog [data-tag]:not([aria-pressed=true]):hover{opacity:.75}.blog .card:focus-visible,.blog .back:focus-visible,.blog .langs a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.blog .search{width:min(260px,100%)}.blog .search [data-slot=input-group]{background:var(--surface);height:40px}.blog .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blog .card{background:var(--surface);height:100%;box-shadow:var(--shadow-md);color:inherit;transition:translate .25s var(--ease-out), box-shadow .25s;border-radius:24px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog .card:hover{box-shadow:var(--shadow-lg);translate:0 -3px}.blog .thumb{aspect-ratio:16/10;overflow:hidden}.blog .thumb img{object-fit:cover;object-position:var(--crop);width:100%;height:100%}.blog .thumb img.contain{object-fit:contain}.blog .card-text{align-content:start;gap:10px;padding:20px 22px 24px;display:grid}.blog .card-title{font-size:1.375rem;line-height:1.2}.blog .card-line{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:.9375rem}.blog .langs{gap:10px;font-size:.8125rem;display:inline-flex}.blog .langs a{color:var(--ink-3);border-radius:4px;text-decoration:none}.blog .langs a:hover,.blog .langs a[aria-current=page]{color:var(--ink)}.blog .langs a[aria-current=page]{font-weight:500}.blog .meta .langs{margin-left:auto}.blog .post{padding:clamp(24px,4vw,48px) 0 clamp(64px,9vw,112px)}.blog .column{width:100%;max-width:760px;margin-inline:auto;padding-inline:20px}.blog .back{color:var(--ink-3);border-radius:6px;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex}.blog .back:hover{color:var(--ink)}.blog .back svg{width:15px;height:15px}.blog .head{gap:20px;padding-top:24px;display:grid}.blog .head h1{font-size:clamp(2.25rem,1.2rem + 3vw,3.75rem);line-height:1.06}.blog .head .sub{max-width:none}.blog .hero-pic{max-width:1080px;margin:clamp(32px,4vw,48px) auto 0;padding-inline:20px}.blog .hero-pic img{width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:28px}.blog .byline{border-top:1px solid var(--line);color:var(--ink-3);margin:20px 0 0;padding-top:24px}.blog .band{background:var(--orange-soft);border-radius:24px;justify-content:space-between;align-items:center;gap:20px 32px;margin-block:16px;padding:28px;display:flex}.blog .band-text{gap:6px;display:grid}.blog .band-title{margin:0;font-size:1.75rem;line-height:1.15}.blog .band-line{color:var(--orange-deep);margin:0;font-size:1rem}.blog .prose{flex-direction:column;gap:20px;padding-top:clamp(40px,5vw,56px);font-size:1.125rem;line-height:1.65;display:flex}.blog .prose :where(p,li,h2,h3){margin:0}.blog .prose h2{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin-top:24px;font-size:clamp(1.625rem,1.3rem + 1vw,2.125rem);font-weight:400;line-height:1.2}.blog .prose h3{font-family:var(--display);margin-top:12px;font-size:1.375rem;font-weight:400;line-height:1.3}.blog .prose :where(ul,ol){flex-direction:column;gap:8px;margin:0;padding-left:24px;display:flex}.blog .prose ul{list-style:outside}.blog .prose ol{list-style:decimal}.blog .prose li::marker{color:var(--ink-3)}.blog .prose :is(p,li,h2,h3,summary) a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.blog .prose :is(p,li,h2,h3,summary) a:hover{text-decoration-color:currentColor}.blog .prose strong{font-weight:600}.blog .prose hr{border:none;border-top:1px solid var(--line);margin:12px 0}.blog .prose code{background:var(--sunken);border-radius:4px;padding:1px 5px;font-size:.9em}.blog .prose img{border-radius:20px;width:auto;max-width:100%;height:auto;max-height:560px;margin-inline:auto;display:block}.blog .prose blockquote{background:var(--sunken);border-radius:20px;flex-direction:column;gap:12px;margin:0;padding:24px 28px;display:flex}.blog .prose .blog-callout-blue blockquote{background:var(--aura-blue)}.blog .prose blockquote.blog-pullquote{background:var(--orange-soft);margin-block:12px;padding:32px 36px}.blog .prose .blog-pullquote p{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.3}.blog .prose .blog-figure{--figure-width:min(880px, calc(100vw - 40px));--tint:var(--aura-pink);width:var(--figure-width);margin:12px calc((100% - var(--figure-width)) / 2);background:linear-gradient(165deg, var(--tint) 0%, color-mix(in oklab, var(--tint) 35%, var(--background)) 100%);border-radius:32px;flex-direction:column;align-items:center;gap:8px;padding:40px 24px 0;display:flex;overflow:hidden}.blog .prose .blog-figure:nth-of-type(5n+2){--tint:var(--aura-blue)}.blog .prose .blog-figure:nth-of-type(5n+3){--tint:var(--gold-soft)}.blog .prose .blog-figure:nth-of-type(5n+4){--tint:var(--orange-soft)}.blog .prose .blog-figure:nth-of-type(5n){--tint:var(--green-soft)}.blog .prose .blog-figure figcaption{max-width:560px;font-family:var(--display);text-align:center;text-wrap:balance;font-size:1.75rem;line-height:1.2}.blog .prose .blog-figure img{border-radius:0;width:100%;max-height:none;margin-top:4px}.blog .prose .blog-figure.portrait img{width:auto;max-height:440px}.blog .prose a.blog-button{background:var(--primary);height:48px;color:var(--primary-foreground);border-radius:999px;align-items:center;padding:0 22px;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.blog .prose a.blog-button:hover{opacity:.88}.blog .prose .blog-with-aside{display:flow-root}.blog .prose .blog-with-aside>p:not(:has(>img))+p{margin-top:20px}.blog .prose .blog-with-aside img{float:right;width:150px;max-height:none;margin:4px 0 8px 24px}.blog .prose .blog-diagram{--diagram-width:min(880px, calc(100vw - 40px));width:var(--diagram-width);margin:12px calc((100% - var(--diagram-width)) / 2);flex-direction:column;gap:10px;display:flex}.blog .prose .blog-diagram img{border:1px solid var(--line);width:100%;max-height:none}.blog .prose .blog-diagram>p:has(>img)+p:has(>img){display:none}.blog .prose .blog-diagram>p:not(:has(>img)){color:var(--ink-3);text-align:center;font-size:1rem}.blog .prose p.blog-disclaimer{color:var(--ink-3);font-size:1rem}.blog .prose .blog-sources{flex-direction:column;gap:8px;display:flex}.blog .prose .blog-sources h2{color:var(--ink-2);margin-top:0;font-family:inherit;font-size:1rem;font-weight:600}.blog .prose .blog-sources ul{gap:4px}.blog .prose .blog-sources :is(li,li a){color:var(--ink-3);font-size:1rem;line-height:1.5}.blog .prose details{background:var(--sunken);border-radius:20px;padding:20px 28px}.blog .prose summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;font-weight:600;list-style:none;display:flex}.blog .prose summary::-webkit-details-marker{display:none}.blog .prose summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:10px;height:10px;margin-top:8px;transition:rotate .15s;rotate:45deg}.blog .prose details[open] summary:after{margin-top:12px;rotate:-135deg}.blog .prose details>:not(summary){margin-top:12px}.blog .prose .blog-compare{border-collapse:separate;border-spacing:8px 6px;table-layout:fixed;width:calc(100% + 16px);margin-inline:-8px}.blog .prose .blog-compare caption{caption-side:top;text-align:left;color:var(--ink-3);padding:0 8px 6px;font-size:1rem}.blog .prose .blog-compare col:first-child{width:62%}.blog .prose .blog-compare thead th{text-align:left;vertical-align:bottom;padding:0 16px;font-weight:400}.blog .prose .blog-compare thead th:first-child{font-family:var(--display);font-size:1.375rem}.blog .prose .blog-compare thead th:last-child{color:var(--ink-3)}.blog .prose .blog-compare th[scope=rowgroup]{text-align:left;font:400 .75rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:14px 16px 0}.blog .prose .blog-compare td{vertical-align:top;border-radius:16px;padding:14px 16px;font-size:.9375rem;line-height:1.4}.blog .prose .blog-compare td:first-child{background:var(--sunken)}.blog .prose .blog-compare td:last-child{border:1px dashed var(--line-strong);color:var(--ink-3)}.blog .prose .blog-compare ul{gap:6px;padding:0;list-style:none}.blog .prose .blog-compare li{font-size:inherit;line-height:inherit;padding-left:14px;position:relative}.blog .prose .blog-compare li:before{content:"";background:var(--orange);border-radius:999px;width:5px;height:5px;position:absolute;top:.6em;left:0}.blog .prose .blog-video{background:var(--surface);box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;gap:12px;margin:0;padding:24px;display:flex}.blog .prose .blog-video figcaption{gap:2px;display:grid}.blog .prose .blog-video-title{font-family:var(--display);font-size:1.75rem;line-height:1.2}.blog .prose .blog-video time{color:var(--ink-3);font-size:1rem}.blog .prose .blog-video-player{border-radius:16px;display:block;position:relative;overflow:hidden}.blog .prose .blog-video-player img{border-radius:0;width:100%;max-height:none}.blog .prose .blog-video-play{color:#232222;width:64px;height:64px;box-shadow:var(--shadow-lg);background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;margin:auto;transition:scale .15s;display:flex;position:absolute;inset:0}.blog .prose .blog-video-player:hover .blog-video-play{scale:1.06}.blog .prose .blog-video-play svg{width:28px;height:28px;margin-left:3px}.blog .prose .blog-video-closing{color:var(--ink-2)}@media (min-width:720px){.blog .prose .blog-figure.portrait{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 32px 0 64px}.blog .prose .blog-figure.portrait:nth-of-type(2n){flex-direction:row-reverse;padding:0 64px 0 32px}.blog .prose .blog-figure.portrait figcaption{text-align:left;flex:1;align-self:center;max-width:340px;padding-block:56px;font-size:2rem}.blog .prose .blog-figure.portrait img{max-height:500px;margin-top:32px}}@media (max-width:1000px){.blog .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blog .cards{grid-template-columns:minmax(0,1fr)}.blog .search{order:-1;width:100%}.blog .band{flex-direction:column;align-items:flex-start;padding:24px}.blog .prose .blog-diagram>p:has(>img):first-child{display:none}.blog .prose .blog-diagram>p:has(>img)+p:has(>img){display:block}}@media (max-width:480px){.blog .prose{font-size:1.0625rem}.blog .prose blockquote.blog-pullquote{padding:22px}.blog .prose .blog-figure{border-radius:24px;padding:28px 12px 0}.blog .prose .blog-figure figcaption{padding-inline:8px;font-size:1.375rem}.blog .prose .blog-with-aside img{width:112px;margin-left:16px}.blog .prose .blog-compare td,.blog .prose .blog-compare thead th,.blog .prose .blog-compare th[scope=rowgroup]{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.blog .card,.blog .prose .blog-video-play{transition:none}.blog .card:hover{translate:none}}