:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#193e53;background:#f2f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100svh;max-width:1600px;margin:auto;padding:16px clamp(16px,4vw,64px);display:grid;grid-template-rows:auto minmax(0,1fr) minmax(100px,19%);gap:14px}.grid-heading,.grid-heading>div{display:flex;align-items:center;justify-content:space-between;gap:14px}h1{font-size:15px;font-weight:600;margin:0}#interval{font-size:11px;color:#627984}button{border:1px solid #c8d6dc;border-radius:4px;color:#244c60;background:#fff;padding:4px 10px;cursor:pointer;font:inherit}button:hover{background:#e7edef}button:disabled{opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #0076b9;outline-offset:3px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:14px}.metric{background:#fff;border:1px solid #dbe4e7;border-radius:5px;display:flex;flex-direction:column;min-width:0}.metric-title{font-size:12px;font-weight:550;padding:clamp(8px,1.5vh,16px) 16px;border-bottom:1px solid #edf1f3;display:flex;justify-content:space-between;align-items:center;gap:8px}.symbol{color:#6c939f;font-size:17px}.reading{padding:6px 16px;display:flex;align-items:baseline;gap:9px;margin:auto 0}.reading strong{font-size:clamp(28px,5.3vh,52px);font-weight:450;letter-spacing:-1px;font-variant-numeric:tabular-nums}.reading span{font-size:12px;color:#6c818c}.metric-note{margin:0;padding:0 16px clamp(8px,1.7vh,18px);color:#6a7d86;font-size:10px;line-height:1.4}.metric-note.stale{color:#8b602a}.bottom{display:grid;grid-template-columns:1fr 2fr;gap:20px;min-height:0}.water{padding:clamp(12px,2vh,24px) 24px;background:#193f53;color:white;border-radius:5px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#b7d0da}.water>div{display:flex;align-items:baseline;gap:12px;margin:6px 0}.water strong{font-size:clamp(26px,4.3vh,40px);font-weight:450}.water div span,.water p{font-size:10px;color:#c5d6dd}.water p{margin:0}.brand{padding:16px 26px;border:1px solid #dbe4e7;border-radius:5px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:18px}.identity{display:flex;align-items:center;gap:28px}.identity img{display:block;max-width:100%;height:auto}.identity h2{font-size:15px;letter-spacing:2px;font-weight:650;margin:0;border-left:1px solid #d5e0e4;padding-left:28px}.brand-bottom{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;color:#67808c}a{color:inherit}[hidden]{display:none!important}@media(max-width:800px){main{height:auto;min-height:100svh;padding:14px;grid-template-rows:auto auto auto;gap:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px}.metric{min-height:145px}.metric-title{font-size:11px;padding:10px}.reading{padding:8px 10px}.reading strong{font-size:34px}.metric-note{padding:0 10px 12px}.bottom{grid-template-columns:1fr;gap:12px}.water{padding:16px 20px}.brand{padding:20px}.identity{gap:20px}.identity h2{font-size:12px;padding-left:20px}.grid-heading>div{gap:6px}#interval{max-width:140px;text-align:right}.brand-bottom{line-height:1.6}}@media(min-width:801px) and (max-height:620px){main{height:auto;min-height:100svh;grid-template-rows:auto auto auto}.metric{min-height:130px}.water,.brand{min-height:110px}}

/* Større identitet og tydeligere målinger */
.metric-title{font-weight:700}.reading strong,.water strong{font-weight:700}.reading span,.water div span{font-weight:600}.identity img{width:180px}.identity h2{font-size:22px;font-weight:800}.identity{gap:30px}@media(max-width:800px){.identity img{width:140px}.identity h2{font-size:16px;letter-spacing:1px;padding-left:16px}.identity{gap:16px}}