.content-page{background:#f4f6f4;color:#233c2e}
.content-header{max-width:1120px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.content-header nav{display:flex;gap:8px 24px;flex-wrap:wrap}
.content-header nav a{font-size:.9375rem;padding:10px 0;min-height:44px;color:#315e37;text-underline-offset:4px}
.content-main{margin:0 auto;max-width:1120px;padding:8px 28px 30px;min-height:60vh}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.875rem;line-height:1.7;margin:0 0 20px;color:#52634f}
.breadcrumbs a{color:#315e37;text-underline-offset:4px}
.content-main article{background:#fff;border:1px solid #d3ddd0;border-radius:14px;padding:42px 48px;overflow-wrap:anywhere}
.content-main h1{font:clamp(2rem,3.5vw,2.8rem)/1.2 Georgia;letter-spacing:-.025em;max-width:25ch;margin:0 0 16px}
.content-main h2{font:1.6rem/1.35 Georgia;margin:34px 0 12px;max-width:36ch}
.content-main p,.content-main li{font-size:1.0625rem;line-height:1.85;max-width:74ch;color:#3f563c}
.content-main .lead{font-size:1.2rem;line-height:1.8;color:#294a32}
.content-main .updated{font-size:.875rem;color:#52634f;margin:0 0 28px}
.content-main a{color:#315e37;text-underline-offset:4px}
.content-main li{margin:10px 0}
.content-main .button{color:white;text-decoration:none;font-size:1rem}
.content-main .back-link{margin-top:32px}
.content-footer{max-width:1064px;margin:0 auto;padding:26px 0 40px}
kbd{font:inherit;background:#f1f5ed;border:1px solid #b4c0ac;border-radius:4px;padding:1px 6px;color:#244d3d}
@media(max-width:720px){.content-header{padding:24px 20px;gap:20px}.content-header nav{gap:4px 20px}.content-main{padding:0 16px 24px}.content-main article{padding:28px 22px}.content-main h1{font-size:2rem}.content-main h2{font-size:1.5rem}.content-main p,.content-main li{font-size:1rem}.content-main .lead{font-size:1.125rem}.content-footer{margin:0 20px;padding-bottom:30px}.content-header .brand .brand-icon{width:42px;height:42px}.content-main ul{padding-left:22px}}