html{scroll-behavior:auto;scroll-padding-top:94px}
.blog-page [id]{scroll-margin-top:0}
.blog-mobile-contents a{display:block;padding-block:3px}
.blog-page{background:var(--cream);color:var(--ink)}
.blog-page h1,.blog-page h2,.blog-page h3{letter-spacing:-.035em;text-wrap:balance}
.blog-page .button-dark{background:var(--ink);color:#fff}
.blog-page .button{gap:16px}.blog-page .button svg,.blog-read svg,.blog-back svg{width:20px;height:20px;flex:none}
.blog-page a{touch-action:manipulation}.blog-page a:hover{text-decoration-thickness:2px}
.blog-preview-notice{text-align:center;background:#fff5cc;color:#574700;padding:7px 20px;font-size:12px;border-bottom:1px solid #e1d8b7}
.blog-breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#55575e;margin-bottom:32px;flex-wrap:wrap}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.blog-breadcrumb a:hover{color:#a9005b}
.blog-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:40px 64px}
.blog-intro h1{font-size:clamp(48px,5.6vw,78px);line-height:1.04;margin-bottom:25px;letter-spacing:-.04em}
.blog-intro>div>p{font-size:19px;line-height:1.65;color:#50525b;max-width:520px}
.blog-read{display:inline-flex;align-items:center;gap:18px;margin-top:24px;font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:5px}
.blog-read:hover{color:#a9005b}.blog-read:hover svg{transform:translateX(4px)}.blog-read svg{transition:transform .2s var(--ease)}
.blog-intro-visual{margin:20px 0 0;position:relative;min-height:340px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.blog-intro-visual>img{position:absolute;width:210px;height:263px;object-fit:contain;right:8px;top:-6px;z-index:2}
.blog-intro-note{font-size:22px;line-height:1.3;letter-spacing:-.025em;position:absolute;top:40px;left:8px;z-index:3;max-width:235px}
.blog-intro-note strong{display:inline-block;background:var(--yellow);margin-top:6px;padding:1px 5px}
.blog-illustration{background:#efede6;position:relative;overflow:hidden;min-height:165px;display:flex;flex-direction:column;justify-content:center;padding:26px 20px;border-radius:3px}
.illustration-path{display:flex;align-items:center;gap:7px;position:relative}
.illustration-path>span{background:#fff;padding:15px 11px;font-weight:750;font-size:12px;line-height:1.35;flex:1;min-width:0;border:1px solid #dcdad1;border-radius:3px;box-shadow:0 6px 12px #17130d08}
.illustration-path>span:nth-of-type(2){background:var(--yellow);border-color:#d9c100}
.illustration-path>i{width:18px;flex:none;display:flex}.illustration-path svg{width:18px;height:18px}
.illustration-caption{font-size:10px;color:#575963;margin-top:16px}
.blog-illustration-compare{background:#eae8ef}.blog-illustration-design{background:#f2e6ec}.blog-illustration-checks{background:#f2efdc}.blog-illustration-physics{background:#e6eceb}
.blog-illustration-debt .illustration-path>span:nth-of-type(2){background:#ffe3ef;border-color:#e3a0bd}
.blog-illustration.is-large{min-height:190px}.blog-intro-visual>.blog-illustration{position:relative;z-index:1;width:100%;margin-top:205px}
.blog-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;border:1px solid var(--line);background:#fff;padding:38px;border-radius:5px}
.blog-feature-art{min-width:0}.blog-feature-art .blog-illustration{min-height:255px;padding:36px 26px;background:var(--ink);color:#fff}
.blog-feature-art .illustration-path>span{color:var(--ink);font-size:16px;line-height:1.4;min-height:86px;display:flex;align-items:center}
.blog-feature-art .illustration-path>i{color:#fff}.blog-feature-art .illustration-caption{color:#c1c2c5;font-size:12px;margin-top:30px}
.blog-feature-caption{display:block;font-size:12px;color:var(--muted);margin-top:15px}
.blog-stack-art{padding:25px 30px!important;gap:10px;min-height:290px!important}
.stack-art-layer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;background:#fff;color:#121216;border:1px solid #dbd8ce;border-radius:3px;position:relative;transition:transform .25s var(--ease)}
.stack-art-layer:first-child{background:var(--yellow);border-color:#d7c300;z-index:4}.stack-art-layer:nth-child(2){margin-inline:7px;z-index:3}.stack-art-layer:nth-child(3){margin-inline:14px;z-index:2}.stack-art-layer:nth-child(4){margin-inline:21px;z-index:1;background:#f1e9ee}
.stack-art-layer span{font-size:10px;color:#575861}.stack-art-layer strong{font-size:15px;letter-spacing:-.02em;white-space:nowrap}.blog-stack-art:hover .stack-art-layer{transform:translateY(-2px)}
.blog-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#5b5b65;line-height:1.5}
.blog-meta>span:first-child{font-weight:750;color:#9b0051}.blog-meta>span+span{padding-left:15px;border-left:1px solid #d3d1ca}
.blog-feature h2{font-size:clamp(25px,2.55vw,38px);line-height:1.17;margin-block:15px 18px}
.blog-feature h2 a:hover,.blog-story h3 a:hover{text-decoration:underline;text-decoration-color:#d40072;text-underline-offset:5px;text-decoration-thickness:2px}
.blog-feature-copy>p{font-size:16px;color:#575963;line-height:1.7;margin-bottom:24px}
.blog-library{padding-block:80px 64px;scroll-margin-top:110px}.blog-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:35px}
.blog-library-heading h2{font-size:38px;line-height:1.15}.blog-library-heading h2 span{color:#62626b}.blog-library-heading>p{font-size:14px;color:#62626b}
.blog-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 48px}
.blog-story{min-width:0;padding:0;border:1px solid #d8d5cc;border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 18px #17130d04;transition:border-color .2s,box-shadow .25s var(--ease),transform .25s var(--ease)}
.blog-story:hover,.blog-story:focus-within{border-color:#a49e8c;box-shadow:0 12px 28px #17130d0d;transform:translateY(-3px)}
.blog-story-art{display:block;margin:0;overflow:hidden;border-bottom:1px solid #e2dfd6;background:#eeece4}
.blog-story-copy{padding:25px 28px 27px;flex:1;display:flex;flex-direction:column}
.blog-story-copy>.blog-read{margin-top:auto;padding-top:22px;align-self:flex-start}
.blog-story-art .blog-illustration{min-height:160px;transition:transform .3s var(--ease)}.blog-story-art:hover .blog-illustration{transform:scale(1.025)}
.blog-cover-screenshot{background:#efede6;padding:18px 18px 0;border:1px solid #dedbd1;border-radius:3px;overflow:hidden;height:188px;position:relative}
.blog-cover-screenshot img{width:100%;height:auto;max-height:250px;object-fit:cover;object-position:top;border:1px solid #d5d3cd;border-radius:4px 4px 0 0;transition:transform .3s var(--ease)}
.blog-cover-screenshot>span{position:absolute;bottom:0;left:0;right:0;padding:9px 17px;background:#fff;border-top:1px solid #e1dfd8;font-size:11px;color:#54545c}
.blog-story-art:hover .blog-cover-screenshot img{transform:translateY(-3px)}
.blog-story h3{font-size:26px;line-height:1.25;margin-block:12px 14px}
.blog-story-copy>p{font-size:15px;line-height:1.75;color:#585963;max-width:58ch}.blog-story .blog-read{margin-top:17px}
.blog-waitlist{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #d5d2c7;border-top:4px solid var(--yellow);border-radius:5px;background:#fff;padding:42px 48px;margin-block:20px 70px;position:relative;overflow:hidden}
.blog-waitlist>div{max-width:670px}.blog-waitlist>div>svg{width:27px;height:27px;margin-bottom:16px}
.blog-waitlist h2{font-size:43px;line-height:1.12;margin-bottom:20px}.blog-waitlist p{font-size:17px;line-height:1.7;color:#5d5e66;max-width:520px;margin-bottom:24px}
.blog-waitlist>img{width:235px;height:294px;object-fit:contain;flex:none}
.blog-footer{padding-block:28px!important}.blog-footer .footer-inner{gap:28px;flex-wrap:wrap}.blog-footer nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px;color:#e4e4e4}.blog-footer nav a:hover{color:var(--yellow)}
.blog-article-heading{padding-block:32px 48px;max-width:1080px}.blog-article-heading .blog-breadcrumb{margin-bottom:36px}.blog-article-heading .blog-meta{margin-bottom:19px}
.blog-article-heading h1{font-size:clamp(34px,4.2vw,58px);line-height:1.12;max-width:1080px;font-weight:850;margin-bottom:23px}
.blog-article-description{font-size:20px;line-height:1.65;max-width:850px;color:#555761}
.blog-byline{display:flex;gap:12px;align-items:center;margin-top:27px;font-size:14px;font-weight:750}.blog-byline>span>span{display:block;color:#6b6c73;font-size:12px;font-weight:450;margin-top:2px}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:start;gap:80px;border-top:1px solid var(--line);padding-top:38px;align-items:start}
.blog-reading-column{min-width:0}.blog-prose{font-size:18px;line-height:1.85;color:#28292e;overflow-wrap:break-word}
.blog-prose h2{color:var(--ink);font-size:31px;line-height:1.25;margin-block:55px 21px;scroll-margin-top:110px}
.blog-prose h3{color:var(--ink);font-size:24px;line-height:1.35;margin-block:36px 16px;scroll-margin-top:110px}
.blog-prose h4{font-size:20px;line-height:1.4;margin-block:29px 12px;scroll-margin-top:110px}
.blog-prose>h2:first-child{margin-top:0}.blog-prose p{margin:0 0 22px}.blog-prose ul,.blog-prose ol{padding-left:25px;margin:18px 0 27px}.blog-prose li{margin-block:10px;padding-left:5px}.blog-prose li>p{margin-bottom:10px}.blog-prose li::marker{color:#a9005b;font-weight:700}.blog-prose strong{font-weight:750;color:#141418}
.blog-prose a{text-decoration:underline;text-decoration-color:#b80d68;text-underline-offset:4px}.blog-prose a:hover{color:#980050;text-decoration-thickness:2px}
.blog-prose blockquote{margin:28px 0;padding:23px 28px;background:#eeece5;border:1px solid #dfdcd2;border-radius:4px;font-size:20px;color:#25252b}.blog-prose blockquote p:last-child{margin-bottom:0}
.blog-prose pre{padding:22px;background:#161618;color:#f5f4f1;overflow:auto;max-width:100%;border-radius:4px;font-size:14px;line-height:1.7}.blog-prose code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;overflow-wrap:anywhere}.blog-prose :not(pre)>code{background:#eceae3;padding:2px 5px;border-radius:3px}
.blog-prose hr{border:0;border-top:1px solid var(--line);margin-block:38px}.blog-prose .table-scroll{overflow-x:auto;overscroll-behavior-inline:contain;max-width:100%;margin:28px 0 35px;border:1px solid #d8d6ce;border-radius:4px;scrollbar-color:#99978d #eeece5;scrollbar-width:thin}
.blog-prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;min-width:580px;background:#fff;text-align:left;font-variant-numeric:tabular-nums}
.blog-prose th{background:#f0eee5;color:#151519;font-weight:750}.blog-prose th,.blog-prose td{padding:14px 17px;vertical-align:top;border-bottom:1px solid #e4e2da;min-width:125px}.blog-prose tr:last-child td{border-bottom:0}.blog-prose td:first-child{font-weight:650}
.blog-prose figure{margin:30px 0 39px}.blog-screenshot{border:1px solid #dcdad2;border-radius:5px;overflow:hidden;background:#fff}.blog-screenshot>a{display:block;overflow:hidden}.blog-screenshot img{width:100%;height:auto;max-height:620px;object-fit:contain;object-position:top;background:#f5f5f2;transition:opacity .2s}.blog-screenshot>a:hover img{opacity:.9}.blog-screenshot figcaption{padding:13px 17px;font-size:12px;line-height:1.6;color:#55565f;border-top:1px solid #e5e3dc}.blog-screenshot figcaption span{display:block;font-size:11px;color:#74757c;margin-top:3px}
.blog-article-aside{position:sticky;top:102px;min-width:0}.blog-toc h2{font-size:15px;line-height:1.4;margin-bottom:16px;letter-spacing:-.01em}.blog-toc ol{list-style:none;padding:0;margin:0;max-height:calc(100vh - 390px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b5b2a7 transparent}
.blog-toc li{margin:0 0 12px;padding-left:14px;border-left:1px solid #dad7cd}.blog-toc a{font-size:12px;line-height:1.6;color:#5f6069;display:block}.blog-toc a:hover,.blog-toc a[aria-current]{color:#97004e;font-weight:650}
.blog-aside-invitation{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.blog-aside-invitation strong{font-size:20px;line-height:1.3;letter-spacing:-.025em;display:block}.blog-aside-invitation p{font-size:13px;color:#63646c;line-height:1.65;margin-block:11px 16px}.blog-aside-invitation .button{font-size:12px;padding:12px 14px;min-height:43px;width:100%}
.blog-mobile-contents{display:none}.blog-back{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:750;padding-block:25px;border-top:1px solid var(--line);width:100%;margin-top:25px}.blog-back svg{transform:rotate(180deg)}
.blog-related{margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}.blog-related>h2{font-size:36px;margin-bottom:30px}.blog-related .blog-story-grid{gap:28px}
.blog-top-link{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;padding:0 20px 28px;text-decoration:underline;text-underline-offset:4px}.blog-top-link svg{width:17px;height:17px;transform:rotate(-90deg)}
@media(min-width:1500px){.blog-article-layout{grid-template-columns:minmax(0,800px) 260px;gap:96px}.blog-prose{font-size:19px}.blog-article-heading{max-width:1100px}}
@media(max-width:1100px){.blog-intro{gap:32px}.blog-intro-note{font-size:19px;max-width:160px}.blog-intro-visual>img{width:175px;height:220px;right:0;top:20px}.blog-feature{gap:30px;padding:28px}.blog-feature-art .illustration-path>span{font-size:13px;padding:12px 9px}.blog-article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 210px}.blog-library-heading h2{font-size:32px}.blog-prose{font-size:17px}.blog-story h3{font-size:23px}}
@media(max-width:800px){.blog-page .container{width:calc(100% - 40px)}.blog-intro{grid-template-columns:1fr;padding-block:28px 38px;gap:12px}.blog-intro h1{font-size:56px}.blog-breadcrumb{margin-bottom:24px}.blog-intro>div>p{font-size:17px;max-width:560px}.blog-intro-visual{min-height:225px;margin-top:0}.blog-intro-note{top:35px;font-size:20px;max-width:220px}.blog-intro-visual>img{width:160px;height:200px;right:20px;top:-10px}.blog-intro-visual>.blog-illustration{margin-top:150px;min-height:125px;padding:20px}.blog-intro-visual .illustration-caption{display:none}.blog-feature{grid-template-columns:1fr;padding:24px;gap:24px}.blog-feature-art .blog-illustration{min-height:170px}.blog-feature-art .illustration-path>span{font-size:15px;min-height:65px}.blog-feature-art .illustration-caption{margin-top:19px}.blog-feature h2{font-size:30px}.blog-feature-caption{display:none}.blog-library{padding-block:48px 34px}.blog-library-heading{display:block;margin-bottom:28px}.blog-library-heading h2{font-size:31px}.blog-library-heading>p{margin-top:15px}.blog-story-grid{gap:30px}.blog-story h3{font-size:23px}.blog-story-art .blog-illustration{padding:20px 12px;min-height:130px}.blog-story-art .illustration-path{gap:4px}.blog-story-art .illustration-path>span{font-size:10px;padding:10px 7px}.blog-story-art .illustration-path>i{width:12px}.blog-story-art .illustration-caption{font-size:8px}.blog-waitlist{padding:30px;gap:20px;margin-block:20px 45px}.blog-waitlist h2{font-size:34px}.blog-waitlist>img{width:160px;height:200px}.blog-waitlist p{font-size:15px}.blog-article-heading{padding-block:26px 32px}.blog-article-heading h1{font-size:39px}.blog-article-description{font-size:18px}.blog-article-layout{display:block;padding-top:26px}.blog-article-aside{display:none}.blog-mobile-contents{display:block;border:1px solid #d8d5cb;border-radius:4px;padding:17px 20px;margin-bottom:27px;background:#fff}.blog-mobile-contents summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.blog-mobile-contents summary::-webkit-details-marker{display:none}.blog-mobile-contents summary span{font-size:22px;line-height:1}.blog-mobile-contents[open] summary span{transform:rotate(45deg)}.blog-mobile-contents ol{padding-left:20px;margin:18px 0 0}.blog-mobile-contents li{font-size:13px;line-height:1.65;margin-bottom:10px}.blog-mobile-contents a{text-decoration:underline;text-underline-offset:3px}.blog-prose{font-size:18px;line-height:1.8}.blog-prose h2{font-size:29px;margin-top:43px}.blog-related{margin-top:48px}.blog-related>h2{font-size:31px}.blog-footer .footer-inner{gap:20px}.blog-footer nav{margin-left:0;width:100%}.blog-footer .footer-inner>span{display:none}}
@media(max-width:520px){.blog-page .header-inner{gap:12px}.blog-page .header-inner>.button{margin-left:auto;font-size:11px;padding:10px 13px}.blog-page .site-header nav{display:none}.blog-intro h1{font-size:48px}.blog-intro-visual>img{width:140px;height:175px;right:0;top:0}.blog-intro-note{font-size:19px;max-width:190px}.blog-feature{padding:19px}.blog-feature h2{font-size:28px}.blog-feature-art .illustration-path>span{font-size:12px;min-height:60px}.blog-feature-art .blog-illustration{padding:22px 14px}.blog-story-grid{grid-template-columns:1fr;gap:28px}.blog-story{display:flex;flex-direction:column}.blog-story-art{margin-bottom:0}.blog-story-copy{padding:22px}.blog-story-art .blog-illustration{min-height:125px;padding:22px}.blog-story-art .illustration-path>span{font-size:12px;padding:12px 10px}.blog-story-art .illustration-path>i{width:18px}.blog-story-art .illustration-caption{font-size:10px}.blog-story h3{font-size:25px}.blog-waitlist{padding:28px 24px}.blog-waitlist h2{font-size:31px}.blog-waitlist>img{display:none}.blog-article-heading h1{font-size:34px;line-height:1.14}.blog-article-heading .blog-breadcrumb{font-size:12px;gap:9px;margin-bottom:27px}.blog-article-description{font-size:17px}.blog-prose{font-size:17px;line-height:1.85}.blog-prose h2{font-size:27px}.blog-prose h3{font-size:23px}.blog-prose blockquote{padding:20px;font-size:19px}.blog-prose ul,.blog-prose ol{padding-left:22px}.blog-prose th,.blog-prose td{padding:12px 14px}.blog-related .blog-story-grid{gap:25px}.blog-meta{gap:12px;font-size:11px}.blog-meta>span+span{padding-left:11px}.blog-prose figure{margin-block:25px 31px}}
@media(prefers-reduced-motion:reduce){.blog-page{scroll-behavior:auto}.blog-page *{scroll-behavior:auto!important;transition:none!important}.blog-read:hover svg,.blog-story-art:hover .blog-illustration{transform:none}}
@media print{.blog-page .site-header,.blog-page .blog-preview-notice,.blog-article-aside,.blog-mobile-contents,.blog-related,.blog-waitlist,.blog-top-link,.blog-footer{display:none}.blog-page .container{width:100%}.blog-article-layout{display:block}.blog-prose{font-size:11pt}.blog-prose a{text-decoration:underline}.blog-prose table{min-width:0;font-size:9pt}}
@media(max-width:520px){.blog-stack-art{padding:20px 14px!important;min-height:255px!important}.stack-art-layer{padding:12px 10px;gap:8px}.stack-art-layer span{font-size:9px}.stack-art-layer strong{font-size:12px}.stack-art-layer:nth-child(2){margin-inline:4px}.stack-art-layer:nth-child(3){margin-inline:8px}.stack-art-layer:nth-child(4){margin-inline:12px}}

.blog-topic-cover{padding:10px 25px;background:#eeece5;aspect-ratio:1.95;overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-topic-cover-design{background:#f4e7ed}.blog-topic-cover-debt{background:#eeece8}.blog-topic-cover-compare{background:#f0edf3}.blog-topic-cover-checks{background:#f3eedc}.blog-topic-cover-physics{background:#e8eeeb}.blog-topic-cover .blog-editorial-svg{display:block;width:100%;height:100%;max-height:235px}.blog-editorial-visual{margin:30px 0 40px!important;background:#f0eee7;border:1px solid #d9d5cb;border-radius:5px;overflow:hidden}.blog-editorial-visual>.blog-editorial-svg{display:block;width:100%;height:auto;max-height:460px;padding:12px 20px}.blog-editorial-visual>figcaption{padding:20px 26px;background:#fff;border-top:1px solid #dedbd2;font-size:15px;line-height:1.7;color:#55545e}.blog-editorial-visual>figcaption strong{display:block;font-size:19px;color:#111114;line-height:1.4;margin-bottom:7px}.blog-editorial-visual>figcaption span{display:block}.blog-product-preview figcaption strong{display:block;color:#17171b;font-size:16px}.blog-prose .blog-product-preview img{max-height:none}.blog-related .blog-topic-cover{aspect-ratio:2.5}.blog-toc a{font-size:13px}.blog-story-grid{gap:30px}.blog-related .blog-story-art{display:block}
@media(max-width:800px){.blog-story-copy{padding:23px}.blog-topic-cover{padding:8px 17px;aspect-ratio:1.9}.blog-editorial-visual>.blog-editorial-svg{padding:7px 0}.blog-editorial-visual>figcaption{padding:17px 19px;font-size:14px}.blog-editorial-visual>figcaption strong{font-size:17px}}
@media(max-width:520px){.blog-story-copy{padding:22px}.blog-topic-cover{aspect-ratio:1.7;padding:5px 16px}.blog-story-grid{gap:27px}.blog-related .blog-topic-cover{aspect-ratio:1.9}}

.blog-stack-cutaway{background:#f0eee7}.blog-figure-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 25px 0;font-size:11px}.blog-figure-topline>strong{font-size:20px;letter-spacing:-.025em;line-height:1.25}.blog-figure-topline>span{color:#70695f}.blog-stack-scene{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:10px;padding:12px 26px 23px 8px}.blog-stack-art{min-width:0}.app-cutaway{display:block;width:100%;height:auto}.app-cutaway-screen{transition:transform .3s var(--ease)}.blog-stack-scene:hover .app-cutaway-screen{transform:translateY(-6px)}.blog-prose .blog-stack-roles{list-style:none;margin:0;padding:0;display:grid;gap:0}.blog-prose .blog-stack-roles>li{margin:0;padding:16px 0;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #d9d5ca}.blog-prose .blog-stack-roles>li:last-child{border:0}.blog-stack-number{width:25px;height:25px;border-radius:50%;font-size:12px;font-weight:750;display:grid;place-items:center;flex:none;background:var(--yellow);color:#111;line-height:1}.blog-stack-number.is-2{background:#17171b;color:white}.blog-stack-number.is-4{background:#f7deeb}.blog-stack-roles strong{display:block;font-size:18px;line-height:1.25;letter-spacing:-.025em}.blog-prose .blog-stack-roles p{font-size:14px;line-height:1.5;margin:5px 0 4px;color:#535059}.blog-stack-roles li div>span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7a726a;line-height:1.5;display:block}.blog-stack-cover .app-cutaway{height:100%;max-height:260px;width:auto;max-width:100%}.blog-stack-cover{background:#f0eee7}
@media(max-width:600px){.blog-figure-topline{padding:17px 17px 0;align-items:flex-start}.blog-figure-topline>strong{font-size:18px;max-width:170px}.blog-figure-topline>span{font-size:10px;max-width:62px;line-height:1.5;text-align:right}.blog-stack-scene{display:block;padding:0 17px 15px}.blog-stack-art{max-width:345px;margin:auto}.blog-prose .blog-stack-roles{grid-template-columns:1fr 1fr;gap:0 12px}.blog-prose .blog-stack-roles>li{gap:7px;padding:12px 0;min-width:0}.blog-prose .blog-stack-roles>li:nth-last-child(-n+2){border-bottom:0}.blog-stack-number{width:20px;height:20px;font-size:10px}.blog-stack-roles strong{font-size:15px}.blog-prose .blog-stack-roles p{font-size:12px}.blog-stack-roles li div>span{font-size:9px}.blog-stack-cutaway>figcaption{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.blog-stack-scene:hover .app-cutaway-screen{transform:none}}

.blog-feature-art .blog-stack-cover{aspect-ratio:1.55;padding:0;background:transparent}.blog-feature-art .app-cutaway{max-height:340px}
@media(max-width:520px){.blog-feature-art .blog-stack-cover{aspect-ratio:1.1}.blog-feature-art .app-cutaway{max-height:275px}}

.blog-toc a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.blog-toc a[aria-current]{color:#97004e;font-weight:650}

.blog-prose .requirements-example{background:#fff;overflow:hidden;border-color:#c8c4ba}.requirements-example-heading{background:#111114;color:#fff;padding:30px 32px 27px}.requirements-example-heading>span{display:block;color:#ddd9cf;font-size:10px;letter-spacing:.13em;font-weight:650}.requirements-example-heading>strong{display:block;color:#fff;font-size:36px;line-height:1.08;letter-spacing:-.045em;margin-top:14px}.requirements-example-heading mark{background:var(--yellow);color:#111}.blog-prose .requirements-example-heading p{font-size:17px;line-height:1.5;margin:20px 0 0;color:#e8e5de}.requirements-paths{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:29px 26px 25px}.requirements-paths>section{min-width:0;padding:0 20px 0 5px}.requirements-paths>section+section{border-left:1px solid #ddd9d0;padding:0 5px 0 20px}.requirements-person{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px}.requirements-number{width:22px;height:22px;display:grid;place-items:center;flex:none;background:#ffe600;border-radius:50%;font-size:9px;font-weight:800;line-height:1}.blog-prose .requirements-person h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;margin:0}.notes-window{border:2px solid #141418;border-radius:8px;overflow:hidden;background:#faf9f6;box-shadow:0 10px 20px #17130d0b}.notes-window-bar{display:flex;justify-content:space-between;gap:7px;align-items:center;background:#141418;color:#fff;padding:10px 11px;font-size:11px;font-weight:750;min-height:40px}.device-status{font-size:8px;color:#ffe600;font-weight:550}.notes-window-content{padding:16px 12px}.notes-window-content>strong{font-size:14px;line-height:1.3;letter-spacing:-.025em}.example-note{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #dedbd2}.example-note>span{width:6px;height:6px;flex:none;background:#ffe600;border-radius:50%}.example-note strong{font-size:10px;line-height:1.4;display:block;font-weight:650}.example-note small{font-size:8px;line-height:1.5;color:#78736b;display:block}.notes-window-action{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;line-height:1.5;background:#ffe600;color:#111;padding:8px 10px;margin-top:14px;font-weight:750;border-radius:3px}.team-window .notes-window-action{background:#f5dce9}.example-avatars{display:flex;padding-right:3px}.example-avatars span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #141418;border-radius:50%;background:#ffe600;color:#111;font-size:7px;margin-left:-3px}.example-avatars span+span{background:#f6ddeb}.example-technology{display:flex;align-items:center;gap:12px;margin-top:24px}.example-technology img{width:39px!important;height:39px!important;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important}.example-technology>div>span{display:block;font-size:10px;color:#6c665e;line-height:1.5}.example-technology>div>strong{font-size:23px;line-height:1.2;display:block;letter-spacing:-.04em}.blog-prose .requirements-explanation{margin:11px 0 0;font-size:13px;line-height:1.6;color:#55525b}.requirements-sources{font-size:12px;line-height:1.6;margin-top:16px}.requirements-sources summary{font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.blog-prose .requirements-sources p{font-size:12px;line-height:1.6;margin:12px 0}.requirements-sources>a{display:block;margin:8px 0}
@media(max-width:600px){.requirements-example-heading{padding:24px 21px}.requirements-example-heading>strong{font-size:31px}.blog-prose .requirements-example-heading p{font-size:15px}.requirements-paths{padding:23px 19px;grid-template-columns:1fr;gap:30px}.requirements-paths>section{padding:0}.requirements-paths>section+section{border-left:0;border-top:1px solid #ddd9d0;padding:27px 0 0}.blog-prose .requirements-person h3{font-size:22px}.notes-window{max-width:310px}.notes-window-content{padding:18px}.notes-window-content>strong{font-size:18px}.example-note strong{font-size:13px}.example-note small{font-size:10px}.notes-window-action{font-size:12px}.notes-window-bar{font-size:13px}.device-status{font-size:10px}.example-technology>div>strong{font-size:25px}.blog-prose .requirements-explanation{font-size:14px}.example-technology>div>span{font-size:11px}}

.requirements-example-heading>strong{font-size:30px}.requirements-example-heading{padding-block:24px}.example-technology img{width:46px!important;height:40px!important}
.blog-prose .requirements-artwork{display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;margin:0;background:#faf7f3}
.requirements-example .requirements-paths{padding-top:23px;border-top:1px solid #e1ddd5}
.requirements-example .requirements-person{margin-bottom:19px}
.requirements-example .example-technology{margin-top:0}
.requirements-example .requirements-explanation{font-size:14px;line-height:1.65}
@media(max-width:600px){.requirements-example .requirements-paths{padding:23px 21px;gap:23px}.requirements-example .requirements-paths>section+section{padding-top:22px}.requirements-example .requirements-person{margin-bottom:16px}.requirements-example .requirements-person h3{font-size:20px}}

/* Reviewed raster illustrations keep their labels and limits in native text. */
.blog-topic-cover.blog-raster-cover{padding:0;aspect-ratio:3/2;min-height:0;background:#faf7f3}
.blog-raster-cover>.blog-raster-image{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.blog-feature-art .blog-raster-cover,.blog-related .blog-raster-cover{aspect-ratio:3/2}
.blog-raster-visual,.blog-raster-stack{background:#faf7f3}
.blog-raster-art,.blog-stack-raster-art{min-width:0;background:#faf7f3}
.blog-raster-art>.blog-raster-image,.blog-stack-raster-art>.blog-raster-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:0;border-radius:0;margin:0}
.blog-raster-stack .blog-stack-scene{grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr);gap:14px;padding:20px 24px 23px 0}
.blog-raster-stack .blog-stack-raster-art{align-self:center}
.blog-art-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 24px 17px;background:#faf7f3;border-top:1px solid #e1ddd5;font-size:15px;font-weight:700;line-height:1.4;color:#111114;text-align:center}
.blog-art-labels-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-art-labels-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.blog-art-labels.is-paired{border-top:0;padding-top:20px;padding-bottom:7px;font-size:18px}
.blog-raster-visual-physics .blog-raster-art{padding-block:9px 18px}
.blog-art-notes{margin-top:14px;font-size:13px;line-height:1.65;color:#55504a}
.blog-art-notes>summary{cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:#34302c}
.blog-art-notes>summary:focus-visible{outline:2px solid #ff008b;outline-offset:4px}
.blog-prose .blog-art-notes>p{font-size:13px;line-height:1.65;margin:10px 0 0;color:#55504a}
@media(max-width:600px){
 .blog-raster-stack .blog-stack-scene{display:block;padding:10px 17px 15px}
 .blog-raster-stack .blog-stack-roles p{font-size:14px}
 .blog-raster-stack .blog-stack-roles strong{font-size:16px}
 .blog-raster-stack .blog-stack-roles li div>span{font-size:10px}
 .blog-art-labels{padding:13px 16px 15px;gap:10px;font-size:14px}
 .blog-art-labels-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .blog-art-labels.is-paired{font-size:16px;padding-top:17px;padding-bottom:7px}
}

/* r9: compact possibilities hero and direct labels for the two tools rows. */
.blog-intro-visual{margin:0;min-height:390px;align-self:center;justify-content:flex-start}
.blog-intro-visual>img{width:155px;height:194px;right:6px;top:0}
.blog-intro-note{top:20px}
.blog-intro-art{position:relative;z-index:1;width:100%;height:230px;margin-top:160px}
.blog-intro-art>.blog-index-hero-image{display:block;width:100%;height:100%;object-fit:contain}
.blog-tools-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 24px;background:#faf7f3;color:#111114;text-align:center;font-size:16px;font-weight:750;line-height:1.35}
.blog-tools-row{position:relative;width:100%;overflow:hidden;background:#faf7f3}
.blog-tools-row.is-top{aspect-ratio:1280/466.5}
.blog-tools-row.is-bottom{aspect-ratio:1280/386.5}
.blog-tools-row>.blog-raster-image{position:absolute;left:0;display:block;width:100%;height:auto;max-height:none;border:0;border-radius:0;margin:0}
.blog-tools-row.is-top>.blog-raster-image{top:0}
.blog-tools-row.is-bottom>.blog-raster-image{bottom:0}
.requirements-example-heading>strong{margin-top:0}
@media(min-width:601px){
 .requirements-artwork-frame{position:relative;aspect-ratio:2.05;overflow:hidden;background:#faf7f3}
 .blog-prose .requirements-artwork-frame>.requirements-artwork{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 60%}
}
@media(max-width:800px){
 .blog-intro{gap:6px;padding-bottom:24px}
 .blog-intro .blog-read{margin-top:16px}
 .blog-intro-visual{min-height:260px;margin:0}
 .blog-intro-visual>img{width:100px;height:125px;right:10px;top:0}
 .blog-intro-note{top:0;left:0;max-width:200px;font-size:19px}
 .blog-intro-art{height:150px;margin-top:110px}
 .blog-feature-copy{order:-1}
}
@media(max-width:520px){
 .blog-intro-visual{min-height:245px}
 .blog-intro-visual>img{right:0}
 .blog-intro-note{max-width:calc(100% - 112px);font-size:17px}
 .blog-intro-art{height:140px;margin-top:105px}
 .blog-tools-labels{padding:10px 16px;gap:10px;font-size:14px}
}

/* Screenshot-led comparison sample. */
.blog-comparison-studio{width:100%;font-family:Inter,sans-serif;color:#111114}
.blog-comparison-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;isolation:isolate;container-type:inline-size;background:#111114;color:#111114}
.blog-comparison-facets{position:absolute;display:block;left:42.8125%;top:-11.25%;width:65.625%;height:144%;max-width:none;object-fit:fill;z-index:0}
.blog-comparison-ground{position:absolute;inset:0;background:linear-gradient(180deg,#e9e8e1,#faf9f6);clip-path:polygon(0 69.4%,100% 46%,100% 100%,0 100%);z-index:0}
.blog-comparison-web-view{position:absolute;overflow:hidden;border:.25cqw solid #414145;border-radius:1cqw;background:#fff;box-shadow:1.125cqw 2.4375cqw 3.625cqw #0008,.15cqw .4cqw .7cqw #0005;transform-origin:center;z-index:1}
.blog-comparison-web-view:after{content:"";position:absolute;inset:0;border:.125cqw solid #ffffff73;border-radius:.625cqw;pointer-events:none}
.blog-comparison-web-view.is-chatgpt{left:-6%;top:24.95%;width:67%;aspect-ratio:8/5;transform:rotate(-9deg)}
.blog-comparison-web-view.is-claude{left:57%;top:12%;width:34.5%;height:64.7%;transform:rotate(7deg);z-index:2}
.blog-comparison-web-view>img{display:block;max-width:none;border:0;border-radius:0;margin:0;padding:0}
.blog-comparison-web-view.is-chatgpt>img{position:absolute;width:137.931035%;height:137.931035%;left:-30.172415%;top:-24.137932%;object-fit:fill}
.blog-comparison-web-view.is-claude>img{width:auto;height:100%}
.blog-comparison-identity-ground{position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,#faf9f600,#faf9f6 36%,#faf9f6);z-index:3}
.blog-comparison-nameplate{position:absolute;inset:0;z-index:4}
.blog-comparison-identity{position:absolute;bottom:3.95%;width:45%;height:9%;display:flex;align-items:center;justify-content:center;gap:1.625cqw;font-size:5.4cqw;line-height:1;font-weight:750;letter-spacing:-.035em;white-space:nowrap;color:#111114}
.blog-comparison-identity.is-chatgpt{left:5%}.blog-comparison-identity.is-claude{right:5%}
.blog-comparison-identity .blog-vendor-mark{display:block;width:6cqw;height:6cqw;max-width:none;object-fit:contain;flex:none;border:0;border-radius:0;background:transparent;color-scheme:light;margin:0}
.blog-comparison-vs{position:absolute;left:50%;bottom:7.05%;transform:translateX(-50%);font-size:clamp(11px,2.2cqw,36px);line-height:1;font-weight:550;letter-spacing:0;color:#6b655b}
.blog-prose .blog-comparison-view-note{font-size:13px;line-height:1.5;margin:0;padding:13px 24px;background:#faf9f6;color:#5f5a53}
.blog-comparison-cover-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border:0;border-radius:0;background:#faf9f6}

/* Topic-specific editorial art: the subject determines the composition. */
.blog-topic-cover.blog-topic-native-cover{padding:0;aspect-ratio:3/2;min-height:0;background:#faf9f6}
.blog-topic-native-cover>.blog-content-svg{display:block;width:100%;height:100%}
.blog-topic-visual{background:#faf9f6}
.blog-topic-visual>.blog-content-svg{display:block;width:100%;height:auto;max-height:none}
.blog-topic-cover.blog-topic-native-cover{aspect-ratio:16/9}
.blog-editorial-cover-image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:0;border-radius:0;margin:0}
.blog-topic-native-cover>.blog-editorial-cover-image{height:100%}
.blog-topic-visual>.blog-editorial-cover-image{max-height:none}
.blog-vendor-mark{display:block;width:38px;height:38px;object-fit:contain;border:0;border-radius:0;background:transparent;color-scheme:light}
.blog-tool-identity{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.blog-tool-identity>span{display:block;font-size:14px;font-weight:650;line-height:1.3;color:#111114}
.blog-comparison-art{width:100%;padding:30px 34px 27px;background:#faf9f6}
.blog-comparison-brief{font-size:20px;font-weight:750;text-align:center;line-height:1.4;margin-bottom:29px}
.blog-comparison-identities{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}
.blog-comparison-identities .blog-vendor-mark{width:104px;height:104px}
.blog-comparison-identities .blog-tool-identity>span{font-size:31px;font-weight:750;letter-spacing:-.025em}
.blog-comparison-versus{font-size:18px;color:#6c665e;font-weight:550}
.blog-comparison-questions{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;border-top:1px solid #d9d4c9;margin-top:29px;padding-top:20px;font-size:14px;font-weight:600;color:#565047}
.blog-comparison-art.is-compact{height:100%;display:flex;flex-direction:column;justify-content:center;padding:22px}
.blog-comparison-art.is-compact .blog-comparison-brief{font-size:15px;margin-bottom:22px}
.blog-comparison-art.is-compact .blog-comparison-identities{gap:13px}
.blog-comparison-art.is-compact .blog-vendor-mark{width:clamp(52px,6vw,100px);height:clamp(52px,6vw,100px)}
.blog-comparison-art.is-compact .blog-tool-identity>span{font-size:clamp(18px,2vw,28px)}
.blog-tool-collection{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:center;background:#faf9f6}
.blog-tool-collection>strong{display:block;font-size:31px;line-height:1.15;letter-spacing:-.035em;margin-bottom:25px}
.blog-tool-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}
.blog-tool-cover-grid .blog-vendor-mark{width:46px;height:46px}
.blog-tool-cover-grid .blog-tool-identity>span{font-size:13px}
.blog-tool-families{padding:5px 27px;background:#fff}
.blog-tool-family{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:24px 0;border-bottom:1px solid #ded9cf;align-items:center}
.blog-tool-family:last-child{border-bottom:0}
.blog-prose .blog-tool-family h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:0}
.blog-tool-family-marks{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}
.blog-tool-family-marks .blog-tool-identity{width:77px}
.blog-prose .blog-tool-family p{font-size:14px;line-height:1.55;color:#645d54;margin:14px 0 0}
.blog-mark-sources{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.blog-mark-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
 .blog-comparison-art{padding:24px 20px}
 .blog-comparison-brief{font-size:18px;margin-bottom:23px}
 .blog-comparison-identities{gap:13px}
 .blog-comparison-identities .blog-vendor-mark{width:76px;height:76px}
 .blog-comparison-identities .blog-tool-identity>span{font-size:24px}
 .blog-comparison-questions{gap:16px;font-size:13px;margin-top:24px;padding-top:17px}
 .blog-tool-families{padding:0 20px}
 .blog-tool-family{display:block;padding:21px 0}
 .blog-prose .blog-tool-family h3{font-size:21px;margin-bottom:17px}
 .blog-tool-family-marks{gap:16px}
 .blog-tool-family-marks .blog-tool-identity{width:64px}
}
@media(max-width:520px){
 .blog-comparison-art.is-compact{padding:15px}
 .blog-comparison-art.is-compact .blog-comparison-brief{font-size:14px;margin-bottom:17px}
 .blog-tool-collection{padding:16px}
 .blog-tool-collection>strong{font-size:24px;margin-bottom:17px}
 .blog-tool-cover-grid{gap:14px 8px}
 .blog-tool-cover-grid .blog-vendor-mark{width:32px;height:32px}
 .blog-tool-cover-grid .blog-tool-identity{gap:6px}
 .blog-tool-cover-grid .blog-tool-identity>span{font-size:11px}
}