/* Journal: the owner-approved editorial identity, extended for reading. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.guide-art{display:block;width:100%;height:auto}
.blog-hero{padding-top:85px;padding-bottom:58px;display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:70px}
.blog-hero h1{font:normal clamp(50px,5.5vw,82px)/1.03 Georgia,serif;letter-spacing:-2.8px;margin:25px 0 0}
.blog-hero h1 em{font-weight:normal;color:var(--green)}
.blog-hero>p{font-size:18px;line-height:1.65;max-width:360px;margin:0 0 6px;color:var(--muted)}
.blog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.blog-categories{display:flex;gap:5px;flex-wrap:wrap}
.blog-categories button{border:1px solid transparent;background:transparent;color:var(--ink);font:500 12px/1.4 Inter,Arial,sans-serif;padding:10px 13px;border-radius:22px;cursor:pointer}
.blog-categories button[aria-pressed="true"]{background:var(--green);color:var(--paper)}
.blog-categories button:hover{border-color:var(--green)}
.blog-search{width:240px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #aebaae}
.blog-search input{background:transparent;width:100%;min-width:0;border:0;color:var(--ink);font:14px Inter,Arial,sans-serif;padding:10px 0;outline-offset:4px}
.blog-search button{font:26px Georgia,serif;background:transparent;border:0;color:var(--green);cursor:pointer}
.blog-results-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:32px 0 22px}
.blog-results-heading h2{font:normal 23px/1.3 Georgia,serif;margin:0}
.blog-results-heading p{font-size:12px;color:var(--muted);margin:0}
.featured-guide{display:grid;grid-template-columns:1fr 1.05fr;background:#eeeee4;border:1px solid #d5dccf;border-radius:5px;overflow:hidden;margin-bottom:30px}
.featured-guide[hidden],.guide-card[hidden],.blog-empty[hidden]{display:none}
.featured-guide-copy{padding:37px 42px 40px;display:flex;flex-direction:column;align-items:flex-start}
.featured-label{font:600 9px Inter,Arial,sans-serif;letter-spacing:1.8px;color:var(--green);border:1px solid #b9c8b8;border-radius:20px;padding:7px 10px;margin-bottom:22px}
.guide-meta{font:500 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.4px;color:var(--green);display:flex;gap:10px;align-items:center}
.featured-guide h2{font:normal clamp(30px,3.2vw,44px)/1.1 Georgia,serif;letter-spacing:-.8px;margin:12px 0 15px;max-width:440px}
.featured-guide h2 a,.guide-card h3 a{text-decoration:none;color:inherit}
.featured-guide h2 a:hover,.guide-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.featured-guide-copy>p:not(.guide-meta){font-size:14px;line-height:1.65;color:var(--muted);max-width:370px;margin:0 0 25px}
.featured-guide .button{margin-top:auto}
.featured-guide-art{background:#dce6db;display:flex;align-items:center;text-decoration:none}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-card{border:1px solid var(--border);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:#faf9f4}
.guide-card-art{display:block;overflow:hidden;border-bottom:1px solid var(--border);background:#dce6db}
.guide-card-art svg{transition:transform .3s ease}
.guide-card-art:hover svg{transform:scale(1.025)}
.guide-card-copy{padding:23px 25px 28px;display:flex;flex-direction:column;flex:1}
.guide-card h3{font:normal 27px/1.15 Georgia,serif;letter-spacing:-.4px;margin:12px 0}
.guide-card-copy>p:not(.guide-meta){font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 22px}
.guide-card .text-link{font-size:12px;margin-top:auto}
.blog-empty{background:#eeeee4;padding:55px 30px;text-align:center;border:1px solid var(--border)}
.blog-empty h2{font:normal 36px Georgia,serif}.blog-empty p{color:var(--muted);margin-bottom:25px}
.blog-library{padding-bottom:90px}
.blog-example-link{display:grid;grid-template-columns:1.1fr 250px .55fr;align-items:center;gap:70px;border-top:1px solid var(--border);padding-top:60px;padding-bottom:65px}
.blog-example-link h2{font:normal 47px/1.05 Georgia,serif;letter-spacing:-1px;margin:19px 0}
.blog-example-link p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);max-width:350px}
.blog-example-link img{display:block;width:190px;height:auto;box-shadow:0 9px 23px #193c3612;transform:rotate(4deg);margin:auto}
.blog-example-note{font:italic 21px/1.5 Georgia,serif;color:var(--green)}
.home-guides{padding-top:75px;padding-bottom:80px}
.home-guide-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.home-guide-title h2{font:normal clamp(36px,3.8vw,54px)/1.05 Georgia,serif;letter-spacing:-1.2px;margin:16px 0 0}
.home-guide-title p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 15px}
.article-breadcrumb{padding-top:27px;display:flex;gap:12px;font-size:11px;color:var(--muted)}
.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}
.article-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px;padding-top:45px;padding-bottom:55px;border-bottom:1px solid var(--border)}
.article-hero h1{font:normal clamp(39px,4.2vw,61px)/1.06 Georgia,serif;letter-spacing:-1.6px;margin:23px 0}
.article-dek{font-size:16px;line-height:1.65;color:var(--muted);max-width:550px}
.article-byline{display:flex;gap:12px;align-items:center;margin-top:28px;font-size:11px}
.byline-mark{width:43px;height:43px;background:#e4e9de;border:1px solid #ccd5c5;border-radius:50%;display:grid;place-items:center}
.article-byline>div{display:grid;gap:5px}.article-byline strong{font-size:10px;letter-spacing:1px;font-weight:600}.article-byline>div>span{color:var(--muted)}
.article-hero-art{margin:0;min-width:0}.article-hero-art svg{border-radius:4px}.article-hero-art figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}
.article-layout{display:grid;grid-template-columns:235px minmax(0,730px);gap:75px;padding-top:50px;padding-bottom:80px;justify-content:center}
.article-sidebar{position:sticky;top:112px;align-self:start}
.article-contents summary{list-style:none;font-size:10px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;border-top:1px solid var(--green);padding:20px 0 17px}
.article-contents summary::-webkit-details-marker{display:none}.article-contents summary>span{float:right;display:none}
.article-contents nav{display:grid;gap:3px}
.article-contents a{display:flex;gap:12px;padding:10px 0;font-size:12px;line-height:1.5;text-decoration:none;color:var(--muted)}
.article-contents a>span{font-size:10px;flex-shrink:0;color:#9aa48f;margin-top:2px}
.article-contents a.active,.article-contents a:hover{color:var(--green)}
.article-sidebar-example{display:grid;gap:10px;background:#e9eddf;padding:23px 21px;text-decoration:none;color:var(--ink);margin-top:30px;border-radius:3px}
.article-sidebar-example .eyebrow{font-size:8px;letter-spacing:1.2px}.article-sidebar-example strong{font:normal 24px/1.1 Georgia,serif}.article-sidebar-example>span:last-child{font-size:11px;color:var(--green)}
/* The example action stays visible directly below the article contents. */
.article-example-cta{display:grid;gap:12px;background:#e9eddf;border:1px solid #d5dccf;border-radius:5px;padding:23px 20px;margin-top:28px}
.article-example-cta .eyebrow{font-size:9px;letter-spacing:1.2px;color:var(--green);margin:0}
.article-example-cta h2{font:normal 26px/1.12 Georgia,serif;letter-spacing:-.5px;margin:0}
.article-example-cta>p:not(.eyebrow){font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.article-example-cta .button{width:100%;gap:12px;padding:12px 10px;font-size:12px;margin-top:3px}
@media(min-width:621px) and (max-width:860px){.article-example-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:28px}.article-example-cta>p,.article-example-cta h2{grid-column:1}.article-example-cta>p:not(.eyebrow){max-width:350px}.article-example-cta .button{grid-column:2;grid-row:1/span 3;width:auto;min-width:165px}}
@media(max-width:620px){.article-example-cta{margin-top:20px;padding:23px}.article-example-cta h2{font-size:28px}.article-example-cta>p:not(.eyebrow){font-size:13px}}
.article-body{min-width:0;font-size:16px;line-height:1.85}
.article-intro{font:normal 24px/1.55 Georgia,serif;margin:0 0 29px}
.article-takeaway{border-left:3px solid var(--green);background:#eaeee3;padding:23px 28px;margin-bottom:43px}
.article-takeaway p{font:normal 21px/1.45 Georgia,serif;margin:11px 0 0}
.guide-section{scroll-margin-top:120px;margin:0 0 41px}
.guide-section h2{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.6px;margin:0 0 22px}
.guide-section p{margin:0 0 20px}.guide-section h3{font:normal 24px/1.2 Georgia,serif;margin:12px 0}
.article-body a{color:var(--green);text-underline-offset:4px}
.article-body li{padding-left:5px;margin-bottom:12px}.article-body ul,.article-body ol{padding-left:24px;margin:20px 0 25px}
.article-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px 0}
.article-compare>div{border-top:1px solid var(--green);padding:18px 0}.article-compare p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:0}
.article-body blockquote{font:italic 28px/1.45 Georgia,serif;color:var(--green);margin:32px 0;padding:27px 0;border-top:1px solid #cbd4c7;border-bottom:1px solid #cbd4c7}
.article-note{background:#eeeee4;border:1px solid var(--border);padding:25px;margin:25px 0}.article-note p{margin:9px 0 0}
.article-body .table-scroll{margin:27px 0}.article-body table{width:100%;font-size:12px;line-height:1.55}
.article-body caption{text-align:left;font-size:10px;letter-spacing:.3px;padding-bottom:15px;color:var(--muted)}
.article-body th,.article-body td{padding:14px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #dce1d5}
.article-body th:first-child{width:37%}.article-body td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
.article-body thead{background:#e7ecdf}.article-body thead th{font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.6px}
.article-equation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 20px;background:#e9eddf;margin:27px 0}
.article-equation>span{font:normal 27px/1.2 Georgia,serif;display:grid;gap:10px}.article-equation small{font:10px/1.4 Inter,Arial,sans-serif;color:var(--muted)}
.slide-outline{list-style:none;counter-reset:slide;padding:0!important}
.slide-outline li{counter-increment:slide;display:grid;grid-template-columns:30px 145px 1fr;gap:16px;padding:15px 0!important;margin:0!important;border-bottom:1px solid var(--border);font-size:14px}
.slide-outline li::before{content:counter(slide,decimal-leading-zero);font-size:11px;color:var(--green);padding-top:4px}.slide-outline li>strong{font-weight:500}.slide-outline li>span{color:var(--muted)}
.article-case-note{border-top:1px solid var(--border);padding-top:27px;margin-top:45px;font-size:13px;color:var(--muted)}.article-case-note strong{font-weight:500;color:var(--ink)}.article-case-note p{margin:11px 0 13px}
.article-end{margin-top:35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:20px;font-size:11px}.article-end>span{color:var(--muted)}
.related-guides{padding-top:60px;padding-bottom:85px;border-top:1px solid var(--border)}
@media(max-width:1100px){.blog-tools{align-items:flex-start;flex-direction:column}.blog-search{width:280px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:40px}.article-hero{gap:30px}.blog-example-link{gap:30px;grid-template-columns:1fr 200px .6fr}}
@media(max-width:860px){.blog-hero{gap:30px;padding-top:55px;grid-template-columns:1.4fr 1fr}.blog-hero h1{font-size:58px}.blog-hero>p{font-size:15px}.featured-guide-copy{padding:28px}.featured-guide h2{font-size:35px}.guide-grid{gap:16px}.guide-card-copy{padding:20px}.guide-card h3{font-size:24px}.article-hero{grid-template-columns:1fr 1fr;gap:30px}.article-hero h1{font-size:40px}.article-dek{font-size:14px}.article-layout{display:block;padding-top:30px}.article-sidebar{position:static;margin-bottom:35px}.article-sidebar-example{display:none}.article-contents{border-bottom:1px solid var(--border)}.article-contents summary{cursor:pointer;padding:20px 0}.article-contents summary>span{display:block}.article-contents nav{padding:0 0 20px}.article-contents a{font-size:13px}.article-body{max-width:730px;margin:auto}.blog-example-link{grid-template-columns:1fr 180px}.blog-example-note{display:none}}
@media(max-width:620px){.blog-hero{display:block;padding-top:43px;padding-bottom:35px}.blog-hero h1{font-size:51px;letter-spacing:-1.8px;margin-top:18px}.blog-hero>p{font-size:15px;max-width:340px;margin:23px 0 0}.blog-tools{gap:17px;padding:18px 0}.blog-categories{gap:3px}.blog-categories button{font-size:10px;padding:8px 10px}.blog-search{width:100%}.blog-results-heading{padding:26px 0 19px}.blog-results-heading h2{font-size:21px;max-width:240px}.featured-guide{display:flex;flex-direction:column-reverse;margin-bottom:20px}.featured-guide-copy{padding:26px}.featured-label{margin-bottom:15px}.featured-guide h2{font-size:33px}.featured-guide-copy>p:not(.guide-meta){font-size:13px}.featured-guide-art .guide-art{max-height:280px}.guide-grid{grid-template-columns:1fr;gap:20px}.guide-card-copy{padding:23px}.guide-card h3{font-size:29px}.guide-card-art svg{max-height:260px}.blog-library{padding-bottom:50px}.blog-example-link{grid-template-columns:1fr 105px;gap:18px;padding-top:35px;padding-bottom:40px}.blog-example-link h2{font-size:34px}.blog-example-link p:not(.eyebrow){font-size:12px}.blog-example-link img{width:100px}.blog-example-link .text-link{font-size:11px}.home-guides{padding-top:45px;padding-bottom:45px}.home-guide-title{display:block;margin-bottom:26px}.home-guide-title>div+div{margin-top:20px}.home-guide-title h2{font-size:39px}.home-guide-title p:not(.eyebrow){font-size:13px}.related-guides .home-guide-title>.text-link{display:inline-block;margin-top:20px}.article-breadcrumb{padding-top:23px;font-size:10px}.article-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:27px;gap:28px}.article-hero h1{font-size:43px;letter-spacing:-1.3px;margin:19px 0}.article-dek{font-size:15px}.article-byline{margin-top:23px}.article-hero-art figcaption{font-size:9px}.article-layout{padding-top:5px;padding-bottom:40px}.article-sidebar{margin-bottom:30px}.article-contents summary{border-top:0}.article-intro{font-size:22px;line-height:1.5}.article-body{font-size:15px;line-height:1.8}.article-takeaway{padding:20px 22px;margin-bottom:35px}.article-takeaway p{font-size:20px}.guide-section{margin-bottom:33px;scroll-margin-top:100px}.guide-section h2{font-size:30px}.article-compare{gap:19px}.article-compare h3{font-size:23px}.article-compare p{font-size:12px}.article-body blockquote{font-size:25px}.article-body table{min-width:520px}.article-body .table-scroll{margin:23px 0}.article-equation{gap:10px;padding:23px 14px;flex-wrap:wrap;justify-content:flex-start}.article-equation>span{font-size:23px}.article-equation small{font-size:9px}.article-equation>b{font-size:16px}.slide-outline li{grid-template-columns:23px 105px 1fr;gap:10px;font-size:12px}.article-end{font-size:10px}.related-guides{padding-top:40px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.guide-card-art svg{transition:none}}

.blog-categories button{min-height:40px}.blog-search button{min-width:44px;min-height:44px}

/* Each article pairs its explanatory hero with a contextual illustration. */
.article-illustration{margin:32px 0 8px;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--paper)}
.article-illustration>img{display:block;width:100%;height:auto}
.article-illustration figcaption{padding:17px 20px;display:grid;gap:7px;border-top:1px solid var(--border);font:11px/1.65 Inter,Arial,sans-serif;color:var(--muted)}
.article-illustration figcaption>span{font-size:8px;font-weight:600;letter-spacing:1.5px;color:var(--green)}
.article-illustration figcaption p{margin:0}
@media(max-width:620px){.article-illustration{margin:25px 0 6px}.article-illustration figcaption{padding:14px 16px;font-size:10px}}