.kb-hero::before { background: radial-gradient(ellipse at 85% 30%, #174d2a, #08100b 65%); opacity: 1; }
.kb-section,.kb-guides { padding: 80px max(28px, calc((100vw - var(--max)) / 2)); background: #f0f3ee; color: #17251b; }
.kb-heading { font: 600 clamp(34px,4vw,56px)/1.08 "Space Grotesk",sans-serif; letter-spacing: -.045em; margin: 16px 0 24px; }
.kb-intro { max-width: 760px; color: #4b5b50; }
.kb-search { margin: 35px 0; max-width: 760px; }
.kb-search label { display: block; font-weight: 700; margin-bottom: 10px; }
.kb-search input { width: 100%; font: inherit; border: 1px solid #788d7e; background: #fff; color: #17251b; border-radius: 4px; padding: 16px; }
.kb-search input:focus-visible,.kb-card summary:focus-visible { outline: 3px solid #217b3b; outline-offset: 4px; }
#kb-count { font-size: 13px; color: #526057; min-height: 21px; }
.kb-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.kb-card { background: #fff; border: 1px solid #d3ddd4; border-radius: 4px; scroll-margin-top: 100px; overflow-wrap: anywhere; }
.kb-card summary { padding: 28px; cursor: pointer; list-style: none; }
.kb-card summary::-webkit-details-marker { display:none; }
.kb-category { color: #25633a; font-size: 11px; text-transform: uppercase; letter-spacing: .13em; font-weight: 800; }
.kb-card h2 { font: 600 27px/1.16 "Space Grotesk",sans-serif; margin: 13px 0; letter-spacing: -.025em; }
.kb-card summary p { color: #526057; margin: 0; }
.kb-open { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; font-size: 13px; font-weight: 800; color: #25633a; }
.kb-open b { font-size: 25px; transition: transform .2s; }
.kb-card[open] .kb-open b { transform: rotate(45deg); }
.kb-body { padding: 0 28px 28px; border-top: 1px solid #e3e9e3; }
.kb-body h3 { font-size: 17px; margin: 24px 0 6px; }
.kb-body p { color: #3d4c41; }
.kb-example { background: #eaf3e8; border-left: 3px solid #368848; padding: 18px; margin: 22px 0; font-size: 15px; }
.kb-example b { display: block; margin-bottom: 8px; }
.kb-source { font-size: 12px; margin-top: 24px; }
.kb-source a { text-decoration: underline; text-underline-offset: 3px; }
.kb-note { margin-top: 32px; color: #526057; max-width: 850px; font-size: 14px; }
.kb-guides { background: #e4ebe2; }
.kb-guides article { padding: 32px; background: white; margin-top: 24px; border-radius: 4px; scroll-margin-top: 100px; }
.kb-guides h3 { font: 600 28px/1.2 "Space Grotesk",sans-serif; margin: 12px 0 25px; }
.kb-guides li { margin: 12px 0; padding-left: 5px; }
.kb-section,.kb-guides { scroll-margin-top: 68px; }
[hidden] { display:none !important; }
@media(max-width:700px) { .kb-grid { grid-template-columns:1fr; } .kb-section,.kb-guides { padding: 55px 20px; } .kb-card summary { padding:24px; } .kb-body { padding:0 24px 24px; } .kb-guides article { padding:24px; } .kb-hero { min-height:620px; } }