.blog-shell{--blog-muted:#a4a4ab;--blog-line:#2c2c30;color:#f4f4f5;max-width:1240px;margin:auto;padding:0 32px}.blog-shell a{text-underline-offset:4px}.blog-shell a:focus-visible,.blog-shell summary:focus-visible,.blog-table-scroll:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #ff9145}.blog-skip-link{color:#111;z-index:20;background:#ff6b00;padding:12px 20px;position:absolute;top:-80px;left:20px}.blog-skip-link:focus{top:12px}.blog-header{border-bottom:1px solid var(--blog-line);justify-content:space-between;align-items:center;gap:20px;padding:26px 0;display:flex}.blog-brand{align-items:center;gap:11px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.blog-brand>span{letter-spacing:-5px;color:#ff9145;border:1px solid #ff6b00;border-radius:7px;padding:4px 12px 4px 7px;font-size:21px}.blog-brand>span>span{color:#f4f4f5}.blog-header nav{align-items:center;gap:24px;font-size:14px;display:flex}.blog-header nav>a:first-child{color:#c8c8cd}.blog-button{color:#16100c;background:#ff7920;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.blog-button:hover{background:#ff964f}.blog-hero{max-width:950px;padding:76px 0 43px}.blog-eyebrow{color:#ff9145;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:750;display:flex}.blog-hero .blog-eyebrow>span{background:#ff9145;border-radius:50%;width:7px;height:7px}.blog-hero h1{margin:0 0 26px;font-size:clamp(38px,5.5vw,68px);font-weight:820;line-height:1.08}.blog-hero h1 span{color:#ff9145}.blog-lead{color:#b9b9c0;max-width:710px;margin:0;font-size:18px;line-height:1.7}.blog-hero-notes{color:var(--blog-muted);flex-wrap:wrap;gap:12px 28px;margin-top:28px;font-size:12px;display:flex}.blog-hero-notes>*{align-items:center;gap:7px;display:inline-flex}.blog-categories{flex-wrap:wrap;gap:9px;padding:5px 0 38px;display:flex}.blog-categories a{color:#dddde1;border:1px solid #38383d;border-radius:30px;gap:10px;padding:10px 14px;font-size:13px;display:inline-flex}.blog-categories a:hover{color:#ff9145;border-color:#ff9145}.blog-categories a span{color:#9d9da5}.blog-featured{background:radial-gradient(at 85% 40%,#382314 0,#191612 48%,#181616 100%);border:1px solid #56321d;border-radius:16px;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:40px 45px;display:grid}.blog-featured h2{margin:0 0 17px;font-size:31px;font-weight:750;line-height:1.2}.blog-featured p:not(.blog-eyebrow){color:#bbb6b1;max-width:430px;font-size:14px;line-height:1.7}.blog-text-link{color:#ff9b58;align-items:center;gap:10px;margin-top:20px;font-size:14px;display:inline-flex}.blog-featured-number{letter-spacing:-.08em;text-align:center;color:#ff9145;font-size:clamp(95px,13vw,165px);font-weight:850;line-height:1}.blog-featured-number>span{color:#a65a25}.blog-featured-number small{letter-spacing:.17em;color:#d3ac8d;margin-top:16px;font-size:10px;display:block}.blog-category-section{margin-top:64px}.blog-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.blog-section-heading h2,.blog-related>h2{margin:0 0 8px;font-size:26px;font-weight:750}.blog-section-heading p{color:var(--blog-muted);margin:0;font-size:14px;line-height:1.6}.blog-section-heading>a{white-space:nowrap;color:#e6e6e9;align-items:center;gap:9px;font-size:13px;display:flex}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.blog-start-here{background:#1c1815;border:1px solid #56321d;border-radius:16px;padding:28px}.blog-start-here .blog-eyebrow{margin-bottom:16px}.blog-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{border:1px solid var(--blog-line);background:#171719;border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s;display:flex;position:relative}.blog-card:hover,.blog-card:focus-within{border-color:#a66639}.blog-card-meta{color:var(--blog-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.blog-card-meta>span:first-child{color:#ff9b58}.blog-card h3{letter-spacing:-.02em;margin:18px 0 12px;font-size:19px;font-weight:700;line-height:1.4}.blog-card h3 a:after{content:"";border-radius:12px;position:absolute;inset:0}.blog-card>p{color:#a8a8b0;margin:0 0 24px;font-size:13px;line-height:1.75}.blog-card-bottom{color:#adadb5;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;display:flex}.blog-card-bottom svg{color:#ff9145}.blog-breadcrumbs{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 0;font-size:12px;display:flex}.blog-breadcrumbs a:hover{color:#ff9145}.blog-category-hero{margin:48px 0 34px}.blog-category-hero h1,.blog-editorial h1{margin:0 0 22px;font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.13}.blog-article-hero{max-width:920px;margin:48px 0 42px}.blog-article-hero h1{margin:0 0 24px;font-size:clamp(33px,4.4vw,54px);font-weight:800;line-height:1.12}.blog-article-hero .blog-lead{max-width:800px}.blog-meta-dot{color:#777}.blog-article-meta{color:var(--blog-muted);flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:12px;display:flex}.blog-article-meta>span:last-child{align-items:center;gap:6px;display:flex}.blog-article-meta>a{color:#dedee3}.blog-reading-layout{grid-template-columns:230px minmax(0,780px);align-items:start;gap:48px;display:grid}.blog-toc{border-top:1px solid var(--blog-line);max-height:calc(100vh - 60px);padding-top:17px;font-size:12px;position:sticky;top:28px;overflow:auto}.blog-toc summary{cursor:pointer;font-size:13px;font-weight:750}.blog-toc ol{margin:15px 0 0;padding:0;list-style:none}.blog-toc li{color:#a5a5ad;margin:0 0 13px;line-height:1.5}.blog-toc a:hover{color:#ff9b58}.blog-article-content{min-width:0}.blog-takeaways{background:#1e1a16;border:1px solid #503421;border-left:3px solid #ff8732;border-radius:10px;margin-bottom:34px;padding:24px 27px}.blog-takeaways h2{margin:0 0 14px;font-size:17px;font-weight:750}.blog-takeaways ul{color:#d4cdc8;margin:0;padding-left:18px;font-size:14px;line-height:1.75;list-style:outside}.blog-takeaways li+li{margin-top:9px}.blog-prose{color:#c7c7ce;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.blog-prose p{margin:0 0 21px}.blog-prose h2{color:#f5f5f5;margin:46px 0 19px;scroll-margin-top:26px;font-size:27px;font-weight:750;line-height:1.3}.blog-prose h3{color:#ececf0;margin:29px 0 12px;font-size:20px;font-weight:700;line-height:1.5}.blog-prose strong{color:#ededf0;font-weight:650}.blog-prose a{color:#ffa365;text-decoration:underline}.blog-prose ul,.blog-prose ol{margin:0 0 24px;padding-left:24px}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin:7px 0;padding-left:3px}.blog-prose blockquote{background:#191715;border-left:3px solid #ff9145;margin:24px 0;padding:8px 20px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-table-scroll{border:1px solid #333338;border-radius:8px;width:100%;margin:24px 0 28px;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px;line-height:1.7}.blog-prose th{color:#f7e1d3;text-align:left;background:#252322;font-weight:650}.blog-prose td,.blog-prose th{vertical-align:top;border-bottom:1px solid #303033;min-width:100px;padding:13px 16px}.blog-prose tr:last-child td{border-bottom:none}.blog-prose tbody tr:nth-child(2n){background:#171719}.blog-references{border-top:1px solid var(--blog-line);margin-top:48px;padding-top:32px;scroll-margin-top:25px}.blog-references h2{margin:0 0 17px;font-size:25px;font-weight:750}.blog-references>p:not(.blog-eyebrow){color:#aaaab3;font-size:13px;line-height:1.8}.blog-references ol{margin:26px 0;padding-left:21px;list-style:decimal}.blog-references li{color:#aaaab3;overflow-wrap:anywhere;margin-bottom:24px;padding-left:8px;font-size:12px;line-height:1.8}.blog-references li p{margin:5px 0}.blog-references li strong,.blog-references li span{color:#d8d8df}.blog-references a{color:#ffad78;text-decoration:underline}.blog-references>a{font-size:13px}.blog-cta{background:#1c1917;border:1px solid #503421;border-radius:13px;margin-top:38px;padding:30px}.blog-cta h2{margin:0 0 12px;font-size:23px;font-weight:750;line-height:1.4}.blog-cta p{color:#b7b1ad;margin-bottom:20px;font-size:14px;line-height:1.75}.blog-related{margin-top:70px}.blog-related>h2{margin-bottom:22px}.blog-editorial{max-width:780px;margin:auto}.blog-editorial>.blog-eyebrow{margin-top:48px}.blog-footer{border-top:1px solid var(--blog-line);justify-content:space-between;gap:30px;margin-top:80px;padding:34px 0 45px;font-size:13px;display:flex}.blog-footer>div>a{font-size:17px;font-weight:800}.blog-footer p{color:#92929c;margin-top:9px;font-size:12px}.blog-footer nav{color:#b5b5bd;flex-wrap:wrap;align-items:start;gap:20px;font-size:12px;display:flex}@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}}@media (max-width:700px){.blog-shell{padding:0 20px}.blog-header{flex-wrap:wrap;gap:17px;padding:20px 0}.blog-header nav{flex-wrap:wrap;gap:15px;width:100%;font-size:12px}.blog-header nav>a:first-child{display:inline}.blog-header nav .blog-button{margin-left:auto}.blog-header .blog-button{white-space:nowrap;padding:9px 11px;font-size:12px}.blog-brand{white-space:nowrap;gap:7px;font-size:16px}.blog-brand>span{font-size:16px}.blog-hero{padding-top:48px}.blog-lead{font-size:16px}.blog-featured{grid-template-columns:1fr;gap:27px;padding:28px}.blog-featured-number{text-align:left;font-size:84px}.blog-featured-number small{max-width:90px;margin-left:22px;line-height:1.8;display:inline-block}.blog-featured h2{font-size:27px}.blog-category-section{margin-top:45px}.blog-section-heading{align-items:start}.blog-section-heading h2{font-size:23px}.blog-section-heading>a{margin-top:6px}.blog-grid{grid-template-columns:1fr}.blog-start-here{padding:20px}.blog-reading-layout{display:block}.blog-toc{border-bottom:1px solid var(--blog-line);max-height:none;margin-bottom:28px;padding-bottom:16px;position:static}.blog-toc ol{columns:2;column-gap:20px}.blog-toc li{break-inside:avoid}.blog-article-hero{margin-top:34px}.blog-prose{font-size:15px}.blog-prose h2{font-size:24px}.blog-takeaways,.blog-cta{padding:23px}.blog-footer{flex-direction:column;gap:24px;margin-top:55px}}@media (max-width:380px){.blog-header nav{gap:12px}.blog-header nav .blog-button{margin-left:0}.blog-toc ol{columns:1}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}.guide-practice,.guide-tools,.guide-timer,.guide-week-chart{color:#cecbc8;background:#191715;border:1px solid #3d3630;border-radius:12px;margin:32px 0;padding:26px;font-size:15px;line-height:1.8}.guide-practice h3,.guide-tools h2,.guide-week-chart strong{color:#f5f5f2;margin:0 0 16px;font-size:23px;font-weight:700;line-height:1.4;display:block}.guide-practice p,.guide-tools p{margin:12px 0}.guide-print-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.guide-print-actions button{color:#f7e2d2;cursor:pointer;background:#24201e;border:1px solid #716055;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;display:flex}.guide-print-actions span{color:#b8b3af;font-size:12px}.guide-tools summary{cursor:pointer;color:#ffc193;min-height:44px;padding:10px 0}.guide-tools table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}.guide-tools caption{text-align:left;padding:12px;font-weight:600}.guide-tools th,.guide-tools td{text-align:left;border:1px solid #4a4642;padding:12px}.guide-decision{padding-left:24px;list-style:decimal}.guide-decision li{margin:16px 0;padding-left:8px}.guide-decision strong,.guide-decision span{display:block}.guide-decision strong{color:#f5ddcc}.guide-comparison{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-comparison dt{color:#ffd1b0;font-weight:600}.guide-comparison dd{margin:10px 0 0}.guide-week-chart figcaption>span{font-size:13px}.guide-week-scroll{margin-top:24px;overflow-x:auto}.guide-week-scroll ol{align-items:end;gap:10px;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.guide-week-scroll li{flex-direction:column;align-items:center;gap:6px;width:33px;font-size:11px;display:flex}.week-bar{background:#ff9d57;border-radius:3px 3px 0 0;width:24px}.guide-week-chart>p{margin-top:14px;font-size:12px}.guide-timer progress{accent-color:#ff8732;width:100%;height:10px;margin:20px 0;display:block}.timer-time{color:#ffb078;font-variant-numeric:tabular-nums;font-size:42px}.timer-time span{color:#b8b3af;font-size:18px}.category-paths{border-block:1px solid #363436;margin-bottom:45px;padding:25px 0}.category-paths h2{margin-bottom:20px;font-size:24px}.category-paths ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.category-paths a{flex-direction:column;gap:12px;min-height:44px;display:flex}.category-paths strong{color:#ffad78}.category-paths a>span{color:#b5b5bd;font-size:14px;line-height:1.7}.guide-print-actions button:focus-visible,.guide-tools summary:focus-visible,.guide-week-scroll:focus-visible{outline-offset:4px;outline:2px solid #ffad78}.feature-live-demo{border-block:1px solid #363436;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:30px 0 45px;padding:40px 0;display:grid}.feature-live-demo h2{margin-bottom:20px;font-size:28px;font-weight:700;line-height:1.3}.feature-live-demo p:not(.blog-eyebrow){color:#b9b9c0;margin:15px 0;line-height:1.8}@media (max-width:700px){.guide-practice,.guide-tools,.guide-timer,.guide-week-chart{padding:18px}.guide-comparison,.category-paths ol,.feature-live-demo{grid-template-columns:1fr}.feature-live-demo{gap:0}}@media print{@page{margin:15mm}html,body,.blog-shell{color:#000!important;background:#fff!important}.blog-header,.blog-footer,.blog-breadcrumbs,.blog-toc,.blog-related,.blog-cta,.guide-print-actions,.content-demo,.guide-timer,.guide-tools>details,.guide-tools>p,.guide-tools>h2{display:none!important}.blog-shell{max-width:none;padding:0}.blog-reading-layout{display:block}.blog-article-hero{margin:0 0 20px}.blog-article-hero h1{font-size:24px}.blog-article-hero .blog-lead{font-size:13px}.blog-article-content *,.blog-article-hero *{color:#000!important;box-shadow:none!important;background:0 0!important}.blog-prose{font-size:11px;line-height:1.6}.blog-prose h2{break-after:avoid;font-size:18px}.blog-prose h3{break-after:avoid;font-size:15px}.blog-table-scroll{border:0;overflow:visible}.blog-prose table,.guide-tools table{table-layout:fixed;width:100%;min-width:0;font-size:9px;line-height:1.4}.blog-prose td,.blog-prose th,.guide-tools td,.guide-tools th{overflow-wrap:anywhere;border:1px solid #aaa;min-width:0;padding:5px}thead{display:table-header-group}tr{break-inside:avoid}.guide-tools{border:0;padding:0}html[data-print-guide=tables] .blog-article-content>:not(.guide-tools){display:none!important}html[data-print-guide=tables] .guide-print-tables{display:block}.guide-print-tables>section{break-before:auto}.guide-print-tables h2{break-after:avoid;margin:24px 0 12px;font-size:17px}.guide-print-tables ul{padding-left:20px;list-style:outside}.guide-notebook{font-size:11px}}.guide-illustration{max-width:480px;margin:30px auto}.guide-illustration img{border-radius:12px;width:100%;height:auto}.guide-illustration figcaption{color:#b6b6be;margin-top:12px;font-size:13px;line-height:1.7}@media print{.guide-illustration{break-inside:avoid;max-width:230px}.guide-illustration figcaption{color:#000}}.article-quick-access{border-top:1px solid var(--blog-line);margin-top:24px;padding-top:20px}.article-quick-access p{color:#c8c8cf;margin:0 0 14px;font-size:14px;line-height:1.6}.article-quick-access nav{flex-wrap:wrap;gap:10px 20px;display:flex}.article-quick-access a{color:#ffad78;align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}@media print{.article-quick-access{display:none}}
