.knowledge-gauge{--kg-accent:var(--purple);--kg-gold:var(--gold);color:var(--ink);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}

/* A dimensional instrument, locally styled: no remote fonts, canvas or runtime. */
.kg-instrument{position:relative;padding:10px;background:linear-gradient(145deg,#44384e 0%,#241b2e 36%,#17121e 100%);border:1px solid #be9956;border-bottom:3px solid #785621;border-radius:9px;box-shadow:0 5px 9px #140d202e,inset 0 1px 1px #ffffff42,inset 0 -3px 5px #0009;isolation:isolate}
.kg-window{position:relative;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 50% 115%,#ffdc96 0%,#f4e4b9 43%,#e7dcc5 100%);box-shadow:inset 0 9px 16px #33241b55,inset 0 0 3px 2px #1a101b9c;border:1px solid #100917}
.kg-window:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#ffb82a4d,transparent 65%),repeating-linear-gradient(0deg,#64432104 0px,#64432104 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:0}
.kg-dial{stroke:none;stroke-width:0;stroke-linecap:butt;position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible}.kg-dial path{fill:none}.kg-dial .kg-print-arc{stroke:#49344f;stroke-width:1.1}.kg-dial .kg-print-accent{stroke:#90621a;stroke-width:2.5}.kg-dial .kg-tick{stroke:#473443;stroke-width:.8}.kg-dial .kg-major{stroke-width:1.5}.kg-dial text{fill:#38283c;text-anchor:middle;font-family:Arial,Helvetica,sans-serif}.kg-dial .kg-scale-number{font-size:14px;font-weight:500;dominant-baseline:middle}.kg-dial .kg-face-title{font-size:16px;font-weight:700;letter-spacing:1px;fill:#49344f}.kg-dial .kg-face-subtitle{font-size:8px;font-weight:600;letter-spacing:1.5px;fill:#574737}.kg-dial .kg-face-state{font-size:7px;letter-spacing:1.1px;fill:#574737}
.kg-needle{transform-origin:160px 184px;transition:transform .65s cubic-bezier(.22,1.3,.38,1);filter:drop-shadow(3px 4px 1.2px #24122c66)}.kg-dial .kg-needle path{fill:#26172d;stroke:none}.kg-hub-ring{fill:#ad8237;stroke:#725125;stroke-width:1;filter:drop-shadow(0px 2px 2px #21122999)}.kg-dial .kg-pivot-slot{stroke:#1e1826;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0px 1px 0px #fff5)}
.kg-glass{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:4px;box-shadow:inset 0 7px 11px #27162855,inset 0 0 5px #27162866,inset 0 -1px 1px #fff9;background:linear-gradient(112deg,transparent 25%,#ffffff03 29%,#ffffff35 30%,#ffffff50 31%,transparent 33%,transparent 35%,#ffffff17 36%,transparent 38%)}.kg-glass:before{content:"";position:absolute;top:-30%;left:-12%;width:124%;height:80%;border-radius:50%;background:radial-gradient(ellipse at 50% 5%,#fff8 0%,#ffffff20 50%,transparent 73%);border-bottom:1px solid #ffffff18}
.kg-case-fastener{position:absolute;width:4px;height:4px;bottom:2px;border-radius:50%;background:linear-gradient(135deg,#d6b881,#6e5131);box-shadow:0 1px 1px #0008}.kg-fastener-left{left:5px}.kg-fastener-right{right:5px}
.kg-label{display:block;font-size:12px;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--purple);margin-bottom:6px}.kg-status{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.kg-unscored{display:block;font-size:18px;line-height:1.2;letter-spacing:-.02em;margin-bottom:4px}.kg-copy{min-width:0}.kg-number{display:block;font-size:38px;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums;margin-bottom:6px}.kg-number span{font-size:17px;letter-spacing:0;color:var(--muted);font-weight:400}
.kg-compact{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);margin:14px 0 4px;text-decoration:none!important;min-height:90px}.kg-compact .kg-face{width:108px;flex:0 0 108px}.kg-compact .kg-label{font-size:10px;margin-bottom:4px;letter-spacing:.055em}.kg-compact .kg-unscored{font-size:15px}.kg-compact .kg-status{font-size:11px}.kg-chevron{margin-left:auto;font-size:19px;color:var(--purple);padding:0 3px}.kg-compact:hover .kg-label{text-decoration:underline;text-underline-offset:3px}.kg-compact:focus-visible,.kg-explanation summary:focus-visible,.kg-explanation a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.kg-full{margin:24px 0 28px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:3px;background:var(--card)}.kg-main{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;padding:26px 24px 20px}.knowledge-gauge .kg-connection{font-size:15px;line-height:1.5;margin:12px 0 0;color:var(--ink);max-width:48ch}.kg-explanation{border-top:1px solid var(--line);margin:0 20px}.knowledge-gauge .kg-explanation summary{list-style:none;display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--purple);cursor:pointer;font-size:13px;font-weight:700;line-height:1.5;padding:13px 0;min-height:44px;box-sizing:border-box}.kg-explanation summary::-webkit-details-marker{display:none}.kg-explanation summary span{font-size:20px;transition:transform .15s}.kg-explanation[open] summary span{transform:rotate(45deg)}.kg-explanation-body{padding:0 0 18px}.knowledge-gauge .kg-explanation-body p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 12px}.kg-explanation a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--purple);text-underline-offset:3px}
.hero-caption .knowledge-gauge{--ink:#fff;--muted:#e4deea;--purple:#e2c7f1;--purple-soft:#51415f;--line:#a89bb1;--card:#271c33;--gold:#dfb267;max-width:340px}.hero-caption .kg-compact{margin-top:12px;padding:5px 0;border-color:#a89bb1}.hero-caption .kg-face{width:94px;flex-basis:94px}.hero-caption .kg-compact .kg-status{color:#e4deea}
.kg-demo-controls{border:1px solid var(--line);padding:20px;border-radius:3px;background:var(--card);margin:20px 0}.kg-demo-controls label{display:block;color:var(--ink);font-weight:700;margin-bottom:12px}.kg-demo-controls input{width:100%;min-height:44px;accent-color:var(--purple);cursor:pointer}.kg-demo-controls input:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.kg-demo-controls p{font-size:13px;color:var(--muted)}.kg-preview-label{display:inline-block;color:var(--ink);background:var(--gold-pale);padding:5px 9px;font-size:12px;font-weight:700;letter-spacing:.04em}.kg-preview-link{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:600px){.kg-main{grid-template-columns:132px minmax(0,1fr);padding:20px 16px;gap:14px}.kg-full .kg-label{font-size:11px}.kg-full .kg-unscored{font-size:17px}.knowledge-gauge .kg-connection{font-size:14px}.kg-explanation{margin:0 16px}.kg-number{font-size:32px}}
@media(max-width:360px){.kg-main{grid-template-columns:1fr;gap:8px}.kg-full .kg-face{width:170px;margin:auto}.kg-full .kg-copy{text-align:center}.kg-compact{gap:8px}.kg-compact .kg-face{width:88px;flex-basis:88px}.kg-compact .kg-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.knowledge-gauge *{transition:none!important;animation:none!important}}

/* Full-size dial is an instrument; small cards retain the same silhouette. */
.kg-main{grid-template-columns:240px minmax(0,1fr);gap:24px}.kg-compact .kg-face{width:124px;flex-basis:124px}.kg-compact .kg-instrument{padding:5px;border-radius:5px;border-bottom-width:2px;box-shadow:0 2px 4px #140d2026,inset 0 1px 1px #ffffff35}.kg-compact .kg-window{border-radius:2px}.kg-compact .kg-face-subtitle,.kg-compact .kg-face-state{display:none}.kg-compact .kg-face-title{font-size:19px;letter-spacing:.4px}.kg-compact .kg-scale-number{font-size:18px}.kg-compact .kg-case-fastener{width:2px;height:2px;bottom:1px}.hero-caption .kg-face{width:120px;flex-basis:120px}
body.dark .kg-instrument{box-shadow:0 5px 13px #0008,inset 0 1px 1px #ffffff33,inset 0 -3px 5px #0009}
@media(max-width:760px){.kg-main{grid-template-columns:190px minmax(0,1fr);gap:20px}}
@media(max-width:600px){.kg-main{grid-template-columns:1fr;gap:20px;padding:20px}.kg-full .kg-face{width:min(100%,260px);margin:auto}.kg-full .kg-copy{text-align:left}.kg-compact .kg-face{width:112px;flex-basis:112px}.kg-full .kg-label{font-size:12px}.kg-full .kg-unscored{font-size:18px}}
@media(max-width:360px){.kg-compact .kg-face{width:98px;flex-basis:98px}.kg-compact .kg-label{font-size:9px}.hero-caption .kg-face{width:105px;flex-basis:105px}}
@media(prefers-reduced-motion:reduce){.knowledge-gauge *{transition:none!important;animation:none!important}}

/* Reader hierarchy: a supporting instrument, never the hero. */
.kg-main{grid-template-columns:156px minmax(0,1fr);gap:18px;padding:16px}.kg-full .kg-face{width:156px;margin:0}.kg-full{margin:18px 0 22px;border-top-width:1px}.kg-full .kg-instrument{padding:7px;border-radius:6px}.kg-full .kg-face-subtitle,.kg-full .kg-face-state{display:none}.kg-full .kg-face-title{font-size:19px;letter-spacing:.4px}.kg-full .kg-scale-number{font-size:17px}.kg-full .kg-number{font-size:28px}.kg-full .kg-unscored{font-size:16px}.knowledge-gauge .kg-connection{font-size:14px;margin-top:8px}.kg-compact{min-height:72px;padding:7px 0;margin-top:10px}.kg-compact .kg-face,.hero-caption .kg-face{width:98px;flex-basis:98px}.hero-caption .kg-compact{max-width:300px}.kg-explanation{margin:0 16px}
@media(max-width:600px){.kg-main{grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px}.kg-full .kg-face{width:120px;margin:0}.kg-full .kg-label{font-size:10px}.kg-full .kg-status{font-size:11px}.knowledge-gauge .kg-connection{font-size:13px;line-height:1.45}.kg-full .kg-instrument{padding:5px}}
@media(max-width:360px){.kg-main{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:12px}.kg-full .kg-face{width:100px}.kg-full .kg-unscored{font-size:15px}.kg-full .kg-label{font-size:9px}.kg-compact .kg-face,.hero-caption .kg-face{width:90px;flex-basis:90px}}

.kg-compact .kg-number{font-size:20px}.kg-compact .kg-number span{font-size:12px}.kg-breakdown{margin:16px 0}.kg-breakdown>div{border-top:1px solid var(--line);padding:10px 0}.kg-breakdown dt{font-weight:700;font-size:14px;display:flex;justify-content:space-between;gap:12px}.kg-breakdown dd{margin:4px 0;font-size:14px;line-height:1.5}.kg-breakdown dd a{display:inline;padding:0;min-height:0}
