/* Visual lead for fallback knowledge records. Shared product tokens carry
   both themes; this file owns layout only. */
.knowledge-visual{margin-block:22px 0;padding:clamp(18px,3vw,26px);border:1px solid var(--edge);border-radius:var(--r);background:var(--card);min-width:0;overflow-wrap:anywhere}
.knowledge-visual-header{display:grid;grid-template-columns:minmax(9rem,.65fr) minmax(0,1.35fr);gap:clamp(18px,4vw,42px);align-items:start;padding-bottom:22px;border-bottom:1px solid var(--edge-soft)}
.knowledge-visual-kicker{margin:0 0 5px;color:var(--brand-deep);font-family:var(--label);font-size:var(--t-xs);font-weight:700;letter-spacing:-.01em;}
.knowledge-visual h3{margin:0;font-family:var(--display);font-size:var(--t-lg);line-height:1.2;letter-spacing:-.025em}
.knowledge-visual h4{margin:0 0 10px;color:var(--faint);font-family:var(--label);font-size:var(--t-xs);font-weight:700;letter-spacing:-.01em;}
.knowledge-visual-purpose{margin:0;color:var(--ink);font-family:var(--ui);font-size:var(--t-md);font-weight:600;line-height:1.5}
.knowledge-visual-process,.knowledge-visual-map{padding-top:24px}
.knowledge-visual-inputs{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:14px;margin-bottom:26px;align-items:start}
.knowledge-visual-inputs h4{padding-top:7px}
.knowledge-visual-inputs ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}
.knowledge-visual-inputs li{padding:6px 10px;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--sunk);color:var(--soft);font-size:var(--t-xs);line-height:1.35}
.knowledge-visual-roadmap ol{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0;counter-reset:none}
.knowledge-visual-roadmap li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;min-width:0;padding:0 0 22px}
.knowledge-visual-roadmap li::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1px;background:var(--edge)}
.knowledge-visual-roadmap li:last-child::before{display:none}
.knowledge-visual-step-number{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--brand);border-radius:50%;background:var(--card);color:var(--brand-deep);font-family:var(--label);font-size:var(--t-xs);font-weight:700}
.knowledge-visual-roadmap strong,.knowledge-visual-roadmap div>span{display:block}
.knowledge-visual-roadmap strong{margin:2px 0 4px;color:var(--ink);font-family:var(--ui);font-size:var(--t-sm);line-height:1.35}
.knowledge-visual-roadmap div>span{color:var(--soft);font-family:var(--ui);font-size:var(--t-xs);line-height:1.5}
.knowledge-visual-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 24px;padding:1px;background:var(--edge);border-radius:var(--r-sm);overflow:hidden}
.knowledge-visual-facts div{min-width:0;padding:14px 16px;background:var(--card)}
.knowledge-visual-facts dt{color:var(--faint);font-family:var(--label);font-size:var(--t-xs);font-weight:700;}
.knowledge-visual-facts dd{margin:4px 0 0;color:var(--ink);font-family:var(--ui);font-size:var(--t-sm);line-height:1.45}
.knowledge-visual-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:18px}
.knowledge-visual-groups>section{min-width:0;padding:15px 16px;background:var(--sunk);border-radius:var(--r-sm)}
.knowledge-visual-groups p{margin:0;color:var(--soft);font-family:var(--ui);font-size:var(--t-xs);line-height:1.55}
.knowledge-visual-lines{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.knowledge-visual-lines li{position:relative;min-width:0;padding-left:14px;color:var(--ink);font-family:var(--ui);font-size:var(--t-xs);line-height:1.5}
.knowledge-visual-lines li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:1px;background:var(--brand)}
.knowledge-visual-boundaries{margin-top:24px;padding:16px 18px;border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--paper)}
.knowledge-visual-boundaries .knowledge-visual-lines li::before{background:var(--faint)}
.knowledge-visual-finish{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.knowledge-visual-finish>section{min-width:0;padding-top:15px;border-top:2px solid var(--brand)}
.knowledge-visual-finish p{margin:0;color:var(--ink);font-family:var(--ui);font-size:var(--t-xs);line-height:1.55}
.knowledge-visual-more,.knowledge-visual-source-note{color:var(--faint);font-family:var(--ui);font-size:var(--t-xs);line-height:1.5}
.knowledge-visual-more{margin:8px 0 0}
.knowledge-visual-source-note{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--edge-soft)}
@media(max-width:768px){.knowledge-visual-header{grid-template-columns:1fr;gap:10px}.knowledge-visual-inputs{grid-template-columns:1fr;gap:6px}.knowledge-visual-inputs h4{padding-top:0}.knowledge-visual-finish{grid-template-columns:1fr}.knowledge-visual-facts{grid-template-columns:1fr}}
@media(max-width:420px){.knowledge-visual{padding:17px 15px}.knowledge-visual-roadmap li{grid-template-columns:28px minmax(0,1fr);gap:9px}.knowledge-visual-step-number{width:28px;height:28px}.knowledge-visual-roadmap li::before{left:13px;top:28px}.knowledge-visual-groups{grid-template-columns:1fr}}
@media(forced-colors:active){.knowledge-visual-step-number,.knowledge-visual-groups>section,.knowledge-visual-finish>section{border-color:CanvasText}.knowledge-visual-lines li::before{background:CanvasText}}