/* Synsfelttest */
.sf .sf-body{display:flex;flex-direction:column;gap:18px}
.sf-ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:9px;font-size:16px}
.sf-steps{background:var(--surface-2);border-radius:var(--r);padding:16px 20px}
.sf-cover{font-size:14.5px;padding:10px 14px;border-radius:12px}
.sf-cover.ok{background:var(--ok-soft);color:var(--ok)}
.sf-cover.warn{background:var(--warn-soft);color:var(--warn)}
.sf-warn{background:var(--warn-soft);color:var(--ink);border-radius:12px;padding:12px 14px;box-shadow:inset 4px 0 0 var(--warn);font-size:15px}
.sf-adv{background:var(--surface-2);border-radius:var(--r);padding:12px 16px}
.sf-adv summary{cursor:pointer;font-weight:600}
.sf-link{font-size:inherit}
body.sf-lock{overflow:hidden}
.sf-run{position:fixed;inset:0;z-index:1000;touch-action:none;user-select:none;-webkit-user-select:none;cursor:none}
.sf-run .sf-cv{position:absolute;inset:0;display:block;max-width:none}
.sf-top{position:absolute;left:0;right:0;top:0;display:flex;gap:14px;align-items:center;padding:10px 14px;color:#9a9a9a;font:500 13px var(--f-mono);z-index:2}
.sf-eyelbl{flex:1;opacity:.8}
.sf-quit{cursor:pointer;background:transparent;color:#b5b5b5;border:1px solid #555;border-radius:10px;padding:8px 14px;font:600 13px var(--f-body)}
.sf-quit:hover{color:#fff;border-color:#aaa}
.sf-msg{position:absolute;left:50%;top:32%;transform:translateX(-50%);width:min(90vw,520px);text-align:center;color:#e4e4e4;font:600 18px/1.4 var(--f-body);z-index:2;pointer-events:none;text-shadow:0 1px 4px #000}
.sf-msg:empty{display:none}
.sf-yes{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(88vw,420px);height:84px;border-radius:22px;border:2px solid #666;background:#1d1d1d;color:#eee;font:700 22px var(--f-body);z-index:2;cursor:pointer;touch-action:manipulation}
.sf-yes.hit,.sf-yes:active{background:#2a6f6a;border-color:#4fe0d0}
.sf-yes:focus-visible{outline:3px solid #4fe0d0;outline-offset:3px}
.sf-run.hc .sf-yes{background:#000;border-color:#aaa}
@media (hover:hover) and (pointer:fine){.sf-yes{height:56px;font-size:17px;width:min(60vw,320px);opacity:.55}.sf-yes:hover{opacity:1}}
.sf-chart{padding:8px;min-height:0}
.sf-plot{width:100%;height:auto;border-radius:12px;display:block}
.sf-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-2)}
.sf-legend span{display:inline-flex;align-items:center;gap:6px}
.sf-legend .sw{width:16px;height:16px;border-radius:4px;display:inline-block;box-shadow:inset 0 0 0 1px rgba(128,128,128,.6)}
.sf-legend .w{background:#fff}.sf-legend .g{background:#969696}.sf-legend .k{background:#191919}.sf-legend .b{background:transparent;border:2px dashed #08f;border-radius:50%}
.sf-tab{width:100%;border-collapse:collapse;font-size:14.5px}
.sf-tab th,.sf-tab td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}
.sf-tab td{font-family:var(--f-mono);text-align:right}
.sf-tab thead th:not(:first-child){text-align:right}
.sf-tab td.bad{color:var(--bad);font-weight:700}.sf-tab td.warn{color:var(--warn);font-weight:700}
.sf-nodrive{background:var(--surface-3);border-radius:var(--r);padding:14px 16px;font-size:15.5px}
@media print{.site-header,.sf-result .row,.tool-head{display:none}.sf-result{color:#000}}