.hi{--hi-border:var(--pd-kant,#D6D5D0);color:var(--ink);font:16px/1.5 var(--font-tekst);max-width:1280px;margin:0 auto}
.hi *{box-sizing:border-box}.hi [hidden]{display:none!important}
.hi button,.hi select,.hi a{font:inherit}.hi button,.hi select{min-height:44px;cursor:pointer;border:1px solid var(--pd-kant-kontroll);background:var(--card);color:var(--ink);border-radius:2px;padding:8px 14px}
.hi button:focus-visible,.hi a:focus-visible,.hi input:focus-visible,.hi select:focus-visible{outline:2px solid var(--pd-kobber);outline-offset:4px}
.hi a{color:var(--ink);text-underline-offset:4px}.hi button:disabled{opacity:.45;cursor:default}
.hi-kicker,.hi small{font:500 13px/1.4 var(--font-etikett);color:var(--grey)}
.hi-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 0 28px;border-bottom:1px solid var(--hi-border)}
.hi h1{font:500 clamp(32px,4vw,56px)/1.04 var(--font-display);margin:8px 0;overflow-wrap:anywhere}
.hi-head p{margin:8px 0 0}.hi-agreement{text-align:right;flex-shrink:0}.hi-agreement strong{display:block;font:500 30px/1.2 var(--font-display);font-variant-numeric:tabular-nums}.hi-agreement small{display:block}
.hi-rail{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--hi-border);padding:20px 0;scrollbar-width:thin}
.hi .hi-version{flex:0 0 158px;text-align:left;border:0;border-radius:0;border-bottom:2px solid var(--hi-border);padding:10px 16px 16px;background:transparent;position:relative}
.hi-version b,.hi-version small{display:block}.hi-version b{font:500 24px/1.4 var(--font-display)}
.hi .hi-version[aria-pressed=true]{border-bottom-color:var(--pd-kobber);background:var(--card)}
.hi-version[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:16px;width:7px;height:7px;background:var(--pd-kobber);border-radius:50%}
.hi-grid{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr);gap:40px;padding-top:28px}
.hi h2{font:500 26px/1.2 var(--font-display);margin:0}.hi-story-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.hi-stepper{display:flex;gap:6px}.hi .hi-stepper button{width:44px;padding:0;font-size:22px}
.hi input[type=range]{width:100%;margin:8px 0 16px;accent-color:var(--pd-kobber);height:30px;cursor:ew-resize}
.hi-event{background:var(--card);padding:24px;min-height:220px;border:1px solid var(--hi-border)}
.hi-event h3{font:500 29px/1.13 var(--font-display);margin:14px 0 12px;overflow-wrap:anywhere}.hi-event p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.hi-event time{font:500 13px var(--font-etikett);color:var(--grey)}
.hi-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.hi-images a{display:block}.hi-images img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.hi-events{list-style:none;margin:18px 0 0;padding:0;max-height:350px;overflow-y:auto;scrollbar-width:thin}
.hi .hi-event-link{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--hi-border);padding:12px 8px;background:transparent;font-size:14px;line-height:1.35}
.hi-event-link span{overflow-wrap:anywhere}.hi .hi-event-link[aria-current=true]{background:var(--ink);color:var(--card)}.hi-event-link[aria-current=true] small{color:inherit}
.hi-compare{min-width:0}.hi-selectors{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.hi-selectors label{display:grid;gap:6px;flex:1}.hi-selectors select{width:100%}
.hi-delta{padding:22px 0 24px;border-bottom:1px solid var(--hi-border)}.hi-delta strong{display:block;font:500 clamp(40px,5vw,66px)/1.1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:8px 0}
.hi-delta p{margin:6px 0 0;font-size:14px;color:var(--grey)}
.hi-change{padding:18px 0;border-bottom:1px solid var(--hi-border)}.hi-change-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.hi-change-head b{font-weight:600;overflow-wrap:anywhere}.hi-change-head strong{white-space:nowrap;font:600 23px var(--font-display);font-variant-numeric:tabular-nums}
.hi-change small{display:block;margin-top:5px}.hi-change dl{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 12px;font-size:14px;margin:12px 0 0;font-variant-numeric:tabular-nums}.hi-change dt{color:var(--grey)}.hi-change dd{margin:0;text-align:right}.hi-change dd:last-child{font-weight:600}
.hi-reconcile{margin-top:20px;padding:18px 0;border-top:2px solid var(--ink)}.hi-reconcile div{display:flex;justify-content:space-between;gap:16px;margin:6px 0;font-size:14px}.hi-reconcile b{font-variant-numeric:tabular-nums;white-space:nowrap}
.hi-foot{padding:28px 0;color:var(--grey);font-size:13px;max-width:850px}.hi-empty{padding:32px 0}.hi-empty p{max-width:540px}.hi-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hi-page{margin:0;padding:28px 40px 96px;background:var(--bg);font-family:var(--font-tekst);color:var(--ink)}.hi-page>nav{max-width:1280px;margin:auto}.hi-page>nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--grey)}
@media(max-width:800px){.hi-grid{grid-template-columns:1fr;gap:30px}.hi-story{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hi-story-title,.hi-story>input{grid-column:1/-1}.hi-events{margin-top:0;max-height:260px}.hi-head{align-items:start}.hi-agreement strong{font-size:26px}}
@media(max-width:520px){.hi-page{padding:16px 16px 96px}.hi-head{display:block;padding-top:12px}.hi-agreement{text-align:left;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:20px}.hi-agreement small{flex-basis:100%}.hi .hi-version{flex-basis:142px}.hi-grid{padding-top:22px}.hi-story{display:block}.hi-events{max-height:180px;margin-top:16px}.hi-event{min-height:190px;padding:20px}.hi-selectors{gap:10px}.hi-change dl{grid-template-columns:1.15fr 1fr 1fr;gap:4px 8px}.hi-change-head{gap:12px}.hi-change-head strong{font-size:21px}}

body.morkt .hi .hi-version[aria-pressed=true]{background:var(--ink);color:var(--card)}
body.morkt .hi .hi-version[aria-pressed=true] small{color:inherit}
@media(max-width:800px){.hi-compare{grid-row:1}.hi-story{grid-row:2}}

.hi-stepper svg{vertical-align:middle}