:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);--bg:#f8f5ef;--paper:#fffdfa;--ink:#102d37;--muted:#576b6d;--line:#dddcd2;--accent:#265b54;--accent-soft:#e6eee7;--gold:#ac712d;--navy:#102d37;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}svg{width:28px;height:28px;flex:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #c08b42;outline-offset:5px}a:hover{text-decoration-thickness:2px}.skip-link{position:absolute;top:-100px;left:16px;z-index:20;background:var(--paper);padding:15px}.skip-link:focus{top:10px}
.blog-header{max-width:1144px;margin:auto;min-height:100px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand img{border-radius:11px}.blog-header nav{display:flex;align-items:center;gap:24px}.blog-nav{font-size:14px;font-weight:750;text-decoration:none;border-bottom:2px solid var(--accent);padding:7px 0}.theme-toggle{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:transparent;color:var(--ink)}.theme-toggle svg{width:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--accent);color:#fff;min-height:52px;border-radius:14px;text-decoration:none;padding:13px 22px;font-weight:750;font-size:14px;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #102d3716}.button svg{width:22px}.header-practice{min-height:44px;padding:10px 17px;gap:9px;border-radius:12px}
main{max-width:1144px;padding:0 32px;margin:auto}.eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:1.7px;font-weight:800;color:var(--gold)}.blog-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;padding:69px 0 78px}.hero-copy h1{font-size:clamp(42px,5.6vw,66px);letter-spacing:-3px;line-height:1.04;margin:22px 0}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 27px}.hero-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:19px}.tiny-check{display:grid;place-items:center;width:20px;height:20px;background:var(--accent-soft);color:var(--accent);border-radius:50%;font-weight:800}.hero-feature{position:relative;background:var(--navy);color:#f6f3e9;border-radius:28px;padding:30px;text-decoration:none;box-shadow:0 24px 50px #16313a12;overflow:hidden}.hero-feature:after{content:'';position:absolute;right:-80px;top:55px;width:210px;height:210px;border:1px solid #d7bf8c25;border-radius:50%;box-shadow:0 0 0 27px #d7bf8c07,0 0 0 55px #d7bf8c05;pointer-events:none}.feature-top{display:flex;justify-content:space-between;align-items:center;color:#edc587;font-size:10px;letter-spacing:2px;font-weight:750}.feature-top svg{width:38px;height:38px}.hero-feature h2{font-size:35px;line-height:1.15;letter-spacing:-1.2px;margin:30px 0 25px}.week-dots{display:flex;gap:7px}.week-dots span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #f6f3e942;border-radius:50%;font-size:12px}.week-dots .filled{background:#edc587;color:#102d37;border-color:#edc587}.hero-feature>p{font-size:13px;color:#c4d0d0;margin:24px 0}.feature-link{display:flex;align-items:center;gap:16px;border-top:1px solid #fff2;padding-top:20px;font-size:14px;font-weight:700}.feature-link svg{width:21px}
.guides-section{border-top:1px solid var(--line);padding-top:35px}.section-label{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-label h2,.related h2{font-size:31px;letter-spacing:-1px;margin:9px 0 0}.section-label>span{font-size:12px;color:var(--muted);padding-bottom:5px}.article-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.article-card{grid-column:span 2;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}.article-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #102d370c}.article-grid>.article-card:nth-child(n+4){grid-column:span 3}.card-art{position:relative;min-height:143px;padding:25px;background:#e7eee6;color:#285c53;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.card-art>svg{width:67px;height:67px}.card-art>span{font-size:70px;font-weight:700;line-height:1;color:#285c5318;letter-spacing:-5px}.tone-1 .card-art{background:#f0e7d9;color:#8a632e}.tone-1 .card-art>span{color:#8a632e20}.tone-2 .card-art{background:#e3ebf0;color:#345975}.tone-2 .card-art>span{color:#34597522}.tone-3 .card-art{background:#eee8e2;color:#805543}.tone-3 .card-art>span{color:#80554320}.tone-4 .card-art{background:#e7ece3;color:#4b6241}.tone-4 .card-art>span{color:#4b624120}.card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;font-weight:750;color:var(--muted)}.card-meta>span:first-child{color:var(--accent)}.card-copy h3{font-size:21px;line-height:1.25;letter-spacing:-.65px;margin:18px 0 11px;overflow-wrap:anywhere}.card-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px}.card-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;color:var(--accent);margin-top:auto}.card-link svg{width:20px}
.practice-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);border-radius:26px;padding:36px;margin:60px 0;background:var(--accent-soft)}.practice-cta h2{font-size:32px;letter-spacing:-1px;margin:10px 0 12px}.practice-cta p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.practice-cta .button{flex:none}.blog-footer{max-width:1144px;padding:30px 32px 35px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px}.footer-brand{font-weight:800;text-decoration:none;letter-spacing:-.5px}.blog-footer p{font-size:12px;color:var(--muted);margin:9px 0}.blog-footer nav{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:20px;max-width:440px;font-size:12px}.blog-footer nav a{text-decoration:none}.blog-footer nav button{border:0;padding:0;background:none;color:inherit;font-size:12px}.blog-footer small{grid-column:1/-1;font-size:10px;color:var(--muted)}
.article-heading{max-width:850px;padding:30px 0 38px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:39px}.breadcrumbs a{text-decoration:none}.article-heading h1{font-size:clamp(34px,4.5vw,52px);line-height:1.1;letter-spacing:-2px;margin:17px 0 22px;overflow-wrap:anywhere}.article-lead{font-size:19px;line-height:1.7;color:var(--muted);margin:0 0 23px}.byline{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:var(--muted);line-height:1.7}.article-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(190px,1fr);gap:70px;border-top:1px solid var(--line);padding-top:35px}.article-body{min-width:0;font-size:16px;line-height:1.85}.article-body p{margin:0 0 20px}.article-body a{color:var(--accent);text-decoration-color:#b6c9ba;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:24px;margin:15px 0 24px}.article-body li{padding-left:5px;margin:9px 0}.article-section{margin:34px 0 42px;scroll-margin-top:25px}.article-section h2,.sources h2{font-size:26px;letter-spacing:-.7px;line-height:1.25;margin:0 0 22px;overflow-wrap:anywhere}.takeaway{display:flex;align-items:start;gap:16px;background:var(--accent-soft);border-radius:17px;padding:23px}.takeaway>span{color:var(--accent);padding-top:3px}.takeaway strong{display:block;font-size:12px;font-weight:800;letter-spacing:.3px;color:var(--accent);margin-bottom:8px}.takeaway p{font-size:14px;line-height:1.75;margin:0}.article-sidebar{align-self:start;position:sticky;top:30px}.article-toc{display:grid;gap:0;font-size:12px}.article-toc strong{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}.article-toc a{padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--muted);line-height:1.6}.article-toc a:hover{color:var(--accent)}.sidebar-practice{display:flex;flex-direction:column;align-items:start;gap:8px;text-decoration:none;background:var(--navy);color:#fff;border-radius:17px;padding:23px;margin-top:28px}.sidebar-practice strong{font-size:21px;letter-spacing:-.5px}.sidebar-practice span{font-size:12px;color:#d3decf}.sidebar-practice svg{color:#edc587;margin-top:8px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:20px 0}.table-scroll table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.65;min-width:580px}.table-scroll th,.table-scroll td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll thead{background:var(--accent-soft);color:var(--accent)}.table-scroll tr:last-child td,.table-scroll tr:last-child th{border-bottom:0}.source-note{font-size:12px;color:var(--muted)}.sources{border-top:1px solid var(--line);padding-top:28px;margin-top:50px;font-size:13px;line-height:1.8}.sources h2{font-size:22px}.sources li{margin:7px 0}.editorial-note{color:var(--muted)}.related{margin:0 0 60px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.related .card-art{min-height:112px}.related .card-art svg{width:52px;height:52px}
.sample-question{background:var(--paper);border:1px solid var(--line);border-radius:21px;margin:27px 0;overflow:hidden}.sample-heading{background:var(--navy);color:#fff;padding:25px}.sample-heading .eyebrow{color:#edc587;font-size:10px}.sample-heading h3{font-size:22px;letter-spacing:-.4px;line-height:1.4;margin:12px 0 0}.sample-options{display:grid;gap:10px;padding:20px}.sample-options button{display:flex;align-items:center;gap:14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:13px;min-height:60px;padding:12px;text-align:left;font-size:14px;line-height:1.5}.sample-options button:not(:disabled):hover{background:var(--accent-soft);border-color:var(--accent)}.choice-letter{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);width:34px;height:34px;border-radius:9px;flex:none;font-size:12px;font-weight:800}.sample-options button>span:nth-child(2){flex:1}.sample-options .is-correct{background:#e4f3e9;border-color:#278355;color:#164f33}.sample-options .is-wrong{background:#fff0eb;border-color:#b5593d;color:#893c25}.sample-options .choice-mark{font-size:20px;font-weight:750}.sample-options button:disabled{opacity:1;cursor:default}.sample-feedback{padding:0 22px 14px;font-size:13px;font-weight:700;color:var(--accent)}.sample-explanation{padding:0 22px 20px;font-size:13px}.sample-explanation summary{cursor:pointer;color:var(--accent);font-weight:700;padding:3px 0}.sample-explanation>div{padding-top:15px}.sample-explanation p{margin-bottom:11px}.sample-explanation a{font-size:12px}
html[data-theme=dark]{color-scheme:dark;--bg:#0b1526;--paper:#152338;--ink:#edf2f8;--muted:#aabbd0;--line:#314159;--accent:#aad8bb;--accent-soft:#20384a;--gold:#e6bd80;--navy:#192d46;background:var(--bg)}html[data-theme=dark] .button{background:#e7bd81;color:#17293f}html[data-theme=dark] .hero-feature{border:1px solid #3b526c}html[data-theme=dark] .card-art{background:#233d50;color:#c1dfd2}html[data-theme=dark] .card-art>span{color:#c1dfd22b}html[data-theme=dark] .tone-1 .card-art{background:#413d37;color:#e7c798}html[data-theme=dark] .tone-2 .card-art{background:#233f5a;color:#b9d5f3}html[data-theme=dark] .tone-3 .card-art{background:#3a3441;color:#d5bfdc}html[data-theme=dark] .tone-4 .card-art{background:#31403f;color:#c4d3b8}html[data-theme=dark] .sample-options .is-correct{background:#235137;border-color:#8adca7;color:#dbf6e4}html[data-theme=dark] .sample-options .is-wrong{background:#592f31;border-color:#f4a29b;color:#ffe0db}
@media(max-width:900px){.blog-hero{gap:35px}.article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 195px}.card-copy{padding:19px}.card-copy h3{font-size:19px}.card-meta{flex-wrap:wrap}.practice-cta{padding:28px}.practice-cta .button{font-size:12px;gap:10px}.hero-feature h2{font-size:29px}.week-dots{gap:5px}.week-dots span{width:28px;height:28px}}
@media(max-width:700px){.blog-header{padding:19px 22px;min-height:82px}.brand{font-size:19px;gap:8px}.brand img{width:33px;height:33px}.blog-header nav{gap:14px}.header-practice{font-size:12px;padding:9px 12px}.header-practice svg{display:none}.blog-nav{display:none}.theme-toggle{width:40px;height:40px}.blog-header nav{gap:10px}main{padding:0 22px}.blog-hero{grid-template-columns:1fr;gap:34px;padding:35px 0 45px}.hero-copy h1{font-size:50px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.hero-feature{padding:25px;max-width:500px}.hero-feature h2{font-size:29px;margin:20px 0}.feature-top svg{width:32px;height:32px}.hero-feature>p{margin:19px 0}.article-grid{grid-template-columns:1fr 1fr;gap:16px}.article-card,.article-grid>.article-card:nth-child(n+4){grid-column:span 1}.article-grid>.article-card:last-child{grid-column:1/-1}.card-art{min-height:105px;padding:18px}.card-art>svg{width:48px;height:48px}.card-art>span{font-size:52px}.card-copy{padding:17px}.card-copy h3{font-size:19px}.card-copy p{font-size:12px}.section-label h2{font-size:27px}.practice-cta{flex-direction:column;align-items:start;margin:40px 0;padding:25px;gap:23px}.practice-cta h2{font-size:29px}.practice-cta .button{font-size:14px;width:100%}.blog-footer{padding:25px 22px;grid-template-columns:1fr}.blog-footer nav{justify-content:start;gap:15px;max-width:none}.article-heading{padding:15px 0 27px}.breadcrumbs{margin-bottom:27px}.article-heading h1{font-size:37px;letter-spacing:-1.5px}.article-lead{font-size:16px}.article-layout{display:flex;flex-direction:column;gap:22px;padding-top:25px}.article-sidebar{order:-1;position:static;width:100%}.article-toc{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:19px}.article-toc strong{margin-bottom:6px}.article-toc a{font-size:12px;padding:8px 0}.article-toc a:last-child{border-bottom:0}.sidebar-practice{display:none}.article-body{font-size:15px;line-height:1.85}.takeaway{padding:19px}.article-section{margin:29px 0 34px}.article-section h2{font-size:25px}.sample-heading{padding:20px}.sample-heading h3{font-size:21px}.sample-options{padding:15px}.sample-options button{font-size:13px;gap:10px}.sample-feedback,.sample-explanation{padding-left:17px;padding-right:17px}.related-grid{gap:16px}.related h2{font-size:27px}}
@media(max-width:420px){.brand{font-size:17px}.blog-header{gap:9px}.hero-copy h1{font-size:46px}.article-grid,.related-grid{grid-template-columns:1fr}.article-grid>.article-card:last-child{grid-column:auto}.card-copy h3{font-size:22px}.card-meta{flex-wrap:nowrap}.card-copy p{font-size:13px}.card-art{min-height:120px}.card-art>svg{width:57px;height:57px}.byline{gap:5px;font-size:10px}.article-heading h1{font-size:34px}.blog-footer nav{gap:14px}.table-scroll table{min-width:545px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Shared consent controls; the blog has no bottom app navigation. */
.web-privacy-banner { position: fixed; z-index: 120; inset-inline: 18px; bottom: calc(86px + env(safe-area-inset-bottom)); max-width: 900px; margin-inline: auto; padding: 24px; display: grid; grid-template-columns: auto 1fr; gap: 12px 18px; border: 1px solid var(--border, #dbe6dd); border-radius: 24px; background: var(--card, #fff); color: var(--ink, #19332a); box-shadow: 0 16px 64px #0003; }
.web-privacy-banner h2 { font-family: inherit; font-size: 21px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; }
.web-privacy-banner p, .web-privacy-dialog p { font-size: 14px; line-height: 1.6; margin: 6px 0 10px; color: inherit; }
.privacy-mark { font-size: 27px; color: #b87c39; }
.privacy-actions { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1 / -1; }
.privacy-actions button { flex: 1 1 160px; min-height: 46px; border: 1px solid #9aafa5; background: transparent; color: inherit; border-radius: 14px; padding: 10px 14px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.privacy-actions button:hover { background: #7da28f1c; }
.privacy-actions .privacy-manage { flex: 0 1 auto; border-color: transparent; text-decoration: underline; font-weight: 500; }
.web-privacy-banner a, .web-privacy-dialog a { color: inherit; text-decoration: underline; font-size: 14px; }
.web-privacy-backdrop { position: fixed; inset: 0; z-index: 140; background: #07112099; backdrop-filter: blur(6px); display: flex; justify-content: center; align-items: center; padding: 18px; }
.web-privacy-dialog { width: min(100%, 560px); max-height: calc(100dvh - 36px); overflow: auto; border-radius: 26px; padding: 26px; background: var(--card, #fff); color: var(--ink, #19332a); box-shadow: 0 24px 96px #0004; }
.web-privacy-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.web-privacy-heading h2 { font-size: 23px; margin: 0; }
.web-privacy-heading button { font: inherit; font-size: 28px; color: inherit; background: transparent; border: 0; min-width: 44px; min-height: 44px; cursor: pointer; }
.privacy-purpose { padding: 18px 0; border-block-end: 1px solid #78918555; }
.privacy-toggle { display: flex; justify-content: space-between; gap: 18px; align-items: center; font-weight: 700; }
.privacy-adult { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.5; padding-top: 6px; }
.privacy-purpose input { appearance: auto; accent-color: #2a7457; min-width: 22px; min-height: 22px; margin: 0; cursor: pointer; }
.web-privacy-dialog small { display: block; margin: 5px 0 20px; color: inherit; opacity: .75; font-size: 12px; }
.privacy-retention { opacity: .8; }
.privacy-modal-open { overflow: hidden; }
[data-theme="dark"] .web-privacy-dialog, [data-theme="dark"] .web-privacy-banner { background: #17263b; color: #e6eef9; border-color: #3a536e; }
@media (max-width: 540px) { .web-privacy-banner { inset-inline: 12px; padding: 18px; gap: 10px; max-height: 65dvh; overflow: auto; border-radius: 20px; } .web-privacy-banner p { font-size: 13px; } .web-privacy-banner h2 { font-size: 19px; } .privacy-mark { display: none; } .web-privacy-banner { grid-template-columns: 1fr; } .privacy-actions .privacy-manage { flex-basis: 100%; } .web-privacy-dialog { padding: 22px; } }

.web-privacy-dialog { display: flex; flex-direction: column; overflow: hidden; }
.web-privacy-heading { flex-shrink: 0; padding-block-end: 8px; }
.web-privacy-body { min-height: 0; overflow: auto; }
.web-privacy-dialog > .privacy-actions { flex-shrink: 0; padding-block-start: 14px; border-block-start: 1px solid #78918555; }


.web-privacy-banner{bottom:18px;background:var(--paper);color:var(--ink);border-color:var(--line)}

/* Editorial illustrations also appear within each guide. */
.card-art.card-image{padding:0;min-height:0;aspect-ratio:3/2;background:#e8dfd0}
.card-image img{display:block;width:100%;height:100%;object-fit:cover}
.article-illustration{margin:0 0 38px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#e8dfd0}
.article-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.article-illustration figcaption{padding:13px 18px;font-size:12px;line-height:1.65;color:var(--muted);background:var(--paper)}
.study-exercise{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.study-exercise h3{margin:0 0 12px;font-size:18px;line-height:1.5;letter-spacing:-.2px}
.study-exercise summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-weight:750;color:var(--accent);padding:10px 4px}
.study-exercise details[open] summary{border-bottom:1px solid var(--line);margin-bottom:14px}
.study-exercise details div p:last-child{margin-bottom:0}
.study-exercise summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:5px}
.concept-list{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.concept-list dt{font-weight:800;color:var(--accent)}
.concept-list dd{margin:5px 0 18px}.concept-list dd:last-child{margin-bottom:0}
.prices-nav{text-decoration:none;font-size:14px;font-weight:750;padding:10px 0;min-height:44px;display:flex;align-items:center}
@media(max-width:700px){.article-illustration{border-radius:18px;margin-bottom:25px}.blog-header nav{gap:12px}.prices-nav{font-size:12px}.blog-header .header-practice{display:none}.brand{flex:none}}