/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,p,ol,ul,pre{margin:0}
ol,ul{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
[hidden]{display:none!important}

:root{
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;
  --space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;

  /* Varm, monokrom palet afledt af Safi.dk-logoet */
  --bg:#f7f4f1;
  --surface:#fffdfb;
  --surface-2:#f0ebe6;
  --border:rgb(42 31 25 / .13);
  --divider:rgb(42 31 25 / .09);
  --ink:#1f1814;
  --muted:#6a5c54;
  --faint:#a3958c;
  --primary:#2a1f19;
  --primary-hover:#46362d;
  --primary-soft:#ece4de;

  /* Trafiklys: rød kritisk, orange advarsel, sort forbedring, grøn bestået */
  --red:#c62828;   --red-soft:#fbeceb;
  --orange:#b8460b;--orange-dot:#e07a1f; --orange-soft:#fcf0e3;
  --black:#0d0d0d; --black-soft:#ece9e6;
  --green:#2e7d32; --green-soft:#e8f3e9; --green-light:#66bb6a;
  --grey:#6a5c54;  --grey-soft:var(--surface-2);

  --radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.875rem;--radius-full:999px;
  --shadow-sm:0 1px 2px oklch(0.2 0.02 250 / .06);
  --shadow-md:0 6px 20px oklch(0.2 0.02 250 / .07);
  --ease:cubic-bezier(.16,1,.3,1);
  --font-body:'Satoshi','Helvetica Neue',Arial,sans-serif;
  --font-display:'Cabinet Grotesk','Satoshi',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{width:min(100% - 2*var(--space-5),1040px);margin-inline:auto}
.mono{font-family:var(--font-mono)}
.muted{color:var(--muted)}
.small{font-size:var(--text-xs)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:var(--space-2) var(--space-4);z-index:9}
.skip:focus{left:var(--space-4)}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}

/* ---------- Topbar ---------- */
.topbar{border-bottom:1px solid var(--divider);background:var(--surface)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3)}
.topbar-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}

/* ---------- Intro + form ---------- */
.intro{padding-block:clamp(var(--space-8),6vw,var(--space-16)) var(--space-8)}
h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);line-height:1.1;letter-spacing:-.02em;max-width:22ch}
.lede{margin-top:var(--space-3);color:var(--muted);max-width:62ch}
.scan-form{margin-top:var(--space-6);max-width:760px}
.field{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);transition:border-color 180ms var(--ease),box-shadow 180ms var(--ease)}
.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.field-icon{color:var(--faint);flex:none}
.field input{flex:1;min-width:0;border:0;background:transparent;padding:var(--space-2) 0;font-size:var(--text-base);outline:none}
.field input::placeholder{color:var(--faint)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);transition:background 180ms var(--ease),transform 120ms var(--ease),opacity 180ms;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.55;cursor:progress}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover)}
.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border)}
.btn-secondary:hover{background:var(--surface-2)}
.hint-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-2);padding-inline:var(--space-1)}
.hint{font-size:var(--text-xs);color:var(--muted)}
.hint strong{color:var(--ink);font-family:var(--font-mono);font-weight:500}
.link-btn{font-size:.72rem;color:var(--muted);font-weight:500;padding:var(--space-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
.link-btn:hover{text-decoration:underline}
.adv{margin-top:var(--space-3);display:grid;gap:var(--space-2);font-size:var(--text-sm)}
.adv input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-width:320px;font-family:var(--font-mono);font-size:var(--text-sm)}
.form-error{margin-top:var(--space-3);color:var(--red);font-weight:500;font-size:var(--text-sm)}
/* v5.5: statusforklaring — farve + ikon + tekst */
.legend{margin-top:var(--space-6);border-collapse:collapse;font-size:var(--text-xs);color:var(--muted);max-width:640px;width:100%}
.legend th,.legend td{text-align:left;padding:var(--space-1) var(--space-3) var(--space-1) 0;border-bottom:1px solid var(--divider);vertical-align:middle;font-weight:400}
.legend thead th{font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}
.legend tbody th{white-space:nowrap}
.st{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--c,var(--ink))}
.legend tr[data-sev="kritisk"],.risk[data-sev="kritisk"]{--c:var(--red)}
.legend tr[data-sev="advarsel"],.risk[data-sev="advarsel"]{--c:var(--orange)}
.legend tr[data-sev="forbedring"],.risk[data-sev="forbedring"]{--c:var(--black)}
.legend tr[data-sev="ok"],.risk[data-sev="ok"]{--c:var(--green)}
.legend tr[data-sev="unchecked"],.risk[data-sev="unchecked"]{--c:var(--grey)}
.ico{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em}
.ico-kritisk{color:var(--red)}.ico-advarsel{color:var(--orange-dot)}.ico-forbedring{color:var(--black)}.ico-ok{color:var(--green)}.ico-unchecked,.ico-info{color:var(--grey)}
.chip.active .ico{color:#fff;--ico-in:var(--ink)}
.dot{width:.625rem;height:.625rem;border-radius:50%;display:inline-block;flex:none}
.dot-red{background:var(--red)}.dot-orange{background:var(--orange-dot)}.dot-black{background:var(--black)}.dot-green{background:var(--green)}.dot-grey{background:var(--faint)}

/* ---------- Panels ---------- */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.loading .panel{padding:var(--space-6)}
.loading-title{font-weight:700;margin-bottom:var(--space-4)}
.steps{display:grid;gap:var(--space-3)}
.steps li{display:flex;align-items:center;gap:var(--space-3);color:var(--faint);font-size:var(--text-sm);transition:color 300ms var(--ease)}
.steps li::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;flex:none}
.steps li.active{color:var(--ink)}
.steps li.active::before{border-color:var(--primary);border-right-color:transparent;animation:spin .8s linear infinite}
.steps li.done{color:var(--muted)}
.steps li.done::before{background:var(--green);border-color:var(--green)}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Summary ---------- */
.results{padding-bottom:var(--space-16);display:grid;gap:var(--space-6)}
.summary{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);padding:var(--space-6);align-items:start}
.score{position:relative;width:120px;height:120px}
.ring{width:120px;height:120px;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:10}
.ring-fg{fill:none;stroke:var(--green);stroke-width:10;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 900ms var(--ease),stroke 300ms}
.score-text{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:42px;font-family:var(--font-display);font-weight:800}
#score-num{font-size:var(--text-xl);line-height:1}
.score-of{font-size:var(--text-xs);color:var(--muted);margin-left:2px}
.eyebrow{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.res-domain{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.2;word-break:break-all}
.verdict{margin-top:var(--space-2);font-size:var(--text-sm);max-width:60ch}
/* v5.5: risikovurdering står over scoren i betydning — scoren er kun et supplement */
.risk{margin-top:var(--space-3);display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-left:4px solid var(--c,var(--ink));background:var(--surface-2);border-radius:var(--radius-sm);max-width:62ch}
.risk strong{color:var(--c,var(--ink))}
.risk .ico{color:var(--c,var(--ink));width:1.1em;height:1.1em}
.risk[data-sev="forbedring"],.risk[data-sev="ok"]{background:var(--green-soft)}
.risk[data-sev="kritisk"]{background:var(--red-soft)}
.risk[data-sev="advarsel"],.risk[data-sev="unchecked"]{background:var(--orange-soft)}
.celebrate{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:.45rem;font-weight:800;font-family:var(--font-display);color:#fff;background:var(--green);padding:.3rem .8rem;border-radius:var(--radius-full);font-size:var(--text-sm);animation:pop 600ms var(--ease) both}
.celebrate .ico{color:#fff;--ico-in:var(--green)}
.score.celebrate .ring-bg{fill:var(--green-soft);stroke:var(--green)}
.score.celebrate .score-text{color:var(--green)}
.score.celebrate::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--green);opacity:0;animation:halo 1.6s var(--ease) 300ms 2}
@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}
@keyframes halo{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.18)}}
.filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);transition:background 180ms var(--ease),border-color 180ms}
.chip:hover{background:var(--surface-2)}
.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip span:last-child{font-family:var(--font-mono);font-weight:500;opacity:.8}
.actions{display:grid;gap:var(--space-2);justify-items:stretch;min-width:210px}

/* ---------- Diff ---------- */
.diff{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);align-items:center;border-left:4px solid var(--primary)}
.diff strong{font-weight:700}
.diff .fixed{color:var(--green);font-weight:700}
.diff .new{color:var(--red);font-weight:700}

/* ---------- Groups + findings ---------- */
#groups{display:grid;gap:var(--space-8)}
.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}
.group-head h3{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}
.group-head p{font-size:var(--text-xs);color:var(--muted)}
.group-list{display:grid;gap:var(--space-3)}
.finding{--c:var(--grey);--s:var(--grey-soft);position:relative;background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--c);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:grid;gap:var(--space-2);animation:in 380ms var(--ease) both}
.finding[data-sev="kritisk"]{--c:var(--red);--s:var(--red-soft)}
.finding[data-sev="advarsel"]{--c:var(--orange-dot);--s:var(--orange-soft)}
.finding[data-sev="forbedring"]{--c:var(--black);--s:var(--black-soft)}
.finding[data-sev="ok"]{--c:var(--green);--s:var(--green-soft);padding-block:var(--space-3)}
.finding[data-sev="info"]{--c:var(--faint);padding-block:var(--space-3)}
.finding[data-sev="unchecked"]{--c:var(--grey);--s:var(--orange-soft);border-left-style:dashed}
@keyframes in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.finding-head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.sev{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--s);color:var(--c)}
.finding[data-sev="kritisk"] .sev{color:#fff;background:var(--red)}
.finding[data-sev="advarsel"] .sev{color:#fff;background:var(--orange)}
.finding[data-sev="forbedring"] .sev{color:#fff;background:var(--black)}
.finding[data-sev="ok"] .sev{color:var(--green)}
.finding[data-sev="info"] .sev{color:var(--grey)}
.finding[data-sev="unchecked"] .sev{color:var(--ink);background:var(--surface);border:1px dashed var(--grey)}
.finding[data-sev="kritisk"] .sev .ico{color:#fff;--ico-in:var(--red)}
.finding[data-sev="advarsel"] .sev .ico{color:#fff;--ico-in:var(--orange)}
.finding[data-sev="forbedring"] .sev .ico{color:#fff;--ico-in:var(--black)}
.finding-title{font-size:var(--text-base);font-weight:700;line-height:1.35}
.badge-new{font-size:var(--text-xs);font-weight:700;color:var(--primary);background:var(--primary-soft);padding:1px var(--space-2);border-radius:var(--radius-full)}
.finding-expl{font-size:var(--text-sm);color:var(--ink);max-width:75ch}
.finding[data-sev="ok"] .finding-expl,.finding[data-sev="info"] .finding-expl{color:var(--muted)}
.finding-fix{background:var(--s);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-1)}
.label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-1)}
.fix-steps{list-style:decimal;padding-left:var(--space-5);display:grid;gap:var(--space-1);font-size:var(--text-sm)}
.example-head{display:flex;justify-content:space-between;align-items:center}
.copy-btn{font-size:var(--text-xs);font-weight:700;color:var(--primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}
.copy-btn:hover{background:var(--primary-soft)}
pre.mono{font-size:var(--text-xs);background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--space-3);white-space:pre-wrap;word-break:break-all;color:var(--ink)}
.finding-tech summary{font-size:var(--text-xs);font-weight:700;color:var(--muted);cursor:pointer;width:max-content}
.finding-tech summary:hover{color:var(--ink)}
.finding-tech pre{margin-top:var(--space-2);color:var(--muted)}
.empty{padding:var(--space-8);text-align:center;color:var(--muted);font-size:var(--text-sm)}

/* ---------- Safi.dk ---------- */
.brand{display:flex;align-items:center;gap:var(--space-3);color:inherit;text-decoration:none}
.brand img{height:34px;width:auto}
.brand-name{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:-.01em;line-height:1.1}
.brand-name small{display:block;font-family:var(--font-body);font-weight:500;font-size:.72rem;color:var(--muted);letter-spacing:0}
.topbar a{color:inherit}
.topbar-meta a{text-decoration:none;border-bottom:1px solid var(--border)}
.topbar-meta a:hover{border-color:currentColor}
.intro-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:start}
.hero-logo{width:clamp(150px,18vw,210px);height:auto;margin-top:var(--space-2);opacity:.95}
.kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-3)}
.kicker a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}
.kicker a:hover{border-color:currentColor}
.help-link{font-size:var(--text-xs);font-weight:700;color:var(--ink);text-align:center;padding:var(--space-1);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
.help-link:hover{text-decoration-color:currentColor}
.help{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center;padding:var(--space-6);border-left:4px solid var(--primary);background:var(--surface)}
.help.quiet{grid-template-columns:auto 1fr;padding:var(--space-4) var(--space-5);border-left-color:var(--green)}
.help-avatar{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}
.help-avatar img{width:86%;height:auto}
.help.quiet .help-avatar{width:44px;height:44px}
.help h3{font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}
.help p{font-size:var(--text-sm);color:var(--muted);max-width:62ch}
.help p strong{color:var(--ink)}
.help-actions{display:grid;gap:var(--space-2);min-width:200px}
.help-actions a{text-decoration:none}
.help-note{font-size:var(--text-xs);color:var(--faint);text-align:center}
.footer{padding-block:var(--space-8) var(--space-10);border-top:1px solid var(--divider)}
/* v5.5: to lige høje spalter — tekst til venstre (flugter med siden), logo over kontaktinfo helt til højre */
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:stretch}
.footer-about{display:flex;flex-direction:column}
.footer-about .privacy{margin-top:auto;padding-top:var(--space-3)}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}
.footer-contact img{width:96px;height:auto}
.footer h4{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}
.footer p{font-size:var(--text-xs);color:var(--muted);max-width:60ch}
.footer address{font-style:normal;font-size:var(--text-xs);color:var(--muted);line-height:1.7;text-align:right}
.footer a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}
.footer a:hover{border-color:currentColor}
.footer .privacy{color:var(--faint)}

/* ---------- Responsive ---------- */
@media (max-width:820px){
  .summary{grid-template-columns:auto 1fr}
  .actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .actions .help-link,.actions #pdf-fallback{grid-column:1/-1}
  .help{grid-template-columns:auto 1fr}
  .help-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}
  .help-note{grid-column:1/-1}
  .footer-grid{grid-template-columns:1fr}
  .footer-contact{align-items:flex-start}
  .footer address{text-align:left}
}
@media (max-width:560px){
  .topbar-meta .hide-sm{display:none}
  .intro-grid{grid-template-columns:1fr}
  .hero-logo{display:none}
  .help{grid-template-columns:1fr;padding:var(--space-5)}
  .help-avatar{display:none}
  .help-actions{grid-template-columns:1fr}
  .field{flex-wrap:wrap;padding:var(--space-2) var(--space-3)}
  .field input{flex-basis:calc(100% - 32px)}
  .field .btn{width:100%}
  .summary{grid-template-columns:1fr;justify-items:start;padding:var(--space-5)}
  .actions{grid-template-columns:1fr;width:100%}
  .finding{padding:var(--space-3) var(--space-4)}
  .group-head{flex-direction:column;gap:var(--space-1)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media print{.topbar,.intro,.actions,.filters,.help-actions{display:none!important}.finding{break-inside:avoid}
  .sev,.ico,.dot,.ring,.risk,.celebrate,.finding{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* K1: advarselsbanner ved delvise tests (v5.3) */
.partial-banner{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);line-height:1.5;
  border-left:4px solid var(--orange);background:var(--orange-soft);color:var(--ink)}
.partial-banner strong{font-weight:700;color:var(--orange)}

/* v5.4: hjælpelinks pr. afsnit og pr. fund (åbner i nyt vindue) */
.group-links,.finding-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--muted)}
.group-links{margin:calc(-1 * var(--space-1)) 0 var(--space-3)}
.finding-links{margin-top:var(--space-1)}
.group-links ul,.finding-links ul{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);flex:1 1 18rem;min-width:0}
.links-label{font-weight:700;color:var(--muted)}
.ext-link{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}
.ext-link:hover{text-decoration-color:currentColor}
.ext-link::after{content:"\2197";display:inline-block;margin-left:2px;font-weight:500;color:var(--faint);text-decoration:none}
.link-desc{margin-left:var(--space-1);color:var(--faint)}
.link-desc::before{content:"– "}

/* v5.4: anonym brugsstatistik under kontaktoplysningerne */
.usage{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--divider);text-align:center;color:var(--muted);font-size:var(--text-xs);line-height:1.7}
.usage p{max-width:none;margin-inline:auto}
.usage .usage-main{font-size:var(--text-sm);color:var(--ink)}
.usage .usage-main strong{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}
.usage .usage-avg{margin-top:var(--space-1);max-width:none}
.usage-item{white-space:nowrap}
.usage-item .dot{width:.5rem;height:.5rem;margin-right:.3rem;vertical-align:.06em}
.usage-item strong{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.usage .usage-note{margin-top:var(--space-2);color:var(--faint);font-size:.72rem}
@media print{.usage,.group-links{display:none!important}}

/* v5.5: gennemsnitsscore og klikstatistik */
.usage .usage-score{font-family:var(--font-display);font-weight:800;color:var(--ink)}
.usage .usage-events{margin-top:var(--space-1);max-width:72ch}
.sprite{position:absolute;width:0;height:0;overflow:hidden}