:root{--paper:#f7f3eb;--ink:#252c29;--muted:#53605b;--green:#173f3b;--sage:#dce5db;--rust:#785926;--line:#d4c8b6;--white:#fffcf6}
.masthead,.footer{background:var(--green);color:var(--paper)}.header-inner{min-height:82px}.brand{font-weight:600;white-space:nowrap}.brand-mark{display:none}.nav{gap:24px}.masthead a:hover,.footer a:hover{color:#e9cd9e}.masthead :focus-visible,.footer :focus-visible{outline-color:#e9cd9e}.mobile-nav nav{color:var(--ink)}
.kl-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:530px;border-bottom:1px solid #b58a50}.kl-hero-copy{padding:58px 30px 45px 0;align-self:center}.kl-hero h1{font-size:clamp(2.7rem,4.4vw,4.6rem);font-weight:500;line-height:1.06;max-width:580px;margin-bottom:26px;color:var(--green)}.kl-hero .intro{max-width:440px;font-size:1.1rem;line-height:1.6}.kl-hero-photo{position:relative;margin:0;min-height:530px}.kl-hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center}.kl-hero-photo figcaption{position:absolute;bottom:12px;right:14px;font-size:.65rem;background:#f7f3ebed;padding:3px 8px;color:var(--ink)}
.section{padding-top:42px;padding-bottom:42px}.section-head h2{font-size:2.3rem}.cards{gap:26px}.card{border:0;padding:0}.card h3{font-size:1.7rem;margin:16px 0 12px}.card p{color:var(--ink);line-height:1.65}.kl-card-image{display:block;overflow:hidden;aspect-ratio:3/2;background:var(--sage)}.kl-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.kl-card-image:hover img{transform:scale(1.025)}.card .read{color:var(--green);font-weight:600}.kl-practical{border-top:1px solid #b58a50;border-bottom:1px solid #b58a50;padding:28px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.kl-practical h2{font-size:2rem;margin-bottom:0}.kl-practical-links{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center;font-size:.9rem}.kl-practical-links a{font-weight:500}
.article-header h1{color:var(--green);font-weight:500;font-size:clamp(2.3rem,4vw,4rem)}.article-layout{grid-template-columns:minmax(0,860px) 240px;gap:48px}.article-body{max-width:800px}.article-body h2{font-size:1.85rem;color:var(--green)}.article-image{margin:25px 0 32px}.article-image img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:0}.article-image figcaption{font-size:.7rem;color:var(--muted);margin-top:7px}.sidebar{border-top:0;border-left:1px solid #b58a50;padding:20px 0 0 22px;top:24px;margin-top:20px}.sidebar h2{font:1.35rem Georgia,serif;letter-spacing:-.02em;text-transform:none;color:var(--green)}.sidebar a{line-height:1.5;padding:12px 0}.byline{line-height:1.8}.footer{margin-top:35px}.footer p,.footer-bottom{color:#e0e6df}.footer .eyebrow{color:#e9cd9e}.footer-bottom{border-color:#55746a}.footer .brand{white-space:normal}.footer a{color:inherit}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.kl-image-note{font-size:.7rem;color:var(--muted);margin:16px 0 0}
@media(max-width:1100px){.header-inner{gap:15px}.nav{gap:15px;font-size:.78rem}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:900px){.nav{display:none}.mobile-nav{display:block}.mobile-nav nav{background:var(--paper)}.mobile-nav a:hover{color:var(--green)}.kl-hero-copy{padding:35px 25px 35px 0}.kl-hero-photo{min-height:480px}}
@media(max-width:760px){.header-inner{min-height:72px}.brand{font-size:1.25rem}.kl-hero{grid-template-columns:1fr}.kl-hero-copy{padding:34px 0 20px}.kl-hero h1{font-size:2.8rem;max-width:550px}.kl-hero-photo{min-height:0;aspect-ratio:4/3}.kl-hero-photo img{position:absolute}.cards{grid-template-columns:1fr;gap:32px}.kl-practical{grid-template-columns:1fr;gap:20px}.article-layout{grid-template-columns:1fr}.sidebar{display:none}.article-body{width:100%;overflow-wrap:break-word}.article-header h1{font-size:2.4rem}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.article-image img{max-height:none}.section{padding:32px 0}}
@media(prefers-reduced-motion:reduce){.kl-card-image img{transition:none}}
.mobile-nav summary{white-space:nowrap}.mobile-nav{flex-shrink:0}
.kl-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related h2{font-size:1.8rem}.kl-related-grid h3{font-size:1.25rem;margin-top:12px;line-height:1.3}.kl-related-grid h3 a{text-decoration:none}
@media(max-width:500px){.kl-related-grid{grid-template-columns:1fr}}
@media(max-width:360px){.brand{font-size:1.08rem}.header-inner{gap:10px}}
