/* Hallmark · genre: modern-minimal · macrostructure: Split Studio
 * design-system: design.md · designed-as-app · theme: Hazel Blueprint
 * nav: existing N3 side rail · footer: existing dense colophon
 * enrichment: labelled source-and-answer example · motion: native disclosures
 * pre-emit critique: P5 H4 E4 S5 R5 V4 */
.knowledge-base-page .kb-section,.knowledge-base-page .kb-hero{padding:var(--space-3xl) var(--space-lg)}
.knowledge-base-page .kb-hero{display:grid;gap:var(--space-2xl);align-items:center;border-bottom:1px solid var(--color-dark-line)}
.kb-intro h1{max-width:13ch;margin:var(--space-lg) 0 var(--space-xl)}
.kb-intro h1 span{color:var(--color-light-blue);display:block}
.kb-lede{max-width:49ch;color:var(--color-dark-muted)}
.kb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);margin-top:var(--space-xl)}
.knowledge-base-page .kb-actions .button{white-space:nowrap;padding-inline:var(--space-md)}
.knowledge-base-page .kb-hero-note{font-size:.875rem;line-height:1.65;color:var(--color-dark-muted);margin-top:var(--space-lg);max-width:48ch}
.kb-example{margin:0;padding:var(--space-lg);background:var(--color-paper);color:var(--color-navy);border-radius:var(--radius-control)}
.kb-example figcaption{display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;border-bottom:1px solid var(--color-service-line);padding-bottom:var(--space-lg);font:400 .75rem/1.6 var(--font-mono);color:var(--color-service-muted)}
.kb-example figcaption span:first-child{color:var(--color-blue)}
.knowledge-base-page .kb-question{font:500 clamp(1.375rem,1.7vw,1.75rem)/1.35 var(--font-display);letter-spacing:-.025em;margin:var(--space-xl) 0 var(--space-lg)}
.kb-answer ol{padding-left:var(--space-lg);margin:var(--space-sm) 0 var(--space-xl)}
.kb-answer li{padding-left:var(--space-xs);margin-block:var(--space-sm);line-height:1.65}
.kb-source{border-top:1px solid var(--color-service-line);border-bottom:1px solid var(--color-service-line)}
.kb-source summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:48px;color:var(--color-blue);font-size:.875rem;cursor:pointer;list-style:none;white-space:nowrap}
.kb-source summary::-webkit-details-marker{display:none}
.kb-source summary:hover{color:var(--color-blue-hover)}
.kb-source summary:focus-visible{outline-color:var(--color-blue)}
.kb-source[open] summary span{transform:rotate(45deg)}
.kb-source summary span{font-size:1.25rem}
.kb-source>div{padding-block:var(--space-sm) var(--space-lg)}
.kb-source strong{display:block;font-weight:500;font-size:.875rem;margin-bottom:var(--space-sm)}
.knowledge-base-page .kb-source p,.knowledge-base-page .kb-example-note{font-size:.875rem;line-height:1.65;color:var(--color-service-muted)}
.knowledge-base-page .kb-source .kb-source-note{margin-top:var(--space-md);font-size:.75rem}
.knowledge-base-page .kb-example-note{margin-top:var(--space-lg)}
.kb-context{display:grid;gap:var(--space-lg);background:var(--color-raised)}
.kb-context h2{max-width:18ch}
.kb-context p{max-width:59ch;color:var(--color-dark-muted);margin-bottom:var(--space-lg)}
.knowledge-base-page .kb-context-close{color:var(--color-white);margin-bottom:0}
.kb-section-head{max-width:51rem;margin-bottom:var(--space-xl)}
.kb-section-head h2{max-width:23ch}
.kb-section-head>p{max-width:64ch;margin-top:var(--space-lg);color:var(--color-dark-muted)}
.kb-use-list article{display:grid;gap:var(--space-md);padding-block:var(--space-xl);border-top:1px solid var(--color-dark-line)}
.kb-use-title{display:flex;align-items:baseline;gap:var(--space-md)}
.kb-use-list article>div>p{color:var(--color-dark-muted);max-width:64ch}
.knowledge-base-page .kb-use-question{font-size:.9375rem;margin-top:var(--space-lg);color:var(--color-white)}
.kb-use-question span{display:block;color:var(--color-light-blue);font:400 .75rem/1.5 var(--font-mono);margin-bottom:var(--space-xs)}
.knowledge-base-page .kb-flow{padding-top:0}
.kb-flow ol{list-style:none;display:grid;gap:var(--space-xl);padding:0;margin:var(--space-2xl) 0 var(--space-xl)}
.kb-flow li{position:relative;border-top:1px solid var(--color-dark-line);padding-top:var(--space-lg)}
.kb-step{font:400 .875rem/1.5 var(--font-mono);color:var(--color-light-blue)}
.kb-flow h3{margin:var(--space-sm) 0}
.kb-flow li p,.knowledge-base-page .kb-flow-note{font-size:.9375rem;color:var(--color-dark-muted);line-height:1.75}
.kb-flow-note{max-width:80ch;padding-top:var(--space-lg);border-top:1px solid var(--color-dark-line)}
.kb-scope{background:var(--color-paper);color:var(--color-navy)}
.kb-scope .kb-section-head>p,.kb-scope article p,.kb-source-strip>p{color:var(--color-service-muted)}
.kb-deliverables{display:grid;gap:0 var(--space-2xl)}
.kb-deliverables article{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-xl);border-top:1px solid var(--color-service-line)}
.kb-deliverables .service-number{color:var(--color-blue)}
.kb-deliverables article p{margin-top:var(--space-sm);max-width:55ch}
.kb-source-strip{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-service-line);display:grid;gap:var(--space-md)}
.kb-source-strip h3{max-width:28ch}
.kb-pilot{display:grid;gap:var(--space-lg)}
.kb-pilot .kb-section-head{margin:0}
.kb-pilot .service-route-link{margin-top:var(--space-lg)}
.kb-validation{border-top:1px solid var(--color-dark-line);padding-top:var(--space-lg)}
.kb-validation h3{max-width:30ch}
.kb-validation ul{list-style:none;margin:var(--space-lg) 0;padding:0;display:grid;gap:var(--space-lg)}
.kb-validation li{line-height:1.75;color:var(--color-dark-muted)}
.kb-validation strong{font-weight:500;color:var(--color-white)}
.knowledge-base-page .kb-validation>p{font-size:.9375rem;color:var(--color-dark-muted)}
.knowledge-base-page .kb-questions{padding-top:0}
.knowledge-base-page .kb-questions h2{margin-top:0}
@media(min-width:680px){.knowledge-base-page .kb-section,.knowledge-base-page .kb-hero{padding-inline:var(--space-2xl)}.kb-example{padding:var(--space-xl)}.kb-use-list article{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-xl)}.kb-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.knowledge-base-page .kb-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-2xl);padding-block:var(--space-4xl)}.knowledge-base-page .kb-section{padding-block:var(--space-4xl)}.knowledge-base-page .kb-flow,.knowledge-base-page .kb-questions{padding-top:0}.kb-context{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-2xl)}.kb-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.kb-source-strip{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--space-2xl)}.kb-pilot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}.kb-pilot .kb-section-head{order:2}}
@media(min-width:1700px){.knowledge-base-page .kb-section,.knowledge-base-page .kb-hero{padding-inline:var(--space-4xl)}}
@media(max-width:540px){.knowledge-base-page .kb-hero{padding-top:var(--space-2xl)}.kb-actions{align-items:flex-start;flex-direction:column}.knowledge-base-page .kb-intro h1{font-size:clamp(2.5rem,10vw,3.25rem)}}