@font-face{font-family:Inter;src:url(InterVariable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--orange:#f29a1a;--ink:#171717;--soft:#fff6e6}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.draftbar{padding:9px 20px;background:#171717;color:#fff;font-size:12px;text-align:center;letter-spacing:.02em}.brandbar{max-width:1440px;margin:auto;border:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 4.5vw}.brandbar img{display:block;width:210px;max-width:46vw;height:auto}.brandbar nav{display:flex;gap:30px;font-size:14px}.brandbar nav a{text-decoration:none;padding:10px 0}.brandbar nav a[aria-current],.brandbar nav a:hover{text-decoration:underline;text-underline-offset:7px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blog-intro{max-width:1440px;margin:auto;padding:82px 4.5vw 84px}.blog-intro h1{font-size:clamp(48px,6.5vw,86px);line-height:1.06;font-weight:550;letter-spacing:-.055em;margin:24px 0 30px}.blog-intro h1 span{background:linear-gradient(transparent 80%,var(--orange) 80%);padding-right:8px}.blog-intro>p:last-child{max-width:790px;font-size:21px;line-height:1.75;color:#4b4945}.featured-story{max-width:1440px;margin:auto;padding:0 4.5vw 100px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5vw}.feature-image{display:block;overflow:hidden}.feature-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:64% center;display:block}.feature-copy h2{font-size:clamp(30px,3.1vw,46px);line-height:1.14;font-weight:550;letter-spacing:-.04em;margin:22px 0}.feature-copy h2 a{text-decoration:none}.feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:490px;color:#4b4945}.read-link{display:inline-block;margin-top:18px;text-underline-offset:7px;font-size:15px;padding:7px 0}.small-start{max-width:1310px;margin:0 auto 90px;padding:44px 4.5vw;border-top:1px solid #d9d6d0;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.small-start h2{font-size:36px;font-weight:550;line-height:1.2;letter-spacing:-.03em}.small-start>div>p:not(.eyebrow){max-width:500px;font-size:18px;line-height:1.8;color:#4b4945}.welcome{background:var(--orange);padding:80px 4.5vw 68px}.welcome-inner{max-width:1100px;margin:auto}.welcome .eyebrow{color:#171717}.welcome h2{font-size:clamp(40px,5.8vw,76px);line-height:1.08;letter-spacing:-.045em;font-weight:550;margin:26px 0}.welcome-inner>p:not(.eyebrow):not(.welcome-small){font-size:20px;line-height:1.75;max-width:680px}.welcome-button{display:inline-flex;gap:28px;align-items:center;margin-top:20px;padding:20px 25px;background:#171717;color:#fff;text-decoration:none;font-size:15px}.welcome-small{font-size:13px;margin-top:18px}.editorial-footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:40px;padding:60px 4.5vw}.editorial-footer img{display:block;width:210px;height:auto;max-width:70vw}.editorial-footer p{font-size:15px;line-height:1.8;color:#4b4945}.editorial-footer nav{display:grid;align-content:start;gap:20px;font-size:14px}.editorial-footer nav a{text-underline-offset:5px}.blog-article{max-width:1120px;margin-top:62px}.blog-article header{max-width:800px}.blog-article h1{font-weight:550;font-size:clamp(38px,4.7vw,64px);line-height:1.08;letter-spacing:-.05em}.blog-article>figure img{border-radius:0;max-height:none;object-fit:contain;background:#fff}.blog-reading>figure{margin:50px -80px}.blog-reading>figure img{border-radius:0}.blog-reading h2{font-weight:600}.blog-product{border-radius:0}.blog-reading blockquote{border-radius:0}.blog-product:first-of-type a{border-radius:0}.blog-byline{font-size:14px}.blog-reading ol>li:last-child{font-weight:650;background:#fff6e6}.reviewnote{display:none}
@media(max-width:800px){.brandbar{padding:23px 24px}.brandbar nav{gap:18px}.brandbar img{width:180px}.blog-intro{padding:52px 24px 45px}.blog-intro>p:last-child{font-size:18px}.featured-story{grid-template-columns:1fr;padding:0 24px 55px;gap:28px}.feature-image img{aspect-ratio:16/10;object-position:center}.feature-copy h2{font-size:34px;max-width:560px}.small-start{grid-template-columns:1fr;margin-bottom:36px;padding:26px 24px;gap:0}.small-start h2{font-size:30px}.welcome{padding:54px 24px 45px}.welcome-inner>p:not(.eyebrow):not(.welcome-small){font-size:18px}.editorial-footer{padding:42px 24px}.blog-reading>figure{margin:38px 0}.blog-article{margin-top:35px}}
@media(max-width:440px){.brandbar{align-items:flex-start;gap:12px}.brandbar img{width:160px}.brandbar nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.blog-intro h1{font-size:49px}.feature-copy h2{font-size:31px}.editorial-footer{flex-direction:column;gap:25px}.editorial-footer nav{display:flex;gap:20px;flex-wrap:wrap}.welcome h2{font-size:41px}.blog-article h1{font-size:37px}}
.blog-article figure img{height:auto}
/* Match dist/professional-theme.css: the website's actual brand palette.
   White reading surfaces, charcoal text, orange actions, pale-blue explanations,
   and gold / aqua / sand accents. Keep the spacious editorial layout. */
:root{
  --ink:#202428;--brown:#32383d;--muted:#596168;--orange:#f29a1a;
  --tool-accent:#202428;--peach:#f6ceb3;--line:#dce1e4;
  --tool-border:#dce1e4;--soft:#f7f9fa;--black:#202428;
  --chart-gold:#e4af2b;--chart-sand:#b7a078;--chart-aqua:#83c5ce;
  --chart-lime:#d4df52;--chart-orange:#f29a1a;--chart-terracotta:#d95c43;
  --field-surface:#f7f9fa;--explanation-surface:#eef7f8;
  color-scheme:light;
}
body,.blog-article,.blog-article h1,.blog-reading h2{color:var(--ink)}
.draftbar,.welcome-button{background:var(--ink);color:#fff}
.brandbar,.small-start,.editorial-footer{border-color:var(--line)}
.brandbar{border-bottom:1px solid var(--line)}
.blog-intro>p:last-child,.feature-copy>p:not(.eyebrow),
.small-start>div>p:not(.eyebrow),.editorial-footer p,.blog-lede,
.blog-byline,.blog-article figcaption{color:var(--muted)}
.eyebrow,.welcome .eyebrow{color:var(--ink)}
.blog-intro h1 span{background:linear-gradient(transparent 80%,var(--chart-gold) 80%)}
.feature-copy{border-top:3px solid var(--chart-aqua);padding-top:20px}
.small-start{border-top:3px solid var(--chart-sand)}
.welcome{background:var(--orange);color:var(--ink)}
.welcome-button:hover{background:var(--brown)}
.blog-reading blockquote{background:var(--explanation-surface);border-color:var(--line);border-left:4px solid var(--chart-aqua);color:var(--ink)}
.blog-reading>ol>li{border-color:var(--line)}
.blog-reading>ol>li::before{color:var(--muted)}
.blog-reading ol>li:last-child{background:var(--explanation-surface);border-left:3px solid var(--chart-gold)}
.blog-product,.blog-product:first-of-type{background:var(--soft);border:1px solid var(--line);border-top:3px solid var(--chart-gold);color:var(--ink)}
.blog-product:not(:first-of-type){border-top-color:var(--chart-aqua)}
.blog-product:first-of-type a{background:var(--orange);color:var(--ink);border:1px solid #aab3b9}
.blog-product:first-of-type a:hover{background:#ffac35}
.blog-article a{color:var(--tool-accent)}
.blog-article>figure img{background:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.draftbar,.brandbar nav,.welcome,.editorial-footer{display:none}}

/* Published layout uses the existing site navigation, account controls and footer. */
body[data-page="blog"] main{max-width:none;padding:0}
body[data-page="blog"] .page-navigation{max-width:1440px;margin:auto;padding-inline:4.5vw}
body[data-page="blog"] .site-header{max-width:1440px;padding-inline:4.5vw}
body[data-page="blog"] .blog-back{max-width:1120px;margin:30px auto;padding:0 24px}
body[data-page="blog"] .blog-article{padding:0 24px;margin:62px auto 85px}
body[data-page="blog"] .blog-reading{font-size:17px;line-height:1.85}
body[data-page="blog"] .blog-reading h2{font-size:26px;margin-top:42px}
body[data-page="blog"] .blog-reading>ol{padding:0;list-style:none;counter-reset:step}
body[data-page="blog"] .blog-reading>ol>li{counter-increment:step;position:relative;margin:0;padding:17px 18px 17px 53px;border-bottom:1px solid var(--line)}
body[data-page="blog"] .blog-reading>ol>li::before{content:counter(step,decimal-leading-zero);position:absolute;left:4px;top:17px;color:var(--muted);font-size:13px;font-weight:800}
body[data-page="blog"] .blog-product h2{margin-top:0;font-size:23px}
body[data-page="blog"] .blog-product a{display:inline-block;font-weight:750;text-underline-offset:4px}
body[data-page="blog"] .blog-product:first-of-type a{background:var(--orange);padding:13px 18px;text-decoration:none;line-height:1.5}
body[data-page="blog"] .blog-article figcaption{font-size:12px;color:var(--muted)}
@media(max-width:600px){body[data-page="blog"] .blog-article{padding:0 20px;margin-top:30px}body[data-page="blog"] .blog-reading{font-size:16px}body[data-page="blog"] .blog-lede{font-size:18px}body[data-page="blog"] .blog-reading h2{font-size:24px}}