/* EON / shared reading instruments. Native SVG, real values, one motion. */
.ev-donut,.ev-navigation,.ev-meter { --ev-ink:#f0f3ed;--ev-muted:#a4b09d;--ev-green:#d4ff3a;--ev-surface:#10150e;--ev-line:#35402e;--ev-track:#6c7d5d;--ev-ease:cubic-bezier(.22,1,.36,1);font-family:Archivo,sans-serif; }
html[data-theme=light] :is(.ev-donut,.ev-navigation,.ev-meter),html[data-theme=flow]:not([data-flow=ink]) :is(.ev-donut,.ev-navigation,.ev-meter),body[data-theme=light] :is(.ev-donut,.ev-navigation,.ev-meter),body[data-theme=flow] :is(.ev-donut,.ev-navigation,.ev-meter) { --ev-ink:#172114;--ev-muted:#4d6144;--ev-green:#446822;--ev-surface:#f5f8f1;--ev-line:#c6d2bd;--ev-track:#7b866d; }
.ev-donut { margin:0;min-width:0;color:var(--ev-ink);container-type:inline-size; }
.ev-donut-body { display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);align-items:center;gap:20px; }
.ev-ring-stage { position:relative;aspect-ratio:1;width:100%;max-width:220px;margin-inline:auto; }
.ev-ring-stage>svg { width:100%;height:100%;display:block;overflow:visible;animation:ev-ring-reveal .7s var(--ev-ease) both; }
.ev-track { stroke:var(--ev-track); }
.ev-arc { stroke:var(--ev-color);cursor:pointer;transition:stroke-width .25s var(--ev-ease),opacity .25s; }
.ev-tone-0 { --ev-color:#d4ff3a; }.ev-tone-1 { --ev-color:#b6ce90; }.ev-tone-2 { --ev-color:#789363; }.ev-tone-3 { --ev-color:#bdc7b6; }.ev-tone-4 { --ev-color:#8fae79; }.ev-tone-5 { --ev-color:#697b60; }.ev-tone-6 { --ev-color:#dce5d5; }.ev-tone-7 { --ev-color:#97a58d; }.ev-tone-8 { --ev-color:#6f855e; }
html[data-theme=light] .ev-tone-0,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-0,body[data-theme=light] .ev-tone-0,body[data-theme=flow] .ev-tone-0 { --ev-color:#416315; }html[data-theme=light] .ev-tone-1,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-1,body[data-theme=light] .ev-tone-1,body[data-theme=flow] .ev-tone-1 { --ev-color:#59783e; }html[data-theme=light] .ev-tone-2,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-2,body[data-theme=light] .ev-tone-2,body[data-theme=flow] .ev-tone-2 { --ev-color:#2f6b59; }html[data-theme=light] .ev-tone-3,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-3,body[data-theme=light] .ev-tone-3,body[data-theme=flow] .ev-tone-3 { --ev-color:#64704b; }html[data-theme=light] .ev-tone-4,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-4,body[data-theme=light] .ev-tone-4,body[data-theme=flow] .ev-tone-4 { --ev-color:#3b7450; }html[data-theme=light] .ev-tone-5,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-5,body[data-theme=light] .ev-tone-5,body[data-theme=flow] .ev-tone-5 { --ev-color:#766328; }html[data-theme=light] .ev-tone-6,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-6,body[data-theme=light] .ev-tone-6,body[data-theme=flow] .ev-tone-6 { --ev-color:#3d6d75; }html[data-theme=light] .ev-tone-7,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-7,body[data-theme=light] .ev-tone-7,body[data-theme=flow] .ev-tone-7 { --ev-color:#786249; }html[data-theme=light] .ev-tone-8,html[data-theme=flow]:not([data-flow=ink]) .ev-tone-8,body[data-theme=light] .ev-tone-8,body[data-theme=flow] .ev-tone-8 { --ev-color:#596253; }
.ev-has-selection .ev-arc { opacity:1; }
.ev-has-selection .ev-arc.ev-selected { opacity:1;stroke-width:28; }
.ev-ring-centre { position:absolute;inset:27% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;pointer-events:none; }
.ev-ring-centre small { max-width:100%;color:var(--ev-muted);font-size:11px;line-height:1.25;overflow-wrap:anywhere; }
.ev-ring-centre strong { max-width:100%;font:600 clamp(20px,7cqw,34px)/1.05 'JetBrains Mono',monospace;letter-spacing:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.ev-ring-centre strong[data-long=true] { font-size:clamp(16px,5cqw,24px); }
.ev-ring-centre>span { color:var(--ev-muted);font:10px/1.2 'JetBrains Mono',monospace; }
.ev-legend { min-width:0;display:grid;gap:2px; }
.ev-legend-row { display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:48px;padding:8px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:14px/1.35 Archivo,sans-serif; }
.ev-legend-row.ev-selected,.ev-legend-row[aria-pressed=true] { border-color:var(--ev-line);background:var(--ev-surface); }
.ev-legend-row:disabled { opacity:1;cursor:default; }
.ev-swatch { width:7px;height:16px;border-radius:2px;background:var(--ev-color); }
.ev-legend-name { overflow-wrap:anywhere; }
.ev-legend-value { font:500 12px/1.3 'JetBrains Mono',monospace;text-align:right;font-variant-numeric:tabular-nums; }
.ev-legend-value small { display:block;color:var(--ev-muted);font:10px/1.5 'JetBrains Mono',monospace; }
.ev-reset { justify-self:start;min-height:44px;padding:6px 8px;border:0;background:transparent;color:var(--ev-green);font:500 14px Archivo,sans-serif;cursor:pointer; }
.ev-reset span { margin-left:10px; }
.ev-chart-note { margin-top:12px;padding-top:10px;border-top:1px solid var(--ev-line);color:var(--ev-muted);font:11px/1.5 Archivo,sans-serif;min-height:34px; }
@container(max-width:350px) { .ev-donut-body { grid-template-columns:1fr;gap:8px; }.ev-ring-stage { max-width:190px; }.ev-ring-centre strong{font-size:30px}.ev-ring-centre strong[data-long=true]{font-size:22px} }
.mh-sring.ev-meter { --mh-sring-size:100px;position:relative;flex-shrink:0;width:var(--mh-sring-size);height:auto;text-align:center; }
.mh-sring.ev-meter>svg { display:block;width:var(--mh-sring-size);height:var(--mh-sring-size); }
.mh-sring.ev-meter .mh-sring-c { position:absolute;inset:0 auto auto 0;width:var(--mh-sring-size);height:var(--mh-sring-size);display:grid;place-items:center; }
.mh-sring.ev-meter .mh-sring-v { color:var(--ev-ink);font:500 20px/1 'JetBrains Mono',monospace;letter-spacing:-.04em;font-variant-numeric:tabular-nums; }
.mh-sring.ev-meter .mh-sring-l { position:static;bottom:auto;margin-top:6px;color:var(--ev-muted);font:12px/1.4 Archivo,sans-serif; }
.ev-meter-fill { stroke:var(--ev-green); }.ev-meter[data-ev-tone=warn] .ev-meter-fill { stroke:#e1ae66; }.ev-meter[data-ev-tone=bad] .ev-meter-fill { stroke:#ee8177; }
.ev-navigation[hidden] { display:none!important; }
.ev-navigation { position:relative;min-width:190px;max-width:100%;color:var(--ev-ink);z-index:80; }
.ev-navigation>summary { display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer;list-style:none;padding:8px 14px;border:1px solid var(--ev-line);border-radius:6px;background:var(--ev-surface); }
.ev-navigation>summary::-webkit-details-marker { display:none; }
.ev-navigation>summary>span:nth-child(2) { min-width:0;flex:1; }
.ev-navigation summary small { display:block;color:var(--ev-muted);font:9px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase; }
.ev-navigation summary strong { display:block;font:500 14px/1.4 Archivo,sans-serif;overflow-wrap:anywhere; }
.ev-menu-glyph { width:18px;height:18px;position:relative;display:block;flex:none;color:var(--ev-green); }
.ev-menu-glyph i { position:absolute;top:5px;left:0;width:18px;height:1.5px;background:currentColor;transition:transform .3s var(--ev-ease),top .3s var(--ev-ease),width .3s; }
.ev-menu-glyph i+i { top:12px;width:12px; }
.ev-navigation[open] .ev-menu-glyph i { top:8px;transform:rotate(45deg); }.ev-navigation[open] .ev-menu-glyph i+i { width:18px;transform:rotate(-45deg); }
.ev-chevron { color:var(--ev-muted);transition:transform .25s; }.ev-navigation[open] .ev-chevron { transform:rotate(180deg); }
.mk-header:has(>.ev-navigation),.loc-header:has(>.ev-navigation) { overflow:visible;z-index:90; }
.ev-nav-motion { min-height:44px;margin-top:12px;padding:6px 8px;border:1px solid var(--ev-line);border-radius:4px;background:transparent;color:var(--ev-ink);font:14px Archivo,sans-serif;cursor:pointer; }
.ev-nav-panel { position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 32px));max-height:min(580px,70dvh);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--ev-line);border-radius:8px;background:var(--ev-surface);box-shadow:0 22px 65px #0005; }
.ev-navigation[open]>.ev-nav-panel { animation:ev-panel-reveal .3s var(--ev-ease) both; }
.ev-nav-search { display:flex;align-items:center;gap:10px;border:1px solid var(--ev-line);border-radius:5px;padding:0 10px; }
.ev-nav-search svg { width:19px;height:19px;flex:none;color:var(--ev-green); }
.ev-nav-search input { min-height:46px;width:100%;min-width:0;border:0;background:transparent;color:var(--ev-ink);font:16px/1.4 Archivo,sans-serif;outline:0; }
.ev-nav-search:focus-within { outline:2px solid var(--ev-green);outline-offset:2px; }
.ev-nav-count { color:var(--ev-muted);font:11px/1.4 Archivo,sans-serif;margin:12px 0 6px; }
.ev-navigation .ev-nav-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:5px;width:100%;margin:0;padding:0;border:0;overflow:visible;background:transparent; }
.ev-navigation .ev-nav-items :is(button,a) { min-width:0;min-height:48px;padding:10px;border:1px solid transparent;border-radius:4px;white-space:normal;text-align:left;color:var(--ev-ink);background:transparent;font:500 14px/1.4 Archivo,sans-serif; }
.ev-navigation .ev-nav-items :is(.active,.on,[aria-current]:not([aria-current=false])) { border-color:var(--ev-line);background:color-mix(in srgb,var(--ev-green) 10%,transparent);color:var(--ev-green); }
.ev-navigation .ev-nav-items .ev-search-hidden,.ev-navigation .ev-nav-items [hidden] { display:none!important; }
:is(.ev-donut,.ev-navigation) :focus-visible { outline:2px solid var(--ev-green);outline-offset:3px; }
.ev-sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(hover:hover) { .ev-navigation .ev-nav-items :is(button,a):hover,.ev-legend-row:not(:disabled):hover { border-color:var(--ev-line);background:var(--ev-surface); }.ev-reset:hover { text-decoration:underline;text-underline-offset:4px; } }
@media(max-width:600px) { .ev-navigation { width:100%; }.ev-nav-panel { width:100%;box-sizing:border-box; }.ev-navigation .ev-nav-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.mk-header:has(>.ev-navigation) .mk-brand,.loc-header:has(>.ev-navigation) .loc-brand { min-width:0;flex-wrap:wrap; }
@media(max-width:700px) { .loc-header:has(>.ev-navigation) { flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px; }.loc-header>.ev-navigation { width:100%; } }
@keyframes ev-ring-reveal { from{opacity:0;transform:rotate(-12deg) scale(.94)}to{opacity:1;transform:none} }
@keyframes ev-panel-reveal { from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none} }
[data-living-motion=paused] :is(.ev-donut,.ev-navigation,.ev-meter) *,[data-living-motion=paused] .ev-nav-panel { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
@media(prefers-reduced-motion:reduce) { :is(.ev-donut,.ev-navigation,.ev-meter) * { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
@media print { .ev-navigation,.ev-reset { display:none!important; }.ev-donut { break-inside:avoid;color:#111; }.ev-ring-stage>svg { animation:none!important; } }