/* A quiet editorial layer. Product navigation and sales panels stay on the main site. */
.blog-page{--blog-line:rgba(227,219,199,.19);--blog-muted:#a8aaa6;--blog-paper:#eee9dd;--blog-serif:Georgia,'Times New Roman',serif;background:#111819;color:var(--blog-paper);position:relative;isolation:isolate}
.blog-page::before{content:"";position:fixed;inset:-28px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(9,15,18,.72),rgba(9,15,18,.88)),url("/assets/blog/studio-background.jpg") center/cover no-repeat;filter:blur(14px)}
.blog-page .shell{--content:1120px}
.blog-shell{padding-bottom:88px}
.blog-header{position:sticky;top:0;z-index:30;background:rgba(9,15,18,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--blog-line)}
.blog-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.blog-brand{display:flex;align-items:center;gap:22px;flex-shrink:0}
.blog-brand img{width:176px}
.blog-brand>span{padding-left:22px;border-left:1px solid var(--blog-line);font-family:var(--blog-serif);font-style:italic;font-size:19px;color:var(--blog-muted)}
.blog-header nav{display:flex;align-items:center;gap:28px;font-size:12px}
.blog-header nav a{display:flex;align-items:center;gap:8px;min-height:44px}
.blog-header nav a:hover{color:var(--gold-text)}
.blog-product-link{color:var(--blog-muted);margin-left:12px}
.eyebrow{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#c3ac79}
.blog-intro{padding:70px 0 52px}
.blog-intro h1{font-family:var(--blog-serif);font-size:clamp(62px,8.2vw,108px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin-top:28px}
.blog-intro h1>span{color:#c3ac79}
.blog-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:34px}
.blog-intro-bottom>p{font-size:16px;line-height:1.8;color:var(--blog-muted)}
.journal-author{font-size:12px;line-height:1.8;text-align:right}
.journal-author span{display:block;color:var(--blog-muted);font-size:11px}
.journal-author:hover{color:var(--gold-text)}
.guide-library{scroll-margin-top:100px}
.library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--blog-line);padding-block:22px}
.library-heading h1,.library-heading h2{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.13em}
.library-heading p,.library-heading .text-link{color:var(--blog-muted);font-size:11px;font-weight:400}
.guide-grid{display:grid;grid-template-columns:minmax(0,1fr)}
.guide-card{position:relative;display:grid;grid-template-columns:140px minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start;padding:34px 0;border-bottom:1px solid var(--blog-line)}
.guide-meta{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.5;color:var(--blog-muted);padding-top:6px}
.guide-meta>span:first-child{color:#c3ac79;letter-spacing:.07em;text-transform:uppercase}
.guide-card :is(h2,h3){font-family:var(--blog-serif);font-size:30px;font-weight:400;letter-spacing:-.03em;line-height:1.2}
.guide-card :is(h2,h3) a::after{content:'';position:absolute;inset:0}
.guide-card :is(h2,h3) a>span{font-family:Geist,system-ui,sans-serif;display:inline-block;font-size:20px;color:#a89c82;margin-left:5px}
.guide-card p{font-size:13px;color:var(--blog-muted);line-height:1.85;padding-top:4px;max-width:360px}
.guide-card:hover :is(h2,h3),.guide-card:focus-within :is(h2,h3){color:#d4bb85}



.breadcrumbs{padding-block:26px;color:var(--blog-muted);font-size:11px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:'/';margin-right:10px;color:#747b77}
.breadcrumbs a:hover{color:var(--gold-text)}
.article-header{padding:26px 0 42px;border-bottom:1px solid var(--blog-line)}
.article-header h1{font-family:var(--blog-serif);font-size:clamp(42px,5.3vw,68px);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:22px 0 28px;max-width:920px;text-wrap:balance}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;color:var(--blog-muted);font-size:11px}
.article-meta>a{color:var(--blog-paper)}
.article-meta a span{color:var(--blog-muted)}
.article-dek{max-width:760px;margin-top:26px;font-size:18px;line-height:1.85;color:#b8bdb7}
.article-layout{display:grid;grid-template-columns:200px minmax(0,740px);gap:64px;align-items:start;padding-top:42px}
.article-sidebar{position:sticky;top:108px;max-height:calc(100dvh - 140px);overflow:auto;scrollbar-width:thin;padding:3px 8px 6px 3px}
.article-toc summary{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#c3ac79;cursor:pointer;min-height:36px}
.article-toc ol{padding:0;list-style:none;margin:10px 0 20px;border-left:1px solid var(--blog-line)}
.article-toc a{display:block;padding:9px 0 9px 16px;line-height:1.6;font-size:11px;color:var(--blog-muted);border-left:1px solid transparent;margin-left:-1px}
.article-toc a:hover,.article-toc a[aria-current]{border-left-color:#c3ac79;color:var(--blog-paper)}
.all-guides{font-size:11px;color:var(--blog-muted);display:inline-block;padding-block:10px}
.article-column{min-width:0}
.article-takeaways{padding:0 0 24px;margin-bottom:32px;border-bottom:1px solid var(--blog-line)}
.article-takeaways ul{padding-left:18px;margin:14px 0 0;color:#b8bdb7;font-size:13px;line-height:1.85}
.article-takeaways li+li{margin-top:5px}
.article-takeaways li::marker{color:#a99b7e}
.article-body{font-size:16px;line-height:1.95;color:#c5cac3;overflow-wrap:anywhere}
.article-body p{margin:0 0 24px}
.article-body h2{font-family:var(--blog-serif);color:var(--blog-paper);font-size:34px;font-weight:400;line-height:1.22;letter-spacing:-.025em;margin:50px 0 22px;scroll-margin-top:108px;text-wrap:balance}
.article-body h3{font-family:var(--blog-serif);color:var(--blog-paper);font-weight:400;font-size:26px;line-height:1.3;margin:32px 0 16px;scroll-margin-top:108px}
.article-body a{color:#d3bc89;text-decoration:underline;text-decoration-color:#d3bc8955;text-underline-offset:4px}
.article-body a:hover{text-decoration-color:currentColor}
.article-body strong{color:var(--blog-paper);font-weight:550}
.article-body ul,.article-body ol{padding-left:24px;margin:0 0 26px}
.article-body li+li{margin-top:8px}
.article-body li::marker{color:#a99b7e}
.article-body code{font:13px/1.7 ui-monospace,SFMono-Regular,monospace;background:#ffffff06;border:1px solid #ffffff09;border-radius:3px;padding:3px 6px;word-break:break-word;color:#d7c49d}
.article-body pre{overflow:auto;padding:20px;background:#0d1314;border:1px solid var(--blog-line)}
.article-body pre code{border:0;padding:0;background:none}
.article-table{overflow-x:auto;max-width:100%;margin:28px 0 32px;border-block:1px solid var(--blog-line);scrollbar-width:thin}
.article-table table{border-collapse:collapse;width:100%;min-width:610px;text-align:left;font-size:13px;line-height:1.75}
.article-table th{color:var(--blog-paper);font-weight:500;background:#ffffff03}
.article-table th,.article-table td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--blog-line)}
.article-table th:first-child{width:23%}
.article-table th:nth-child(2){width:35%}
.article-table tr:last-child td{border-bottom:0}
.article-table td code{font-size:11px}
.article-body blockquote{padding:8px 0 8px 24px;margin:28px 0 32px;border-left:2px solid #b8a071;font-size:15px;line-height:1.9;color:#d1d4cd}
.article-body blockquote p:last-of-type{margin-bottom:0}
.copy-template{display:block;background:transparent;border:1px solid var(--blog-line);color:#d3bc89;border-radius:3px;padding:9px 13px;min-height:40px;font-size:11px;line-height:1.4;margin-top:20px}
.copy-template:hover{background:#ffffff06}
.author-box{display:flex;gap:22px;padding-block:32px;margin-top:40px;border-top:1px solid var(--blog-line)}
.author-monogram{flex-shrink:0;width:40px;font-family:var(--blog-serif);font-style:italic;color:#c3ac79;font-size:28px;letter-spacing:-.06em}
.author-box h2{font-size:15px;font-weight:500;margin-top:8px;line-height:1.5}
.author-box h2 span{font-size:11px;color:var(--blog-muted)}
.author-box div>p:last-child{font-size:12px;line-height:1.9;color:var(--blog-muted);margin-top:12px;max-width:590px}
.related-guides{margin-top:48px}
.author-intro{padding-top:32px}
.author-intro h1{font-size:clamp(48px,6vw,78px)}
.author-intro .author-alias{display:block;font-size:.4em;letter-spacing:-.02em;margin-top:18px;font-style:italic}
.author-intro>p:not(.eyebrow){max-width:650px;color:var(--blog-muted);font-size:17px;line-height:1.9;margin-top:30px}
.author-intro .credits-label{margin-top:38px}
.author-credits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:20px 0 0;padding:24px 0;border-block:1px solid var(--blog-line)}
.author-credits strong{font-family:var(--blog-serif);font-size:23px;font-weight:400}
.author-credits span{display:block;font-size:11px;color:var(--blog-muted);margin-top:7px}
.blog-page .site-footer{border-top-color:var(--blog-line);font-size:11px}
@media(max-width:1000px){.article-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.guide-card{grid-template-columns:105px minmax(0,1.3fr) minmax(0,1fr);gap:24px}.guide-card :is(h2,h3){font-size:27px}}
@media(max-width:800px){.blog-brand>span{display:none}.blog-header nav{gap:20px}.blog-product-link{margin-left:0}.article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.article-sidebar{position:static;max-height:none;overflow:visible;padding:0}.article-toc{border-bottom:1px solid var(--blog-line);padding-bottom:16px}.article-toc summary{min-height:28px}.article-toc ol{columns:2;column-gap:28px;margin-bottom:0}.article-toc li{break-inside:avoid}.all-guides{display:none}.guide-card{grid-template-columns:100px minmax(0,1fr);gap:12px 24px}.guide-card p{grid-column:2;max-width:100%;padding:0}.guide-meta{grid-row:1/3}.blog-intro-bottom{gap:28px}.journal-author{flex-shrink:0}.blog-intro-bottom>p br{display:none}}
@media(max-width:600px){.blog-page .shell{width:calc(100% - 40px)}.blog-shell{padding-bottom:56px}.blog-header-inner{min-height:72px;gap:16px}.blog-brand img{width:148px}.blog-header nav{gap:16px;font-size:11px}.blog-header nav .blog-product-link{display:flex}.blog-intro{padding:44px 0 30px}.blog-intro h1{font-size:62px;margin-top:22px}.blog-intro-bottom{display:block;margin-top:26px}.blog-intro-bottom>p{font-size:14px}.journal-author{display:inline-block;text-align:left;margin-top:24px}.library-heading{gap:12px;align-items:center}.library-heading p{max-width:150px;font-size:10px;text-align:right}.guide-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 0}.guide-meta{grid-row:auto;flex-direction:row;gap:16px;padding:0;font-size:10px}.guide-card :is(h2,h3){font-size:28px;max-width:460px}.guide-card p{grid-column:auto;font-size:13px}.breadcrumbs{padding-block:22px;font-size:10px}.article-header{padding:16px 0 28px}.article-header h1{font-size:41px;text-wrap:wrap;margin:18px 0 24px}.article-meta{font-size:10px;gap:10px 16px}.article-meta a span{display:block}.article-dek{font-size:16px;line-height:1.85;margin-top:24px}.article-layout{padding-top:24px}.article-toc ol{columns:auto}.article-takeaways{padding-bottom:22px;margin-bottom:26px}.article-body{font-size:15px;line-height:1.95}.article-body h2{font-size:29px;margin-top:40px}.article-body blockquote{padding-left:18px}.article-table table{font-size:12px;min-width:600px}.author-box{gap:14px}.author-monogram{width:34px}.author-box h2 span{display:block}.related-guides{margin-top:24px}.author-intro h1{font-size:48px}.author-credits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.blog-page .site-footer{gap:24px}.blog-page .site-footer nav{margin-left:0}.blog-page .site-footer .brand-wordmark{width:154px}}
@media(max-width:360px){.blog-brand img{width:130px}.blog-header nav{gap:12px}.blog-intro h1{font-size:54px}.article-header h1{font-size:37px}}

/* The index starts directly with its reading list and a compact author credit. */
.blog-index-heading{padding-top:44px;align-items:end}
.blog-index-heading .journal-author{max-width:470px;color:var(--blog-paper)}
.blog-index-heading .journal-author span{color:#bbc0b9;margin-top:5px}
@media(max-width:600px){.blog-index-heading{padding-top:30px;align-items:start;flex-direction:column;gap:14px}.blog-index-heading .journal-author{margin-top:0;text-align:left}.blog-index-heading .journal-author span{font-size:11px;line-height:1.8}.blog-page::before{background-position:60% center}}