:root{--bg:#0f1314;--panel:#151b1c;--line:#263032;--text:#eef0ea;--muted:#8e9a97;--accent:#c3ee93;--accent-ink:#11200a;--danger:#ff8f7a}
*{box-sizing:border-box}
.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}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit;color:inherit}
.app{display:grid;grid-template-columns:420px 1fr;height:100vh}
aside{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}
.brand{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid var(--line);font-weight:600;letter-spacing:.08em;font-size:13px}
.brand i{width:10px;height:10px;background:var(--accent);transform:rotate(45deg);display:inline-block}
.brand span{color:var(--muted);font-weight:400;letter-spacing:0}
.scroll{overflow:auto;padding:28px 24px;flex:1}
h1{font:400 44px/1.02 "Instrument Serif",serif;margin:0 0 10px;letter-spacing:-.01em}
h1 em{color:var(--accent)}
.lead{color:var(--muted);margin:0 0 26px}
label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
textarea{width:100%;min-height:170px;resize:vertical;background:#0c1011;border:1px solid var(--line);border-radius:14px;padding:14px 16px;outline:none;transition:border-color .2s}
textarea:focus,input:focus{border-color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 26px}
.chip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font-size:13px;color:var(--muted);cursor:pointer;transition:.2s}
.chip:hover{color:var(--text);border-color:var(--muted)}
details{border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin-bottom:22px}
summary{cursor:pointer;padding:12px 0;font-weight:500;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--muted)}
details[open] summary::after{content:"\2212"}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:14px}
.grid input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}
.calc{grid-column:1/-1;font-size:13px;color:var(--muted);display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}
.calc b{color:var(--text);font-weight:500}
.qual{margin:0 0 16px}.qual select{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}
.go{width:100%;background:var(--accent);color:var(--accent-ink);border:0;border-radius:14px;padding:16px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .15s,opacity .2s}
.go:hover{transform:translateY(-1px)}
.go:disabled{opacity:.5;cursor:progress;transform:none}
.seg{display:flex;gap:6px;background:#0c1011;border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:10px}
.seg button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px;font-size:13px;color:var(--muted);cursor:pointer}
.seg button.on{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.codebox{display:none;margin-bottom:16px}.codebox.on{display:block}
.codebox input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;letter-spacing:.08em}
.hint{font-size:12px;color:var(--muted);margin:6px 0 0}
.section{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.section h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.comp{display:none}.comp.on{display:block}
.chk{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--line)}
.chk:last-child{border-bottom:0}
.chk i{font-style:normal;font-weight:600}.chk.ok i{color:var(--accent)}.chk.warn i{color:#f2c46b}.chk.bad i{color:var(--danger)}
.chk small{display:block;color:var(--muted);font-size:12px}
.camp{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:border-color .2s}
.camp:hover{border-color:var(--muted)}.camp.cur{border-color:var(--accent)}
.camp b{font-weight:500;display:block}.camp span{font-size:12px;color:var(--muted)}
.camp .tag{margin-left:auto;font-size:11px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--muted);white-space:nowrap}
.camp .x{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:0 2px}.camp .x.sure{color:var(--danger);font-size:12px;font-weight:600}
.empty-list{font-size:13px;color:var(--muted)}
.link{border:0;background:transparent;color:var(--accent);cursor:pointer;font-size:12px;padding:0}
.gear{margin-left:auto;border:1px solid var(--line);background:transparent;border-radius:9px;padding:6px 10px;font-size:12px;color:var(--muted);cursor:pointer;letter-spacing:0;font-weight:400}
.gear:hover{color:var(--text)}
.brand .gear+.gear{margin-left:6px}
.gear.acct{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:26px;width:min(440px,92vw)}
dialog::backdrop{background:rgba(0,0,0,.6)}
dialog h2{font:400 30px/1.1 "Instrument Serif",serif;margin:0 0 6px}
dialog p{color:var(--muted);margin:0 0 18px;font-size:14px}
dialog .f{margin-bottom:14px}
dialog input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
dialog select{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}
.sw{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 14px}
.sw button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--c);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .15s,box-shadow .2s}
.sw button:hover{transform:scale(1.12)}
.sw button[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 3px var(--panel),0 0 0 5px var(--c)}
.sw button:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.hexrow{display:flex;align-items:center;gap:10px}
.hexrow i{flex:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--c,#c3ee93)}
dialog .hexrow input{flex:1;min-width:0;font:500 14px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
dialog .hexrow input:invalid{border-color:var(--danger)}
dialog .row{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.foot{padding:14px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
main{position:relative;display:flex;flex-direction:column;min-width:0}
.bar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);min-height:57px}
.steps{display:flex;gap:18px;font-size:13px;color:var(--muted);flex:1;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:7px}
.step::before{content:"";width:8px;height:8px;border-radius:50%;border:1px solid var(--muted)}
.step.run{color:var(--text)}.step.run::before{border-color:var(--accent);animation:pulse 1s infinite}
.step.ok{color:var(--text)}.step.ok::before{background:var(--accent);border-color:var(--accent)}
.step.err{color:var(--danger)}.step.err::before{background:var(--danger);border-color:var(--danger)}
@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(195,238,147,.18)}}
.act{display:flex;gap:8px}
.btn{border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer}
.btn:hover{border-color:var(--muted)}
.btn:disabled{opacity:.35;cursor:default}
.stage{flex:1;position:relative;background:#0a0d0e;min-height:0}
iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity .5s}
iframe.on{opacity:1}
.empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px}
.empty h2{font:400 clamp(34px,4vw,56px)/1.05 "Instrument Serif",serif;margin:0 0 12px}
.empty p{color:var(--muted);max-width:460px;margin:0 auto}
.orb{position:relative;width:220px;height:220px;margin:0 auto 38px;border-radius:50%;background:conic-gradient(from 210deg,var(--accent),#6fb3ff,#f2b35b,var(--accent));filter:blur(28px) saturate(1.2);opacity:.85;animation:spin 14s linear infinite,float 7s ease-in-out infinite}
.orb::after{content:"";position:absolute;inset:26%;border-radius:50%;background:#0a0d0e;filter:blur(10px)}
@keyframes spin{to{rotate:360deg}}
@keyframes float{50%{transform:translateY(-14px) scale(1.04)}}
.empty::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 60%,rgba(195,238,147,.08),transparent 70%);pointer-events:none}
.build{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:40px;text-align:center;background:rgba(10,13,14,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.build.on{opacity:1;visibility:visible;transition:opacity .5s ease}
.build::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 58%,rgba(195,238,147,.10),transparent 70%);pointer-events:none}
.bd-in{position:relative;width:min(560px,100%)}
.build .orb{width:150px;height:150px;margin:0 auto 34px}
.bd-k{display:block;margin:0 0 14px;font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.build h2{margin:0 0 26px;min-height:1.1em;font:400 clamp(30px,3.6vw,46px)/1.08 "Instrument Serif",serif}
.build h2.in{animation:bdin .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes bdin{from{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.bd-bar{height:2px;max-width:420px;margin:0 auto 18px;border-radius:2px;background:var(--line);overflow:hidden}
.bd-bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(.03);transition:transform 1.4s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 14px var(--accent)}
.bd-note{margin:0;min-height:1.6em;color:var(--muted);font:italic 400 19px/1.4 "Instrument Serif",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.build .orb{animation:none}.build h2.in{animation:none}.bd-bar i{transition:none}.build,.build.on{transition:none}}
.err{color:var(--danger);font-size:13px;margin-top:12px;white-space:pre-wrap}
.pass{display:none;margin-top:14px}
.pass input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr);height:auto}aside,main{min-width:0}main{height:90vh}aside{border-right:0;border-bottom:1px solid var(--line)}.co-t span{white-space:normal}}
.mat{padding-bottom:12px}
.mrow{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:12px 0 8px}
.mrow b{font-weight:500;font-size:14px;display:block}.mrow small{color:var(--muted);font-size:12px;display:block}
.up{display:inline-block;text-transform:none;letter-spacing:0;margin:0;font-size:12px;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:7px 11px;cursor:pointer;white-space:nowrap}
.up:hover{border-color:var(--muted)}
.urlrow{display:flex;gap:8px}.urlrow input{flex:1;min-width:0;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 12px;outline:none}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}
.thumb{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#0c1011}
.thumb img{width:100%;height:100%;object-fit:cover}.thumb.logo img{object-fit:contain;padding:6px;background:linear-gradient(45deg,#b7bebe 25%,transparent 25%,transparent 75%,#b7bebe 75%) 0 0/14px 14px,linear-gradient(45deg,#b7bebe 25%,#e9ecec 25%,#e9ecec 75%,#b7bebe 75%) 7px 7px/14px 14px,#e9ecec}
.thumb button,.doc button{position:absolute;top:2px;right:2px;border:0;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:1;padding:3px 5px;cursor:pointer}
.doc{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:13px;border:1px solid var(--line);border-radius:10px;padding:8px 34px 8px 10px;margin-bottom:6px}
.doc span{color:var(--muted);font-size:12px;white-space:nowrap}.doc button{top:7px;right:6px}
.tabs{display:flex;gap:4px;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:3px}
.tabs button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}
.tabs button.on{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.tabs button:disabled{opacity:.4;cursor:default}
.fill{position:absolute;inset:0;overflow:auto;padding:36px 40px 80px;background:#0a0d0e}
.fill[hidden]{display:none}
.fi{max-width:880px;margin:0 auto}
.fi-top{position:sticky;top:-36px;z-index:2;margin:-36px -40px 26px;padding:22px 40px 16px;background:rgba(10,13,14,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.fi-top h2{margin:0 0 6px;font:400 30px/1.1 "Instrument Serif",serif}
.fi-top p{margin:0 0 12px;color:var(--muted);font-size:14px}
.fi-prog{height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.fi-prog i{display:block;height:100%;background:var(--accent);transition:width .5s}
.fi-sum{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:var(--muted)}
.fi-sum b{color:var(--text);font-weight:600}
.fi-acts{display:flex;gap:8px;margin-top:12px}
.fc{margin:34px 0 0}
.fc h3{margin:0 0 4px;font:400 24px/1.15 "Instrument Serif",serif}
.fc .ref{margin:0 0 14px;font-size:12px;color:var(--muted);letter-spacing:.04em}
.ff{padding:14px 0;border-top:1px solid var(--line)}
.ff-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.ff-h label{margin:0;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}
.ff-h .pt{font-size:11px;color:var(--muted);letter-spacing:.04em}
.st{font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.st.suggested{color:#f2c46b;border-color:rgba(242,196,107,.4)}
.st.confirmed{color:var(--accent);border-color:rgba(195,238,147,.45)}
.st.missing{color:var(--danger);border-color:rgba(255,143,122,.45)}
.st.locked{color:var(--muted)}
.ff textarea,.ff input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;color:var(--text);outline:none}
.ff textarea{min-height:44px;resize:vertical;line-height:1.5}
.ff textarea:focus,.ff input:focus{border-color:var(--accent)}
.ff.missing textarea,.ff.missing input{border-color:rgba(255,143,122,.5)}
.ff .lk{padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:13px;line-height:1.5;white-space:pre-wrap}
.ff-f{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.ff-f .src{font-size:12px;color:var(--muted);margin-right:auto}
.ff-f .hint{margin:0;width:100%}
.ff-f .btn.ok{border-color:rgba(195,238,147,.5);color:var(--accent)}
.ff-f .btn.no{color:var(--danger)}
.mk-ch{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.mk-ch button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}
.mk-ch button.on{color:var(--text);border-color:var(--accent)}
.mk-ch button i{font-style:normal;color:var(--accent);margin-left:6px}
.mk-body{margin-top:26px}
.mk-body textarea{width:100%;min-height:220px;resize:vertical;background:#0c1011;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font:inherit;line-height:1.55;color:var(--text);outline:none}
.mk-body textarea:focus{border-color:var(--accent)}
.mk-body input{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;color:var(--text);outline:none;margin-bottom:10px}
.mk-lock{margin-top:12px;padding:12px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px;line-height:1.5;white-space:pre-wrap}
.mk-lock b{display:block;color:var(--text);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.mk-warn{margin-top:10px;font-size:13px;color:#f2c46b}
.mk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mk-empty{margin-top:26px;color:var(--muted)}
@media (max-width:900px){.fill{padding:24px 16px 60px}.fi-top{margin:-24px -16px 20px;padding:16px;position:static}}
.fill section[id],.fill .fc[id]{scroll-margin-top:calc(var(--stick,96px) + 14px)}
.tabs button:disabled{opacity:.35;cursor:default}
.alloc{grid-column:1/-1}
.arow{display:grid;grid-template-columns:1fr 64px 18px;gap:8px;align-items:center;margin-bottom:6px}
.arow input{background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 12px;outline:none;min-width:0}
.arow span{color:var(--muted);font-size:13px}
.rd{display:grid;grid-template-columns:120px 1fr;gap:12px;margin:8px 0 4px;padding:10px;border:1px solid var(--line);border-radius:12px}
.rd img{width:120px;height:75px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid var(--line);background:#fff}
.rd-i{min-width:0}
.rd-sw{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:8px}
.rd-sw i{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.rd-o{display:flex;gap:8px;align-items:flex-start;margin:4px 0;cursor:pointer;font-size:13px;text-transform:none;letter-spacing:0;color:var(--text);line-height:1.4}
.rd-o input{margin:3px 0 0;accent-color:var(--accent)}
.rd-o b{font-weight:500;display:block;font-size:13px}.rd-o small{display:block;color:var(--muted);font-size:12px;line-height:1.4;text-transform:none;letter-spacing:0}
@media (max-width:520px){.rd{grid-template-columns:1fr}.rd img{width:100%;height:auto;aspect-ratio:16/10}}
.pp-h{display:flex;flex-direction:column;gap:2px;margin:12px 0 8px}.pp-h b{font-weight:500;font-size:14px}.pp-h span{color:var(--muted);font-size:12px}
.pp{position:relative;display:grid;grid-template-columns:64px 1fr;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 34px 10px 10px;margin-bottom:8px}
.pp-ph{position:relative;width:64px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;background:#0c1011;border:1px solid var(--line);display:block}
.pp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pp-ph span{position:absolute;left:0;right:0;bottom:0;font-size:10px;text-align:center;padding:3px 0;background:rgba(0,0,0,.55);color:#fff;letter-spacing:.04em}
.pp-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.pp-f input,.pp-f textarea{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:inherit;font-size:13px;color:var(--text);outline:none;resize:vertical}
.pp-f input:focus,.pp-f textarea:focus{border-color:var(--accent)}
.pp .x{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:#0c1011;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}
.pp-add{width:100%;padding:9px;margin:0 0 6px}
.sc{margin-top:8px}.sc-stale{color:#f2c46b}
.sc-list{margin-top:6px}
.sc-row{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.sc-row i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600}
.sc-row.warn i{background:rgba(242,196,107,.18);color:#f2c46b}.sc-row.bad i{background:rgba(255,99,71,.18);color:#ff7a5c}
.sc-row b{font-weight:500;display:block}.sc-row small{display:block;color:var(--muted);margin-top:2px;line-height:1.45}
.mic{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.04em;text-transform:none;cursor:pointer}
.mic:hover{color:var(--text);border-color:var(--accent)}
.mic[data-state=rec]{color:#ff7a5c;border-color:#ff7a5c}.mic[data-state=rec] svg{animation:micpulse 1s infinite}
.mic[data-state=busy]{opacity:.6;cursor:default}
@keyframes micpulse{0%,100%{opacity:1}50%{opacity:.35}}
.mk-grp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.mk-grp>span{flex:0 0 200px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.mk-grp>span{flex-basis:100%}}
.mk-ch{display:block}
.mk-who{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;color:var(--muted)}
.mk-who select{background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font:inherit;max-width:100%;color-scheme:dark}
.mk-body textarea.tall{min-height:340px}
.mk-extra{border-style:solid}
.ok-list .chk{padding:10px 0;font-size:14px}
.ok-list .chk small{font-size:13px;margin-top:2px}
.ap{padding:14px 0;border-top:1px solid var(--line)}
.ap-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ap-h b{font-weight:500;font-size:14px}
.ap-h .pt{font-size:11px;color:var(--muted);letter-spacing:.04em}
.ap p{margin:0 0 10px;color:var(--muted);font-size:13px}
.ap-by{font-size:13px;margin:0 0 10px}
.ap.stale .ap-by{color:#f2c46b}
.ap-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ap-acts input{flex:1;min-width:200px;max-width:360px;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;color:var(--text);outline:none;color-scheme:dark}
.ap-acts input:focus{border-color:var(--accent)}
.ap-acts .btn.ok{border-color:rgba(195,238,147,.5);color:var(--accent)}
.ok-log div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.ok-log span{color:var(--muted)}
.ok-log b{font-weight:400}
.hint.ok-klar,.hint.ok-publisert{color:var(--accent)}
.hint.ok-endret{color:#f2c46b}
.camp .tag.pub{color:var(--accent);border-color:rgba(195,238,147,.45);margin-left:auto}
.camp .tag.pub+.tag{margin-left:0}
#okPub:disabled{cursor:default}
.org-links{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.6}
.org-links a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.org-links a:hover{border-bottom-color:var(--accent)}
.org-links .warn{color:var(--danger)}
.ao{display:flex;flex-direction:column;gap:10px}
.ao-top{display:flex;gap:12px;flex-wrap:wrap}
.ao-top label,.ao-av{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.ao-top label{flex:1 1 200px}
.ao-wrap{overflow-x:auto}
.ao-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ao-t{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.ao-t th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 6px 6px}
.ao-t td{padding:3px 4px;vertical-align:middle}
.ao-t tfoot td{padding:8px 6px;color:var(--muted);border-top:1px solid var(--line)}
.ff .ao-t input{padding:7px 8px;border-radius:8px;font-size:13px}
.ao-t td:nth-child(4) input{text-align:right;font-variant-numeric:tabular-nums}
.ao-p,.ao-sum,.ao-sp{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}
.ao-x{background:none;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px}
.ao-x:hover{color:var(--danger)}
.ao-acts{display:flex;gap:8px;flex-wrap:wrap}
.ao-in{display:flex;flex-direction:column;gap:8px}
.ao-in[hidden]{display:none}
.ao-note{font-size:12px;color:var(--muted);margin:0}
.ao-note.warn{color:var(--danger)}
.ao-t tr.ao-g input{opacity:.5}
.ao-t tr.ao-g .ao-p{color:var(--muted)}
.ao-sel{font-size:12px;color:var(--muted);margin:0;line-height:2.1}
.ff .ao-sel input{display:inline-block;width:3.4em;padding:2px 6px;margin:0 2px;border-radius:6px;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.ao-rr{margin:2px 0 0;padding:0 14px 4px;border-radius:12px}
.ao-rr summary{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;font-size:13px}
.ao-rr summary span{margin-left:auto;font-weight:400;font-size:12px;color:var(--muted)}
.ao-rr summary span.warn{color:var(--danger)}
.ao-rr .hint{margin:0 0 10px}
.ao-rl{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.45}
.ao-rl li{position:relative;padding-left:16px}
.ao-rl li::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--muted)}
.ao-rl li.ok::before{background:var(--accent)}
.ao-rl li.warn{color:var(--danger)}
.ao-rl li.warn::before{background:var(--danger)}
.ff .ao-rr input[type=password]{flex:1 1 180px;width:auto;max-width:260px;padding:7px 10px;border-radius:8px;font-size:13px}
.ao-rr input[hidden]{display:none}
.ao-rr .ao-note{margin:8px 0 6px}
.vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 14px}
.vd-grid label,.vd-ta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.vd-grid label.w{grid-column:span 2}
.vd input,.vd textarea{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;color:var(--text);outline:none;color-scheme:dark}
.vd input:focus,.vd textarea:focus{border-color:var(--accent)}
.vd textarea{resize:vertical;line-height:1.5;min-height:64px}
.vd input[type=radio],.vd input[type=checkbox]{width:auto;accent-color:var(--accent)}
.vd-ro{display:block;padding:9px 0;font-size:14px;color:var(--text)}
.vd-seg,.vd-checks{display:flex;flex-direction:column;gap:8px;font-size:14px}
.vd-seg label,.vd-checks label{display:flex;gap:10px;align-items:center;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);margin:0}
.vd-checks{margin:16px 0 4px}
.vd-ta{margin-top:14px}
#vdAlSum{margin:8px 0 16px}
.vd-docs{display:flex;flex-direction:column}
.vd-doc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.vd-doc span{flex:1 1 260px}
@media (max-width:640px){.vd-grid label.w{grid-column:auto}}
.vd .ref.vd-sub{margin:16px 0 8px}
.vd-kred{display:flex;flex-direction:column;gap:8px;margin:16px 0 4px}
.vd-kh,.vd-kr{display:grid;grid-template-columns:minmax(130px,1.6fr) minmax(90px,.8fr) minmax(130px,1.5fr) minmax(110px,1.2fr) minmax(90px,.9fr) 70px minmax(100px,auto) auto;gap:8px;align-items:center}
.vd-kh span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vd-kr input.bad{border-color:#e0806f}
.vd-amt{font-size:13px;color:var(--text);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.vd-kf{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:4px}
@media (max-width:900px){.vd-kh{display:none}.vd-kr{grid-template-columns:1fr 1fr;padding:10px;border:1px solid var(--line);border-radius:12px}.vd-kr input[data-vk=navn],.vd-kr input[data-vk=adresse]{grid-column:1/-1}.vd-amt{text-align:left}}
/* Publisering på domenet */
.act{flex-wrap:wrap;justify-content:flex-end}
.btn.pub{border-color:rgba(195,238,147,.55);color:var(--accent)}
.btn.pub.on{background:rgba(195,238,147,.12)}
.pub-pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:7px 12px 7px 10px;font-size:12px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:7px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pub-pill::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--muted)}
.pub-pill.ok{color:var(--text)}.pub-pill.ok::before{background:var(--accent)}
.pub-pill.busy::before{background:var(--accent);animation:pulse 1s infinite}
.pub-pill.wait{color:#f2c46b}.pub-pill.wait::before{background:#f2c46b}
.pub-pill.bad{color:var(--danger)}.pub-pill.bad::before{background:var(--danger)}
dialog.pub-dlg{width:min(540px,94vw)}
.pub-url{display:flex;align-items:center;background:#0c1011;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pub-url:focus-within{border-color:var(--accent)}
.pub-url span{padding:10px 0 10px 12px;color:var(--muted);white-space:nowrap;font-size:14px}
dialog .pub-url input{border:0;border-radius:0;padding-left:2px;background:transparent}
.pub-pw{display:flex;gap:8px}
dialog .pub-pw input{flex:1;min-width:0;font:500 14px ui-monospace,Menlo,monospace;letter-spacing:.04em}
.pub-pw .btn{white-space:nowrap}
.pub-chk{display:flex;gap:10px;align-items:center;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);margin:4px 0 12px;cursor:pointer}
.pub-chk input{width:auto;accent-color:var(--accent)}
dialog .pub-chk input{width:auto;padding:0}
.hint.good{color:var(--accent)}.hint.bad{color:var(--danger)}
.pub-err{color:var(--danger);font-size:13px;margin:6px 0 0;min-height:0}
.pub-err:empty{display:none}
.pub-off{border:1px solid rgba(242,196,107,.4);background:rgba(242,196,107,.08);color:#f2c46b !important;border-radius:10px;padding:10px 12px;font-size:13px !important}
.pub-big{font:400 26px/1.2 "Instrument Serif",serif !important;color:var(--text) !important;margin:2px 0 10px !important;word-break:break-all}
.pub-big a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(195,238,147,.5)}
.pub-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted);margin:0 0 10px}
.pub-promote{border:1px solid rgba(195,238,147,.35);background:rgba(195,238,147,.06);border-radius:12px;padding:14px;margin:6px 0 14px}
.pub-promote p{color:var(--text);margin:0 0 8px}
.pub-acts{flex-wrap:wrap}
.btn.pub-down{color:var(--danger);border-color:rgba(255,143,122,.4)}
/* Designutkast */
.dr{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
.dr.cur{border-color:var(--accent)}
.dr div{min-width:0;flex:1}.dr b{font-weight:500;display:block;font-size:14px}.dr div span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-sw{display:flex;flex:none}.dr-sw i,.mc-sw i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.25);margin-left:-4px;display:inline-block}.dr-sw i:first-child,.mc-sw i:first-child{margin-left:0}
.dr .tag{font-size:11px;border:1px solid rgba(195,238,147,.45);color:var(--accent);border-radius:999px;padding:2px 8px;white-space:nowrap}
.dr .btn{padding:5px 10px;font-size:12px}
.dr .x{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:0 2px}.dr .x.sure{color:var(--danger);font-size:12px}
.dr-note{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:4px}
/* Rediger tekst */
#txBtn.on{border-color:var(--accent);color:var(--accent)}
.stage.tx-on .pv{right:min(440px,46%);width:calc(100% - min(440px,46%))}
.txd{position:absolute;top:0;right:0;bottom:0;width:min(440px,46%);z-index:4;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line)}
.txd[hidden]{display:none}
.txd-top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.txd-top div{flex:1;min-width:0}.txd-top b{display:block;font-weight:600}.txd-top span{font-size:12px;color:var(--muted)}
.txd-top .go{width:auto;padding:9px 16px;font-size:14px}
.txd-tip{font-size:12px;color:var(--muted);margin:10px 16px 0}
.txd-body{flex:1;overflow:auto;padding:4px 16px 60px}
.txs h4{font:400 20px/1.2 "Instrument Serif",serif;margin:22px 0 8px;color:var(--text)}
.txf{margin:0 0 10px}
.txf span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.txe{background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:14px;line-height:1.5;outline:none;white-space:normal;word-break:break-word;min-height:20px}
.txe:focus,.txf.on .txe{border-color:var(--accent)}
.txe a{color:inherit;text-decoration:underline}
@media (max-width:900px){.stage.tx-on .pv{right:0;bottom:55%;width:100%;height:45%}.txd{top:45%;width:100%;border-left:0;border-top:1px solid var(--line)}}
/* Min side */
.mine-c{border-top:1px solid var(--line);padding-top:20px}
.mine-h{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.mine-h .hint{margin:4px 0 0}
.mine-st{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mine .tag{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);text-decoration:none;white-space:nowrap}
.mine .tag.pub{color:var(--accent);border-color:rgba(195,238,147,.45)}
.mine .tag.old{color:#f2c46b;border-color:color-mix(in srgb,#f2c46b 40%,var(--line));cursor:help}
.mine-bk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.mine-bk .hint{margin:0 0 0 4px}
.mine .mine-del{color:var(--muted)}.mine .mine-del.sure{color:var(--danger);border-color:var(--danger)}
.mine-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.mc{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg,#1b2426);color:var(--fg,#eee);cursor:pointer;transition:transform .2s,border-color .2s;font:inherit}
.mc:hover{transform:translateY(-2px);border-color:var(--muted)}.mc.cur{border-color:var(--accent)}
.mc-img{display:block;height:120px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.25)) center/cover no-repeat}
.mc-txt{display:block;padding:10px 12px 4px}.mc-txt b{display:block;font-weight:600;font-size:14px}.mc-txt small{display:block;font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-sw{display:flex;padding:4px 12px 12px}
.mc-tag{position:absolute;top:8px;right:8px;font-size:11px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:3px 8px}
.pub-pill[hidden]{display:none}
.pub-live .hint{margin:0 0 14px}
/* The share card as a link preview: picture, title, the text with the risk warning, and the address. */
.pub-og{margin:0 0 14px}
.pub-live .pub-og .hint{margin:0 0 6px}
.pub-og-c{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;background:#0c1011;padding:10px}
.pub-og-c img{flex:none;width:120px;height:63px;object-fit:cover;border-radius:6px;display:block;background:var(--line)}
.pub-og-c div{min-width:0;display:grid;gap:3px}
.pub-og-c b{font-size:13px;line-height:1.3;font-weight:600;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pub-og-c span{font-size:12px;line-height:1.45;color:var(--muted)}
.pub-og-c small{font-size:11px;color:var(--muted)}
@media (max-width:520px){.pub-og-c{flex-direction:column}.pub-og-c img{width:100%;height:auto;aspect-ratio:1200/630}}
.bar{flex-wrap:wrap;row-gap:10px}
.steps{flex:1 1 230px;min-width:210px}
/* Fill views (Utfylling, Vedtak, Godkjenning, Min side) get a solid bar over the background animation. */
main:has(> .stage > .fill:not([hidden])) > .bar{background:#0a0d0e}
.act{margin-left:auto}

/* Kreativ retning: tre moodboard-kort før siden bygges */
.dirs{z-index:4}
.dirs-wait{min-height:100%;display:grid;place-content:center;text-align:center;gap:0}
.dirs-wait .orb{width:150px;height:150px;margin:0 auto 34px}
.dirs-wait h2{margin:0 0 14px;font:400 clamp(30px,3.6vw,46px)/1.08 "Instrument Serif",serif}
.dirs-wait p{margin:0;color:var(--muted)}
.dirs-in{max-width:1320px;margin:0 auto}
.dirs-head{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin:0 0 28px}
.dirs-head h2{margin:0 0 10px;font:400 clamp(30px,3.4vw,46px)/1.08 "Instrument Serif",serif}
.dirs-head p{margin:0;max-width:640px;color:var(--muted);font-size:15px;line-height:1.55}
.dirs-acts{display:flex;gap:8px;flex-wrap:wrap}
.dirs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.dir{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0f1314;transition:border-color .25s ease,transform .25s ease}
.dir:hover{border-color:color-mix(in srgb,var(--d-accent) 60%,var(--line))}
.dir-hero{position:relative;aspect-ratio:16/10;background:var(--d-bg);color:var(--d-text);overflow:hidden}
.dh-img{position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 30%,color-mix(in srgb,var(--d-accent) 55%,transparent),transparent 60%),linear-gradient(160deg,var(--d-surface),color-mix(in srgb,var(--d-bg) 70%,#000))}
.dh-img::after{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay}
.dh-band{position:absolute;display:none}
.dh-t{position:absolute;left:7%;right:7%;bottom:9%;display:flex;flex-direction:column;gap:6px}
.dh-t span{font:500 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--d-accent)}
.dh-t b{font-weight:400;font-size:clamp(20px,2.1vw,30px);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.h-sentrert-massiv .dh-img{opacity:.55}.h-sentrert-massiv .dh-t{top:0;bottom:0;justify-content:center;text-align:center;align-items:center}.h-sentrert-massiv .dh-t b{font-size:clamp(24px,2.6vw,38px)}
.h-diptyk .dh-img{left:46%}.h-diptyk .dh-t{right:58%;top:0;bottom:0;justify-content:center}.h-diptyk .dh-t b{font-size:clamp(17px,1.6vw,24px)}
.h-kun-typografi .dh-img{top:auto;height:16%}.h-kun-typografi .dh-t{top:12%;bottom:22%;justify-content:center}.h-kun-typografi .dh-t b{font-size:clamp(26px,3vw,42px)}
.h-produkt-sentrert .dh-img{inset:16% 30%;border-radius:50% 50% 12px 12px}.h-produkt-sentrert .dh-t{bottom:6%;text-align:center;align-items:center}
.h-letterbox .dh-img{top:16%;bottom:auto;height:46%}.h-letterbox .dh-t{bottom:8%}.h-letterbox .dh-t b{font-size:clamp(17px,1.6vw,24px)}
.h-forskjøvet-editorial .dh-img{left:40%;top:10%;bottom:10%;right:6%}.h-forskjøvet-editorial .dh-t{right:30%;top:0;bottom:0;justify-content:center}
.h-vertikal-rail .dh-img{left:46%;top:44%;right:6%;bottom:10%}.h-vertikal-rail .dh-t{top:10%;bottom:auto;left:16%}.h-vertikal-rail .dh-band{display:block;left:5%;top:10%;bottom:10%;width:1px;background:var(--d-muted)}
.h-teppe .dh-img{bottom:50%}.h-teppe .dh-band{display:block;left:0;right:0;bottom:0;height:50%;background:var(--d-surface)}.h-teppe .dh-t{bottom:12%}
.h-fullbleed-nede-venstre .dh-img::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--d-bg) 85%,transparent),transparent 60%)}
.dir-body{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;flex:1}
.dir-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dir-role{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--d-accent) 18%,transparent);color:color-mix(in srgb,var(--d-accent) 70%,#fff);border:1px solid color-mix(in srgb,var(--d-accent) 45%,transparent)}
.dir-kw{font-size:12px;color:var(--muted)}
.dir h3{margin:0;font:400 26px/1.1 "Instrument Serif",serif}
.dir-thesis{margin:0;font:italic 400 17px/1.4 "Instrument Serif",serif;color:var(--text)}
.dir-concept{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.dir-pal{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.dir-pal span{display:flex;flex-direction:column;gap:4px;min-width:0}
.dir-pal i{display:block;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}
.dir-pal small{font:10px ui-monospace,Menlo,monospace;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.dir-type{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.dir-type span:first-child{font-size:22px;line-height:1.2}
.dir-type span:last-child{font-size:13px;color:var(--muted)}
.dir-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;line-height:1.5}
.dir-dl dt{color:var(--muted);white-space:nowrap}
.dir-dl dd{margin:0;color:var(--text)}
.dir-tags{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.dir-tags li{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.dir .go{margin-top:auto;width:100%}
.dr-dirs{display:flex;flex-direction:column;gap:6px;margin:10px 0 4px}
.dr-dirs .hint{margin:0 0 2px}
.dr-dir{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:9px 11px}
.dr-dir b{display:block;font-weight:500}
.dr-dir small{display:block;font-size:11px;color:var(--muted)}
.dr-dirs[hidden]{display:none}
@media (max-width:1100px){.dirs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.dirs-grid{grid-template-columns:1fr}.dirs-head{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.dir{transition:none}}

/* Visuell kontroll */
.qa-auto{display:flex;gap:9px;align-items:center;margin:12px 0 10px;font-size:13px;letter-spacing:0;text-transform:none;color:var(--muted);cursor:pointer}
.qa-auto input{accent-color:var(--accent)}
.qa-head{display:flex;gap:12px;align-items:center;margin:4px 0 12px}
.qa-head span{display:block;font-size:13px;line-height:1.45}
.qa-head small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.qa-score{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font:600 16px Inter,system-ui,sans-serif;border:2px solid var(--line)}
.qa-score.ok{border-color:var(--accent);color:var(--accent)}.qa-score.warn{border-color:#e7b65a;color:#e7b65a}.qa-score.bad{border-color:#e0806f;color:#e0806f}
.qa-i{border-left:2px solid var(--line);padding:2px 0 2px 10px;margin:0 0 10px}
.qa-i.kritisk{border-color:#e0806f}.qa-i.middels{border-color:#e7b65a}.qa-i.liten{border-color:var(--line)}
.qa-i.done{opacity:.55}.qa-i.done p{text-decoration:line-through}
.qa-sev{display:block;font-size:11px;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}
.qa-i p{margin:0;font-size:13px;line-height:1.45}
.qa-i small{display:block;font-size:11px;color:var(--accent);margin-top:2px}
.qa-shots{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;margin:4px 0 2px}
.qa-shot{flex:none;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#000;cursor:zoom-in}
.qa-shot img{display:block;height:64px;width:auto}
.qa-shot.mobil img{height:64px}

/* Kundens bilder: bilder fra nettsiden, foredling og dybdekart */
.si{margin:10px 0 4px;padding:10px;border:1px solid var(--line);border-radius:12px}
.si-h b{display:block;font-weight:500;font-size:13px}.si-h small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin:2px 0 8px}
.si-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin-bottom:8px}
.si-t{position:relative;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0c1011;cursor:pointer;aspect-ratio:4/3;opacity:.62;transition:opacity .2s ease,border-color .2s ease}
.si-t img{width:100%;height:100%;object-fit:cover;display:block}
.si-t span{position:absolute;left:4px;bottom:4px;font-size:10px;line-height:1;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.66);color:#fff}
.si-t em{position:absolute;right:4px;top:4px;font-style:normal;font-size:10px;line-height:1;padding:3px 5px;border-radius:5px;background:rgba(231,182,90,.92);color:#1b1407}
.si-t.on{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.si-t.on::after{content:"✓";position:absolute;right:4px;bottom:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700}
.si-t.done{opacity:.35;cursor:default}
.si-t:disabled{cursor:default}
.si .btn{width:100%;padding:9px}
.thumb{cursor:pointer}.thumb.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.thumb.busy img{opacity:.45}
.thumb .tg{position:absolute;left:3px;bottom:3px;right:3px;font-size:9px;line-height:1.1;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.7);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;margin:10px 0 4px;padding:10px;border:1px solid var(--line);border-radius:12px}
.pc-img{position:relative;border-radius:8px;overflow:hidden;background:#0c1011;align-self:start}
.pc-img img{display:block;width:100%;height:auto}
.pc-img.cut{background:repeating-conic-gradient(#2a3335 0 25%,#1a2123 0 50%) 0 0/14px 14px}
.pc-img span{position:absolute;left:4px;top:4px;font-size:10px;padding:2px 5px;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600}
.pc-i{min-width:0}
.pc-t{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.pc-t b{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-x{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}
.pc-i small{display:block;color:var(--muted);font-size:12px;margin:2px 0 8px}
.pc-vs{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px}
.pc-vs label{display:flex;gap:5px;align-items:center;margin:0;font-size:12px;text-transform:none;letter-spacing:0;color:var(--text);cursor:pointer}
.pc-vs input{accent-color:var(--accent);margin:0}
.pc-a{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pc-a .btn{padding:8px 6px;font-size:12px}
.pc .hint{margin:8px 0 0;font-size:12px;line-height:1.4}
.pc-3d{grid-column:1/-1;position:relative;height:240px;border-radius:8px;overflow:hidden;background:radial-gradient(60% 70% at 50% 55%,#26302f,#0c1011)}
.pc-3d model-viewer{display:block;width:100%;height:100%;--poster-color:transparent;--progress-bar-color:var(--accent)}
.pc-3d model-viewer img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pc-3d span{position:absolute;left:6px;top:6px;font-size:10px;padding:2px 5px;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600;pointer-events:none}
.pc-l{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0}
.pc-l .lnk{padding:0}
.pc-a .btn[data-enh=m3d]{grid-column:1/-1}
.chk-line{display:flex;gap:9px;align-items:center;margin:10px 0;font-size:13px;letter-spacing:0;text-transform:none;color:var(--text);cursor:pointer}
.chk-line input{accent-color:var(--accent)}
.pl-row{display:flex;gap:8px;align-items:stretch}.pl-row .dr-note{margin-top:0;flex:1;min-width:0}.pl-row .btn{flex:none}
.pl-hits{display:grid;gap:6px;margin:8px 0 0}.pl-hit{all:unset;box-sizing:border-box;display:grid;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px;color:var(--text)}.pl-hit:hover,.pl-hit:focus-visible{border-color:var(--accent)}.pl-hit small{color:var(--muted);font-size:11.5px}
@media (max-width:520px){.pc{grid-template-columns:1fr}.pc-img{max-width:220px}}
.film-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}.film-b .btn{padding:11px 8px}
.lnk{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0 0}

/* Merkefarger og vektorlogo under logoen */
#brandView:empty{display:none}
.bv{display:flex;flex-direction:column;gap:8px;margin:2px 0 14px}
.bv-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bv-l{font-size:12px;color:var(--muted)}
.bv-sw{display:flex;gap:6px}
.bv-sw i{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.18);display:block}
.bv-sw i.ac{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--text)}
.bv code{font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
.bv-use{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);text-transform:none;letter-spacing:0;margin:0}
.bv-svg{align-self:flex-start;font-size:12.5px}
.bv-ok,.bv-note{font-size:12px;color:var(--muted)}

/* ===== Studio 2: enklere arbeidsflate (start og arbeid), rolige kort, meny, pek og endre ===== */
:root{--text2:#c9cec8;--line2:#1e2729;--ease:cubic-bezier(.16,1,.3,1)}
.legacy{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
aside{font-size:14px}
label{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text2)}
.brand{padding:14px 16px 14px 22px;gap:9px;border-bottom:1px solid var(--line2);min-height:58px;overflow:hidden}
/* Navvalgene holder bredden; merkenavnet krymper og forkortes, så raden aldri flyter ut i hovedfeltet (gjelder også lange white-label-navn). */
.brand>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand .hdr{margin-left:auto;display:flex;gap:4px;align-items:center;flex:none}
.brand .hdr .gear,.brand .gear+.gear{margin:0}
aside{overflow:hidden}
.gear{border:0;background:transparent;padding:7px 10px;border-radius:9px;font-size:12.5px;transition:background .15s,color .15s}
.gear:hover{background:rgba(255,255,255,.06);color:var(--text)}
.gear.ic{display:grid;place-items:center;width:32px;height:32px;padding:0}
.scroll{padding:26px 22px 22px}
h1{font-size:42px;line-height:1;margin:0 0 12px}
.lead{font-size:14px;line-height:1.55;margin:0 0 22px;max-width:36ch}
.btn{transition:border-color .15s,background .15s,color .15s}
.btn:hover:not(:disabled){background:rgba(255,255,255,.04)}
.btn.ic{display:grid;place-items:center;width:34px;height:34px;padding:0}
.hint{line-height:1.5}

/* Grunnlaget: én boks for organisasjonsnummer og beskrivelse, materialet som vedlegg */
.bc{background:rgba(7,10,11,.55);border:1px solid var(--line);border-radius:18px;padding:16px 16px 10px;margin:0 0 6px;transition:border-color .2s,box-shadow .2s}
.bc:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent)}
.bc .urlrow input{background:rgba(255,255,255,.02)}
.bc .hint{font-size:12.5px}
.bc-sep{height:1px;background:var(--line2);margin:14px -16px 14px}
.bc-pl{display:flex;align-items:center;gap:10px}
.bc textarea{background:transparent;border:0;border-radius:0;padding:2px 0 6px;min-height:118px;resize:none;font-size:15px;line-height:1.55}
.bc textarea:focus{border-color:transparent}
.bc .chips{margin:4px 0 10px;gap:6px}
.bc .chip{font-size:12px;padding:5px 10px;border-color:var(--line2)}
.bc.has-text .chips{display:none}
.att{display:flex;flex-wrap:wrap;gap:2px;padding:8px 0 0;margin:0 -6px;border-top:1px solid var(--line2)}
.att button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:12.5px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
.att button::before{content:"+";font-size:15px;line-height:10px;color:var(--accent);font-weight:500}
.att button:hover{background:rgba(255,255,255,.05);color:var(--text)}
.att button.has{color:var(--text)}
.att button.has::before{content:"\2713";font-size:12px}
aside details,.ws .card{border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:0;margin:0}
.bx details:first-of-type{margin-top:10px}
aside details>summary{padding:15px 2px;font-weight:500;font-size:14px;display:flex;align-items:center;gap:10px;justify-content:flex-start}
aside details>summary::-webkit-details-marker{display:none}
aside details>summary::after{content:"";flex:none;width:6px;height:6px;margin:0 4px 2px 2px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .2s var(--ease)}
aside details[open]>summary::after{content:"";transform:rotate(-135deg);margin-bottom:-3px}
summary .sum{margin-left:auto;min-width:0;font-weight:400;font-size:12.5px;color:var(--muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
summary .sum.warn{color:#e7b65a}
summary .sum.good{color:var(--accent)}
aside details[open]>summary{color:var(--text)}
aside details .mat,aside details .grid,aside details #people,.card-b{padding-bottom:16px}
#people>.pp-h:first-child{margin-top:0}

/* Arbeidsflaten etter at siden er laget */
.app:not(.is-work) .ws,.app:not(.is-work) #wsCo,.app:not(.is-work) #nx,.app:not(.is-work) #hist{display:none!important}
.app.is-work:not(.brief-open) #briefBox{display:none}
.app.is-work:not(.brief-open) #go{display:none}
.app:not(.is-work) #edit,.app.is-work.brief-open #edit{display:none!important}
.app.is-work #briefBox h1,.app.is-work #briefBox .lead,.app.is-work #briefBox .att,.app.is-work #briefBox .chips{display:none}
.app.is-work #briefBox{margin:0 0 18px;padding:14px;border:1px dashed var(--line);border-radius:18px}
.app.is-work #briefBox .bc{background:transparent;border:0;padding:0;box-shadow:none}
.app.is-work #briefBox .bc textarea{min-height:90px}
.co{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.co-lg{flex:none;width:46px;height:46px;border-radius:13px;background:#fff center/72% no-repeat;border:1px solid var(--line)}
.co-lg.ini{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,#0c1011);color:var(--accent);font:400 24px/1 "Instrument Serif",serif;border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.co-t{min-width:0;flex:1}
.co-t b{display:block;font:400 25px/1.05 "Instrument Serif",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-t span{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co .btn{padding:7px 11px;font-size:12.5px;white-space:nowrap}
.nx{margin:0 0 20px;border:1px solid var(--line2);border-radius:16px;padding:6px;background:rgba(255,255,255,.015)}
.nx-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px 6px;font-size:12.5px;color:var(--muted)}
.nx-h b{color:var(--text);font-weight:500;font-size:13px}
.nx-bar{height:2px;margin:2px 10px 6px;border-radius:2px;background:var(--line2);overflow:hidden}
.nx-bar i{display:block;height:100%;background:var(--accent);transition:width .6s var(--ease)}
.nx-s{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer;font:inherit;font-size:13.5px;transition:background .15s}
.nx-s:hover{background:rgba(255,255,255,.045)}
.nx-s i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:transparent}
.nx-s.ok i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.nx-s.ok>span{color:var(--muted)}
.nx-s.now i{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.nx-s small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.nx-s.now small{color:var(--text2)}
.hist{margin:0 0 14px}
.hist-h{display:flex;align-items:center;gap:6px;margin:0 2px 6px;font-size:12.5px;color:var(--muted)}
.hist-h span{margin-right:auto}
.hist-h button{border:1px solid var(--line2);background:transparent;color:var(--text2);border-radius:8px;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}
.hist-h button:hover:not(:disabled){border-color:var(--line);color:var(--text)}
.hist-h button:disabled{opacity:.35;cursor:default}
.hist ol{list-style:none;margin:0;padding:0}
.hist li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 6px;font-size:13px;color:var(--muted);border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
.hist li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line);justify-self:center}
.hist li:hover{background:rgba(255,255,255,.035);color:var(--text2)}
.hist li.cur{color:var(--text);cursor:default}
.hist li.cur::before{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.hist li.fut{opacity:.55}
.hist li b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist li time{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--muted)}
.hist .more-h{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:4px 6px;cursor:pointer}
.ws{border-top:1px solid var(--line2)}
.card-t{font-weight:500}
.card-b .section{margin:0;padding:14px 0;border-top:1px solid var(--line2)}
.card-b .section:first-child,.card-b .section.comp:not(.on)+.section{border-top:0;padding-top:2px}
.card-b .section h3{font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--text);font-weight:500;margin:0 0 6px}
.card-b .section h3 span{font-weight:400;color:var(--muted);font-size:12.5px}
.card-b .hint{font-size:12.5px}
.card-b .chk{font-size:13px}

/* Justeringsfeltet nederst, som i en samtale */
.dock{position:relative;padding:12px 16px 12px;border-top:1px solid var(--line2);background:rgba(10,14,15,.55)}
.dock .err{margin:0 0 10px}
.dock .err:empty{display:none}
.dock .pass{margin:0 0 10px}
.dock .go{margin:0;padding:15px;font-size:15px}
.dock #edit{margin:0;padding:0;border:0}
.cmp{border:1px solid var(--line);border-radius:16px;background:rgba(6,9,10,.7);padding:10px 10px 8px 13px;transition:border-color .2s,box-shadow .2s}
.cmp:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}
.cmp textarea{display:block;background:transparent;border:0;border-radius:0;padding:2px 0;min-height:46px;max-height:180px;resize:none;font-size:14px;line-height:1.5}
.cmp textarea:focus{border-color:transparent}
.cmp-bar{display:flex;align-items:center;gap:8px;margin-top:6px}
.cmp-pick{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--text2);border-radius:999px;padding:5px 11px 5px 9px;font:inherit;font-size:12.5px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.cmp-pick:hover{border-color:var(--muted);color:var(--text)}
.cmp-pick[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.cmp-pick:disabled{opacity:.4;cursor:default}
.cmp-k{margin-left:auto;font-size:11px;color:var(--muted);letter-spacing:.02em}
.cmp-go{border:0;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:8px 15px;font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .15s,opacity .15s}
.cmp-go:hover:not(:disabled){transform:translateY(-1px)}
.cmp-go:disabled{opacity:.45;cursor:default;transform:none}
.cmp-sel{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:6px 6px 6px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text);font-size:12.5px;min-width:0}
.cmp-sel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-sel b{font-weight:600}
.cmp-sel button{margin-left:auto;flex:none;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1}
.cmp-sel button:hover{background:rgba(255,255,255,.08);color:var(--text)}
.cmp-sug{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.cmp-sug:empty{display:none}
.cmp-sug button{border:1px solid var(--line2);background:rgba(255,255,255,.02);color:var(--muted);border-radius:999px;padding:5px 10px;font:inherit;font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}
.cmp-sug button:hover{color:var(--text);border-color:var(--line)}
.cmp-st{font-size:12.5px;color:var(--text2);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.cmp-st::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1s infinite}
.cmp-st:empty{display:none}

/* Verktøylinjen */
.bar{padding:10px 14px 10px 16px;gap:10px;min-height:56px;border-bottom:1px solid var(--line2)}
.app:not(.is-work):not(.is-busy) .bar{display:none}
.app:not(.is-work) .tabs{display:none}
.app:not(.is-busy) .steps{display:none}
.app.is-work .steps{flex:0 1 auto}
.tabs{background:transparent;border:0;padding:0;gap:2px;flex-wrap:wrap}
.tabs button{padding:7px 11px;border-radius:9px;font-size:13px;transition:background .15s,color .15s}
.tabs button.on{background:rgba(255,255,255,.075);box-shadow:none;color:var(--text)}
.tabs button:hover:not(:disabled):not(.on){color:var(--text2)}
.tabs button:disabled{display:none}
.act{gap:6px;align-items:center}
.dev{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:10px}
.dev[hidden]{display:none}
.dev button{display:grid;place-items:center;width:30px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.dev button:hover{color:var(--text)}
.dev button.on{background:rgba(255,255,255,.085);color:var(--text)}
.more{position:relative}
.more[hidden]{display:none}
.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:236px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#141a1b;box-shadow:0 18px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1px;transform-origin:top right;animation:mnin .16s var(--ease)}
.menu[hidden]{display:none}
.menu .btn{border:0;text-align:left;width:100%;padding:9px 11px;border-radius:9px;font-size:13.5px;color:var(--text)}
.menu .btn:hover:not(:disabled){background:rgba(255,255,255,.06)}
.menu .btn:disabled{opacity:.4}
.menu .btn[hidden]{display:none}
@keyframes mnin{from{opacity:0;transform:scale(.97) translateY(-4px)}}

/* Forhåndsvisning på mobil */
.stage.mob:not(.tx-on) .pv{inset:auto;left:50%;top:24px;width:390px;height:min(844px,calc(100% - 48px));transform:translateX(-50%);border-radius:34px;box-shadow:0 0 0 10px #161c1e,0 0 0 11px #2a3436,0 40px 90px rgba(0,0,0,.55)}

/* Prospektfanen før prospektet finnes */
.fill.de{display:grid;place-items:center;text-align:center;z-index:3;background:transparent}
.fill.de[hidden]{display:none}
.de-in{max-width:540px}
.de h2{font:400 clamp(32px,3.6vw,48px)/1.05 "Instrument Serif",serif;margin:8px 0 14px}
.de p{color:var(--muted);margin:0 0 26px;font-size:15px;line-height:1.6}
.de .go{width:auto;padding:15px 28px}
.de-opt{display:grid;gap:6px;text-align:left;margin:0 auto 14px;max-width:440px}
.de-opt label{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.de-opt select{width:100%;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text);font:inherit;font-size:14px;color-scheme:dark}
.de-chk{display:flex;gap:8px;align-items:center;justify-content:center;margin:4px 0 24px;font-size:14px;color:var(--muted)}

/* Pek og endre */
.pk-tip{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:6;background:rgba(12,16,17,.94);border:1px solid var(--line);color:var(--text);font-size:13px;padding:9px 15px;border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap;animation:mnin .2s var(--ease)}
.pk-tip[hidden]{display:none}
.pk-tip kbd{font:inherit;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 5px;margin:0 2px;color:var(--muted)}

/* Kreativ retning: tre ekte forhåndsvisninger, lite tekst */
.fill.dirs{padding:40px 44px 64px}
.dirs-in{max-width:1280px}
.dirs-head{margin:0 0 26px;align-items:flex-end}
.dirs-head h2{margin:6px 0 8px;font:400 clamp(34px,3.6vw,52px)/1.02 "Instrument Serif",serif;letter-spacing:-.01em}
.dirs-head p{max-width:560px;font-size:14.5px}
.dirs-acts .btn{padding:9px 13px}
.dirs-grid{gap:20px}
.dir{border-radius:20px;background:#0f1314;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.dir:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.dp{position:relative;aspect-ratio:4/3;background:var(--d-bg);color:var(--d-text);overflow:hidden;container-type:inline-size;font-family:var(--d-disp)}
.dp>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dp-g{position:absolute;inset:0;background:radial-gradient(120% 90% at 72% 26%,color-mix(in srgb,var(--d-accent) 48%,transparent),transparent 62%),linear-gradient(160deg,var(--d-surface),color-mix(in srgb,var(--d-bg) 70%,#000))}
.dp-g::after{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .6px);background-size:3px 3px;mix-blend-mode:overlay}
.dp-s{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--d-bg) 92%,transparent) 0%,color-mix(in srgb,var(--d-bg) 45%,transparent) 44%,transparent 72%)}
.dp-band{position:absolute;display:none}
.dp-t{position:absolute;left:7%;right:7%;bottom:8%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:2.4cqw}
.dp-t small{max-width:100%;font:500 2.3cqw/1.2 var(--d-body);letter-spacing:.16em;text-transform:uppercase;color:var(--d-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-t b{max-width:100%;font-weight:400;font-size:7.2cqw;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.06em}
.dp-t em{font:600 2.3cqw/1 var(--d-body);font-style:normal;padding:2.3cqw 3.4cqw;border-radius:999px;background:var(--d-accent);color:var(--d-bg);margin-top:1cqw;white-space:nowrap}
.dp-r{position:absolute;top:4.5%;left:4.5%;z-index:3;font:600 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dp.a-sentrert-massiv>img{opacity:.5}
.dp.a-sentrert-massiv .dp-s{background:color-mix(in srgb,var(--d-bg) 45%,transparent)}
.dp.a-sentrert-massiv .dp-t{top:0;bottom:0;justify-content:center;align-items:center;text-align:center}
.dp.a-sentrert-massiv .dp-t b{font-size:8.6cqw}
.dp.a-diptyk>img,.dp.a-diptyk .dp-g{left:50%;width:50%}
.dp.a-diptyk .dp-s{display:none}
.dp.a-diptyk .dp-t{right:55%;top:0;bottom:0;justify-content:center}
.dp.a-diptyk .dp-t b{font-size:5.6cqw;-webkit-line-clamp:4}
.dp.a-kun-typografi>img,.dp.a-kun-typografi .dp-g{top:auto;bottom:0;height:20%}
.dp.a-kun-typografi .dp-s{display:none}
.dp.a-kun-typografi .dp-t{top:9%;bottom:27%;justify-content:center}
.dp.a-kun-typografi .dp-t b{font-size:9cqw}
.dp.a-produkt-sentrert>img,.dp.a-produkt-sentrert .dp-g{inset:9% 27% 33%;width:46%;height:58%;border-radius:999px 999px 14px 14px}
.dp.a-produkt-sentrert.is-cut>img{object-fit:contain;border-radius:0;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))}
.dp.a-produkt-sentrert .dp-s{display:none}
.dp.a-produkt-sentrert .dp-t{left:10%;right:10%;bottom:6%;align-items:center;text-align:center;gap:1.6cqw}
.dp.a-produkt-sentrert .dp-t b{font-size:5.6cqw;-webkit-line-clamp:2}
.dp.a-produkt-sentrert .dp-t em{display:none}
.dp.a-letterbox>img,.dp.a-letterbox .dp-g{top:14%;height:44%}
.dp.a-letterbox .dp-s{display:none}
.dp.a-letterbox .dp-t{bottom:7%}
.dp.a-letterbox .dp-t b{font-size:5.8cqw;-webkit-line-clamp:2}
.dp.a-forskjøvet-editorial>img,.dp.a-forskjøvet-editorial .dp-g{left:46%;top:10%;width:48%;height:80%}
.dp.a-forskjøvet-editorial .dp-s{display:none}
.dp.a-forskjøvet-editorial .dp-t{right:58%;top:0;bottom:0;justify-content:center}
.dp.a-forskjøvet-editorial .dp-t b{font-size:5.8cqw;-webkit-line-clamp:4}
.dp.a-vertikal-rail>img,.dp.a-vertikal-rail .dp-g{left:48%;top:42%;width:46%;height:48%}
.dp.a-vertikal-rail .dp-band{display:block;left:6%;top:10%;bottom:10%;width:1px;background:var(--d-muted)}
.dp.a-vertikal-rail .dp-s{display:none}
.dp.a-vertikal-rail .dp-t{left:13%;right:8%;top:10%;bottom:auto}
.dp.a-vertikal-rail .dp-t b{font-size:6.2cqw}
.dp.a-teppe>img,.dp.a-teppe .dp-g{height:54%}
.dp.a-teppe .dp-band{display:block;left:0;right:0;bottom:0;height:46%;background:var(--d-surface)}
.dp.a-teppe .dp-s{display:none}
.dp.a-teppe .dp-t{bottom:8%}
.dp.a-teppe .dp-t b{font-size:6cqw;-webkit-line-clamp:2}
.dir-body{gap:10px;padding:18px 18px 16px}
.dir h3{font-size:27px;line-height:1.02}
.dir-thesis{font-size:16px;color:var(--text2)}
.dir-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);min-width:0}
.dir-sw{display:flex;flex:none}
.dir-sw i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2);margin-left:-5px}
.dir-sw i:first-child{margin-left:0}
.dir-f{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dir .dir-pick{width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:500;border-radius:12px}
.dir .dir-pick:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.dir-more>summary{padding:2px 0;font-size:12.5px;color:var(--muted);font-weight:400;justify-content:flex-start;gap:6px;list-style:none;cursor:pointer}
.dir-more>summary::-webkit-details-marker{display:none}
.dir-more>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-bottom:3px;transition:transform .2s var(--ease)}
.dir-more[open]>summary::after{content:"";transform:rotate(-135deg);margin-bottom:-2px}
.dir-more{border:0;padding:0;margin:0}
.dir-more p{margin:8px 0 10px;font-size:13px;line-height:1.55;color:var(--muted)}
.dir-more .dir-dl{font-size:12.5px}
.dir.sk{pointer-events:none}
.dir.sk .dp{background:linear-gradient(100deg,#121819 30%,#1b2325 50%,#121819 70%) 0 0/300% 100%;animation:skm 1.6s linear infinite;animation-delay:calc(var(--i,0)*.15s)}
.dir.sk .dir-body i{display:block;height:12px;border-radius:6px;background:#162022}
.dir.sk .dir-body i:nth-child(1){width:55%;height:22px}
.dir.sk .dir-body i:nth-child(2){width:80%}
.dir.sk .dir-body i:nth-child(3){width:40%}
@keyframes skm{to{background-position:-150% 0}}
@media (max-width:900px){.fill.dirs{padding:24px 16px 50px}.dock{position:static}}
@media (prefers-reduced-motion:reduce){.dir,.dir:hover{transform:none;transition:none}.dir.sk .dp{animation:none}.menu,.pk-tip{animation:none}}
.mine-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mine-top .go{width:auto;padding:10px 18px;font-size:14px}
[hidden]{display:none!important}
.app:not(.is-work) .act{display:none}
.cmp:has(textarea:not(:placeholder-shown))~.cmp-sug{display:none}
/* Kortene glir opp og igjen der nettleseren kan det */
:root{interpolate-size:allow-keywords}
aside details::details-content{height:0;overflow:clip;transition:height .28s var(--ease),content-visibility .28s allow-discrete}
aside details[open]::details-content{height:auto}
@media (prefers-reduced-motion:reduce){aside details::details-content{transition:none}}
.app.is-work.brief-open #briefBox{margin-top:-4px}
.app.is-work.is-busy .dock:not(:has(#edit.on)) #go{display:block}
main:has(> .stage > .fill.de:not([hidden])) > .bar{background:transparent}
.app.is-work .steps{display:none!important}
@media (max-width:900px){.dev{display:none!important}.pk-tip{white-space:normal;width:calc(100% - 32px);text-align:center}}
/* Arbeidsflaten kommer rolig inn når siden er laget */
@keyframes wsrise{from{opacity:0;transform:translateY(8px)}}
.app.is-work #wsCo,.app.is-work #nx,.app.is-work #hist,.app.is-work .ws,.app.is-work #edit{animation:wsrise .55s var(--ease) both}
.app.is-work #nx{animation-delay:.06s}.app.is-work #hist{animation-delay:.09s}.app.is-work .ws{animation-delay:.12s}.app.is-work #edit{animation-delay:.16s}
@media (prefers-reduced-motion:reduce){.app.is-work #wsCo,.app.is-work #nx,.app.is-work #hist,.app.is-work .ws,.app.is-work #edit{animation:none}}
.gate-old{margin:0 0 12px;padding:12px;border:1px solid rgba(242,196,107,.35);border-radius:12px;background:rgba(242,196,107,.06)}
.gate-old .hint{margin:0 0 10px;color:var(--text2)}
.gate-old .btn{padding:7px 11px;font-size:12.5px}
/* Retningene: like høye kort med knappen på samme linje, og oppsett etter plassen i forhåndsvisningen, ikke skjermen */
.fill.dirs{container-type:inline-size;container-name:dirs}
.fill.dirs .dirs-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.dir .dir-pick{margin-top:auto}
@container dirs (max-width:860px){
  .fill.dirs .dirs-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .fill.dirs .dir{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .fill.dirs .dir .dp{aspect-ratio:4/3;height:100%}
  .fill.dirs .dir-body{padding:16px}
  .fill.dirs .dir.sk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
}
@container dirs (max-width:540px){
  .fill.dirs .dir,.fill.dirs .dir.sk{display:flex;flex-direction:column}
  .fill.dirs .dir .dp{height:auto}
}

/* Premium-finish: kontaktark i byggevisningen, varsel med angre, hurtigmeny */
.bd-sheet{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:8px;margin:26px auto 0;max-width:560px}
.bd-sheet[hidden]{display:none}
.bd-t{position:relative;height:66px;aspect-ratio:4/3;border-radius:7px;overflow:hidden;background:linear-gradient(100deg,rgba(255,255,255,.035) 30%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.035) 70%) 0 0/220% 100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);animation:bdsk 1.7s linear infinite,bdtin .5s var(--ease) both}
.bd-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(0) brightness(1.6) blur(5px);transform:scale(1.1);transition:opacity .8s var(--ease),filter 1.8s var(--ease),transform 1.8s var(--ease)}
.bd-t.in{animation:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.35)}
.bd-t.in img{opacity:1;filter:none;transform:none}
@keyframes bdsk{0%{background-position:110% 0}100%{background-position:-110% 0}}
@keyframes bdtin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.toast{position:absolute;left:50%;top:14px;z-index:8;display:flex;align-items:center;gap:6px;max-width:min(600px,calc(100% - 32px));padding:7px 7px 7px 16px;border-radius:14px;background:rgba(12,16,17,.97);border:1px solid var(--line);color:var(--text);font-size:13.5px;line-height:1.4;box-shadow:0 18px 50px rgba(0,0,0,.45);transform:translate(-50%,-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),transform .4s var(--ease),visibility 0s .4s}
.toast.on{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .25s var(--ease),transform .4s var(--ease)}
.toast span{padding:4px 8px 4px 0}
.toast button{flex:none;border:0;border-radius:9px;padding:7px 12px;background:var(--accent);color:var(--accent-ink);font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.toast button.x{background:transparent;color:var(--muted);font-size:17px;line-height:1;padding:6px 9px}
.toast button.x:hover{color:var(--text);background:rgba(255,255,255,.06)}
.stage:has(.pk-tip:not([hidden])) .toast{top:62px}
/* In the tabs the header with the navigation stays at the top, so messages come at the bottom instead. */
.stage:has(>.fill:not([hidden])) .toast{top:auto;bottom:18px;transform:translate(-50%,12px)}
.stage:has(>.fill:not([hidden])) .toast.on{transform:translate(-50%,0)}
.gear.kb{padding:5px 6px}
.gear.kb kbd{display:block;font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 6px}
.gear.kb:hover kbd{color:var(--text);border-color:#3a4648}
dialog.pal{padding:0;width:min(640px,92vw);max-width:none;max-height:min(72vh,580px);margin:13vh auto auto;border-radius:18px;border:1px solid #2c3739;background:rgba(17,22,23,.985);box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden;flex-direction:column}
dialog.pal[open]{display:flex;animation:palin .2s var(--ease)}
dialog.pal::backdrop{background:rgba(5,8,9,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
@keyframes palin{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
.pal-q{display:flex;align-items:center;gap:11px;padding:15px 16px 15px 18px;border-bottom:1px solid var(--line)}
.pal-q svg{flex:none;color:var(--muted)}
.pal-q input{flex:1;min-width:0;border:0;background:transparent;outline:0;box-shadow:none;color:var(--text);font:400 16.5px/1.4 Inter,system-ui,sans-serif;padding:2px 0;margin:0}
.pal-q input::placeholder{color:#62706e}
.pal kbd{font:500 11px/1 Inter,system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 6px;background:rgba(255,255,255,.03)}
.pal-l{overflow:auto;padding:6px 8px 8px;flex:1;overscroll-behavior:contain;scrollbar-width:thin}
.pal-g{padding:12px 10px 6px;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#6b7775}
.pal-o{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--text2);font-size:14px}
.pal-o[aria-selected=true]{background:rgba(255,255,255,.06);color:var(--text)}
.pal-o .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--muted);flex:none;transition:color .12s,background .12s}
.pal-o[aria-selected=true] .ic{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.pal-o b{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-o small{color:var(--muted);font-size:12px;white-space:nowrap}
.pal-o small.pg{color:#5d6967}
.pal-e{padding:30px 12px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.6}
.pal-f{display:flex;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.pal-f kbd{margin-right:3px}
.pal-f .pal-k{margin-left:auto}
@media (max-width:640px){dialog.pal{margin-top:8vh}.pal-f{display:none}}
@media (prefers-reduced-motion:reduce){.bd-t{animation:none}.bd-t img{transition:none}.toast,.toast.on{transition:none}dialog.pal[open]{animation:none}}
/* Ny versjon i forhåndsvisningen: den forrige tones bort over den nye */
iframe.pv.pv-out{opacity:0;transition:opacity .26s ease}
@media (prefers-reduced-motion:reduce){iframe.pv.pv-out{transition:none}}
/* Hurtigmenyknappen gir mening med tastatur; på smale og berøringsskjermer er den borte */
.gear.kb kbd{white-space:nowrap}
@media (max-width:900px),(hover:none){.gear.kb{display:none}}
/* Mellomstore skjermer: litt smalere sidepanel og tettere faner, så verktøylinjen holder seg på én rad */
@media (min-width:901px) and (max-width:1240px){.app{grid-template-columns:360px 1fr}.tabs button{padding:7px 8px}.act .btn{padding-left:11px;padding-right:11px}.gear.kb{display:none}}
/* Bytt bilde */
dialog.ip{padding:0;width:min(720px,94vw);max-width:none;max-height:min(86vh,760px);border-radius:18px;border:1px solid #2c3739;background:rgba(17,22,23,.985);box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:auto}
dialog.ip[open]{animation:palin .2s var(--ease)}
dialog.ip::backdrop{background:rgba(5,8,9,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.ip-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 6px 22px}
.ip-h b{display:block;font:400 26px/1.1 "Instrument Serif",serif;color:var(--text)}
.ip-h span{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.ip-x{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;width:34px;height:34px;border-radius:9px;cursor:pointer}
.ip-x:hover{background:rgba(255,255,255,.06);color:var(--text)}
.ip-sl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 22px 0}
.ip-sl button{width:64px;height:46px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0c1011;cursor:pointer;opacity:.6}
.ip-sl button.on{opacity:1;box-shadow:0 0 0 2px var(--accent)}
.ip-sl img,.ip-g img,.ip-now img{display:block;width:100%;height:100%;object-fit:cover}
.ip-sl small{color:var(--muted);font-size:12px;margin-left:4px}
.ip-now{display:flex;align-items:center;gap:12px;margin:14px 22px 4px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#0f1415}
.ip-now img{width:96px;height:64px;border-radius:7px}
.ip-now small{display:block;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b7775}
.ip-now b{font-weight:500;font-size:14px;color:var(--text)}
.ip-s{padding:12px 22px 4px}
.ip-s h4{margin:6px 0 10px;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:#6b7775}
.ip-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.ip-g button{position:relative;aspect-ratio:4/3;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0c1011;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s}
.ip-g button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.ip-g button.on{box-shadow:0 0 0 2px var(--accent)}
.ip-g button span{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:11.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ip-new{display:flex;gap:8px}
.ip-new input{flex:1;min-width:0}
.ip-s .hint{margin:8px 0 14px}
@media (max-width:640px){.ip-new{flex-direction:column}.ip-g{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){dialog.ip[open]{animation:none}.ip-g button{transition:none}}

/* Due diligence (dd.js): omfang, registre, dokumenter, spørsmål, funn, samtaler, erklæring og rådgivere */
.dd-nav{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0 0}
.dd-nav button{border:1px solid var(--line2);background:transparent;color:var(--muted);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;transition:color .15s,border-color .15s}
.dd-nav button:hover{color:var(--text);border-color:var(--line)}
.dd-go{border:0;background:none;padding:0;color:var(--text);font:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.dd-go:hover{text-decoration-color:var(--accent)}
.dd-ref{font-size:11.5px;color:var(--muted);letter-spacing:.02em}
.dd h4,.jr h4{margin:22px 0 10px;font:500 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px;align-items:baseline}
.dd h4 span,.jr h4 span{letter-spacing:.02em;text-transform:none;color:var(--muted);font-weight:400;opacity:.8}
.dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px}
.dd-cols>div>h4:first-child{margin-top:4px}
.dd-flag{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;margin:0;padding:9px 10px;border:1px solid var(--line2);border-radius:12px;margin-bottom:6px;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text);font-size:13.5px;transition:border-color .15s,background .15s}
.dd-flag:hover{border-color:var(--line)}
.dd-flag.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,transparent)}
.dd-flag.risk.on{border-color:color-mix(in srgb,#f2c46b 50%,var(--line));background:color-mix(in srgb,#f2c46b 7%,transparent)}
.dd-flag input{margin:3px 0 0;accent-color:var(--accent)}
.dd-flag.risk.on input{accent-color:#f2c46b}
.dd-flag b{display:block;font-weight:500}
.dd-flag small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}
.dd-flag em{display:block;font-style:normal;color:var(--text2);font-size:12px;margin-top:4px}
.dd-x{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:6px}
.dd-x:hover{color:var(--text);background:rgba(255,255,255,.06)}
.dd-rec{margin:18px 0 12px;padding:14px 16px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line))}
.dd-rec span{display:block;font:500 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.dd-rec b{display:block;font:400 22px/1.15 "Instrument Serif",serif;margin-bottom:4px}
.dd-rec p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.dd-lvls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.dd-lvl{position:relative;display:block;margin:0;padding:14px 14px 12px;border:1px solid var(--line);border-radius:14px;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text);transition:border-color .15s,background .15s}
.dd-lvl:hover{border-color:var(--muted)}
.dd-lvl input{position:absolute;opacity:0;pointer-events:none}
.dd-lvl b{display:block;font-weight:500;font-size:14px;padding-right:22px}
.dd-lvl small{display:block;color:var(--muted);font-size:12px;margin:2px 0 8px}
.dd-lvl ul{margin:0;padding-left:16px;color:var(--muted);font-size:12.5px;line-height:1.5}
.dd-lvl::after{content:"";position:absolute;right:12px;top:14px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line)}
.dd-lvl.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.dd-lvl.on::after{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #0c1011}
.dd-lvl:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.dd-why label{text-transform:none;letter-spacing:0;font-size:13px;color:var(--text);margin:0 0 6px}
.dd textarea,.dd input:not([type=checkbox]):not([type=radio]):not([type=file]),.dd select,.jr textarea,.jr input:not([type=checkbox]):not([type=radio]):not([type=file]),.jr select{width:100%;min-height:0;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;line-height:1.5;color:var(--text);outline:none;color-scheme:dark;resize:vertical}
.dd textarea:focus,.dd input:focus,.dd select:focus,.jr textarea:focus,.jr input:focus,.jr select:focus{border-color:var(--accent)}
.dd-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.dd-row>input,.dd-row>select{flex:1 1 180px;width:auto!important}
.dd-row>.btn{flex:none}
.dd-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.dd-acts .btn{padding:7px 11px;font-size:12.5px}
.btn.ok{border-color:rgba(195,238,147,.5);color:var(--accent)}
.btn.no{color:var(--danger)}
label.btn{display:inline-flex;align-items:center;margin:0;text-transform:none;letter-spacing:0;color:var(--text);font-size:12.5px}
/* Spørsmål */
.dd-qg{margin:0 0 6px}
.dd-q{padding:14px 0;border-top:1px solid var(--line2)}
.dd-q-h{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.dd-q-h p{margin:0;font-size:14.5px;line-height:1.5;max-width:62ch}
.dd-q.done .dd-q-h p{color:var(--text2)}
.dd-fld{flex:none;font-size:11px;letter-spacing:.02em;padding:3px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.dd-q.done .dd-fld{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line2))}
.dd-help{display:block;color:var(--muted);font-size:12.5px;margin:4px 0 0;line-height:1.45}
.dd-seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dd-seg button{border:1px solid var(--line);background:transparent;color:var(--text2);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.dd-seg button:hover{border-color:var(--muted);color:var(--text)}
.dd-seg button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}
.dd-more{margin-top:10px}
.dd-dates{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.dd-dates label,.dd-amt label{display:flex;flex-direction:column;gap:5px;margin:0;text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--muted);flex:1 1 150px;max-width:240px}
.dd-amt{margin-top:10px}
/* Dokumenter */
.dd-drop{position:relative;margin:4px 0 12px}
.dd-drop label{display:flex;flex-direction:column;gap:4px;margin:0;padding:22px 20px;border:1.5px dashed var(--line);border-radius:16px;text-align:center;cursor:pointer;text-transform:none;letter-spacing:0;transition:border-color .2s,background .2s}
.dd-drop label b{color:var(--text);font-weight:500;font-size:15px}
.dd-drop label span{color:var(--muted);font-size:12.5px;line-height:1.5}
.dd-drop:hover label,.dd-drop.over label{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.dd-sum2{margin:0 0 4px;color:var(--muted);font-size:13px}
.dd-doc{padding:14px 0;border-top:1px solid var(--line2)}
.dd-doc.over{background:color-mix(in srgb,var(--accent) 5%,transparent);outline:1.5px dashed var(--accent);outline-offset:4px;border-radius:8px}
.dd-doc-h{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.dd-doc-h b{display:block;font-weight:500;font-size:14px}
.dd-doc-h small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px;max-width:62ch}
.dd-pill{flex:none;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.dd-pill.mangler{color:var(--danger);border-color:rgba(255,143,122,.45)}
.dd-pill.mottatt{color:#f2c46b;border-color:rgba(242,196,107,.45)}
.dd-pill.gjennomgatt{color:var(--accent);border-color:rgba(195,238,147,.45)}
.dd-pill.ikke{color:var(--muted)}
.dd-pill.sev-hoy{color:var(--danger);border-color:rgba(255,143,122,.45)}
.dd-pill.sev-middels{color:#f2c46b;border-color:rgba(242,196,107,.45)}
.dd-pill.sev-lav{color:var(--muted)}
.dd-files{list-style:none;margin:8px 0 0;padding:0}
.dd-files li{display:flex;gap:10px;align-items:center;font-size:13px;padding:3px 0}
.dd-files li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-files li small{color:var(--muted);font-size:12px;margin-left:auto;white-space:nowrap}
.dd-auto{margin:8px 0 0;font-size:13px;color:var(--text2)}
.dd-auto a,.dd-link{color:var(--accent);text-decoration:none;font-size:12.5px}
.dd-auto a:hover,.dd-link:hover{text-decoration:underline}
.dd-rv{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line2)}
.dd-rv p{margin:0;font-size:13px;line-height:1.5;color:var(--text2)}
.dd-rv p.bad{color:var(--danger)}
.dd-rv em{font-style:normal;color:var(--muted)}
.dd-sug{margin-top:10px;padding-top:10px;border-top:1px solid var(--line2)}
.dd-sug span{display:block;font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}
.dd-sug p{color:var(--text);margin:0 0 8px}
.dd-sug small{color:var(--accent);font-size:12px}
.dd-seg button.sug{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 65%,var(--line));color:var(--text)}
.dd-sugq{margin-top:10px;padding:11px 13px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line2));background:color-mix(in srgb,var(--accent) 5%,transparent)}
.dd-sugq-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.dd-sugq-h span{font-size:11.5px;letter-spacing:.04em;color:var(--muted)}
.dd-sugq-h b{font-weight:500;font-size:14px}
.dd-sugq p{margin:6px 0 0;font-size:13.5px;line-height:1.5;color:var(--text2)}
.dd-sugq blockquote{margin:8px 0 0;padding:4px 0 4px 12px;border-left:2px solid var(--line);color:var(--muted);font:italic 400 15px/1.45 "Instrument Serif",serif}
.dd-sugq small{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.dd-sugq .dd-acts{margin-top:10px}
.dd-qwarn{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--danger)}
.dd-qsrc{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.dd-sugbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:4px 0 12px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line2));background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:13.5px;color:var(--text2)}
.dd-sugbar span{flex:1 1 260px;line-height:1.5}
.dd-sugbar small{flex-basis:100%;color:var(--muted);font-size:12.5px}
.dd-kon{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:6px 0 12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line2)}
.dd-kon>div{flex:1 1 280px}
.dd-kon b{display:block;font-weight:500;font-size:14px}
.dd-kon small{display:block;color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:2px;max-width:72ch}
.dd-kon.bad small{color:var(--danger)}
.dd-ff{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.dd-ff button{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);background:transparent;color:var(--text2);border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.dd-ff button span{font-size:11.5px;color:var(--muted)}
.dd-ff button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.dd-f blockquote small{display:block;font:500 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}
.dd-f blockquote.fq{border-left-color:color-mix(in srgb,var(--danger) 55%,var(--line))}
.jr-qtabs button em.jr-sugn{font-style:normal;font-size:11px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--text)}
.dd-note{margin-top:8px}
/* Funn */
.dd-f{padding:14px 0;border-top:1px solid var(--line2)}
.dd-f-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dd-f-h b{font-weight:500;font-size:14.5px}
.dd-src{margin-left:auto;font-size:12px;color:var(--muted)}
.dd-f>p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--text2)}
.dd-f blockquote,.dd-stmt{margin:8px 0 0;padding:6px 0 6px 12px;border-left:2px solid var(--line);color:var(--muted);font:italic 400 15px/1.45 "Instrument Serif",serif}
.dd-f blockquote.unv{border-left-color:#f2c46b}
.dd-stmt{font:400 15px/1.6 Inter,system-ui,sans-serif;font-style:normal;color:var(--text2);border-left-color:var(--accent);padding:10px 0 10px 14px}
.dd-f .dd-fld{display:inline-block;margin-top:8px}
.dd-f .dd-link{display:inline-block;margin:8px 10px 0 0}
.dd-f.avklart,.dd-f.risiko{opacity:.8}
.dd-done{color:var(--accent)!important;font-size:13px!important}
.dd-risk{margin-top:10px}
.dd-more-f>summary,.dd-add>summary{padding:10px 0;font-size:13px;color:var(--muted);cursor:pointer;list-style:none;border-top:1px solid var(--line2)}
.dd-more-f>summary::after,.dd-add>summary::after{content:" +"}
.dd-more-f[open]>summary::after,.dd-add[open]>summary::after{content:""}
.dd-more-f,.dd-add{border:0;padding:0;margin:0}
.dd-add-b{display:flex;flex-direction:column;gap:8px;padding:4px 0 10px}
.dd-add-b .btn{align-self:flex-start}
/* Samtaler, erklæring og rådgivere */
.dd-calls{display:flex;flex-direction:column}
.dd-call{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line2)}
.dd-call>div{flex:1;min-width:0}
.dd-call b{font-weight:500;font-size:14px;margin-right:8px}
.dd-call span{color:var(--muted);font-size:12.5px}
.dd-call p{margin:4px 0 0;font-size:13px;color:var(--text2);white-space:pre-wrap}
.dd-bring{margin-top:16px;padding:14px 16px;border:1px solid var(--line2);border-radius:14px}
.dd-bring.done{border-color:color-mix(in srgb,var(--accent) 40%,var(--line2))}
.dd-bring h4{margin-top:0}
.dd-bring ol{margin:0 0 6px;padding-left:20px;color:var(--text2);font-size:13.5px;line-height:1.6}
.dd-bring textarea{margin-top:8px}
.dd-sign .dd-row{margin:0 0 6px}
.dd-sign>.btn{margin:2px 0 8px}
.dd-adv h4{margin-top:0}
.dd-adv>input,.dd-adv>textarea{margin-bottom:8px}
.dd-adv .chk-line{margin:2px 0 10px}
.dd-apply{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 6px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line2);font-size:13.5px;color:var(--text2)}
.dd-apply small{flex-basis:100%;color:var(--muted);font-size:12.5px;line-height:1.5}
.de-opt[hidden],.de-chk[hidden],.de-dd[hidden]{display:none}
.de-dd{margin:0 auto 22px;max-width:440px;color:var(--muted);font-size:14px;line-height:1.5}
.de-dd b{color:var(--text);font-weight:500}
@media (max-width:900px){.dd-cols,.dd-lvls{grid-template-columns:1fr}.dd-src{margin-left:0;flex-basis:100%}}

/* Reisen (journey.js): en ny emisjon steg for steg */
html.jr-on{overflow:hidden}
.jr,.dd{color-scheme:dark}
.jr-camps{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line2)}
.jr-camps p{margin:0 0 10px;color:var(--muted);font-size:13px}
.jr-camps div{display:flex;flex-wrap:wrap;gap:6px}
.jr-camps button{border:1px solid var(--line);background:transparent;color:var(--text2);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s}
.jr-camps button:hover{border-color:var(--muted);color:var(--text)}
.jr-camps button small{color:var(--muted);margin-left:6px;font-size:11.5px}
.jr{position:fixed;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(120% 80% at 70% -10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 55%),#0a0d0e;color:var(--text);animation:jrin .5s var(--ease)}
.jr[hidden]{display:none}
@keyframes jrin{from{opacity:0}}
.jr-top{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line2)}
.jr-brand{display:flex;align-items:center;gap:10px;font-size:13px}
.jr-brand i{width:10px;height:10px;background:var(--accent);transform:rotate(45deg)}
.jr-brand b{font-weight:600;letter-spacing:.08em}
.jr-brand span{color:var(--muted)}
.jr-mprog{display:none}
.jr-skip{margin-left:auto;font-size:12.5px;padding:7px 12px}
.jr-x{border:1px solid var(--line);background:transparent;color:var(--muted);width:34px;height:34px;border-radius:10px;font-size:18px;line-height:1;cursor:pointer}
.jr-x:hover{color:var(--text);border-color:var(--muted)}
.jr-main{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;min-height:0}
.jr-rail{border-right:1px solid var(--line2);padding:18px 12px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.jr-st{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:12px;cursor:pointer;font:inherit;transition:background .15s,color .15s}
.jr-st:hover{background:rgba(255,255,255,.035);color:var(--text2)}
.jr-st i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:600 11.5px/1 Inter,system-ui,sans-serif;font-style:normal;transition:all .2s}
.jr-st b{display:block;font-weight:500;font-size:14px;color:inherit}
.jr-st small{display:block;font-size:12px;color:var(--muted);margin-top:1px;line-height:1.35}
.jr-st.ok i{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:var(--accent)}
.jr-st.on{background:rgba(255,255,255,.055);color:var(--text)}
.jr-st.on i{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
.jr-step{overflow:auto;padding:46px clamp(22px,4.4vw,68px) 64px;outline:none;scroll-behavior:smooth}
.jr-in{max-width:780px;margin:0 auto;animation:jrstep .45s var(--ease)}
@keyframes jrstep{from{opacity:0;transform:translateY(10px)}}
.jr-k{margin:0 0 14px;font:500 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.jr-step h2{margin:0 0 14px;font:400 clamp(34px,4.2vw,56px)/1.03 "Instrument Serif",serif;letter-spacing:-.012em;text-wrap:balance}
.jr-lead{margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.62;max-width:64ch}
.jr-h3{margin:30px 0 10px;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.jr-msg{margin:12px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.jr-msg.bad{color:var(--danger)}
.jr-msg.warn{color:#f2c46b}
.jr-msg .lnk{padding:0;font-size:13.5px;color:inherit}
.jr-org{display:flex;gap:10px;align-items:stretch;max-width:560px}
.jr .jr-org input#jrOrg{flex:1;width:auto;font:400 38px/1.1 "Instrument Serif",serif;letter-spacing:.06em;padding:12px 18px;border-radius:16px;background:rgba(7,10,11,.7)}
.jr .jr-org input#jrOrg::placeholder{color:#3c4749}
.jr-org .go{width:auto;padding:0 26px;border-radius:16px}
.jr-co{margin:22px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);animation:jrstep .5s var(--ease)}
.jr-co-h b{display:block;font:400 30px/1.08 "Instrument Serif",serif}
.jr-co-h span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.jr-co dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:14px 0 0;font-size:13.5px}
.jr-co dt{color:var(--muted)}
.jr-co dd{margin:0;color:var(--text2)}
.jr-warn{margin:12px 0 0;color:var(--danger);font-size:13.5px}
.jr-bg{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.jr-bg li{display:grid;grid-template-columns:22px 170px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2);font-size:13.5px;animation:jrstep .4s var(--ease) both}
.jr-bg li:nth-child(2){animation-delay:.06s}.jr-bg li:nth-child(3){animation-delay:.12s}.jr-bg li:nth-child(4){animation-delay:.18s}.jr-bg li:nth-child(5){animation-delay:.24s}.jr-bg li:nth-child(6){animation-delay:.3s}
.jr-bg i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 Inter,system-ui,sans-serif;font-style:normal;border:1.5px solid var(--line)}
.jr-bg li.ok i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.jr-bg li.warn i{border-color:#f2c46b;color:#f2c46b}
.jr-bg li.bad i{border-color:var(--danger);color:var(--danger)}
.jr-bg li.wait i{border-color:var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}
.jr-bg b{font-weight:500}
.jr-bg span{color:var(--muted);min-width:0}
.jr-lnk{margin-top:18px;font-size:13px}
.jr-ta{border:1px solid var(--line);border-radius:18px;background:rgba(7,10,11,.6);padding:14px 16px 10px;transition:border-color .2s}
.jr-ta:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.jr .jr-ta textarea{border:0;background:transparent;padding:0;font-size:16px;line-height:1.6;min-height:170px;resize:vertical}
.jr-ta-b{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line2)}
.jr-ta-b span{margin-left:auto;font-size:12px;color:var(--muted)}
.jr-att{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.jr-att-i{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line2);border-radius:16px}
.jr-att-h b{display:block;font-weight:500;font-size:14px}
.jr-att-h small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px}
.jr-att-i>.btn{align-self:flex-start;margin-top:auto}
.jr-thumbs{display:flex;flex-wrap:wrap;gap:6px}
.jr-thumbs:empty{display:none}
.jr-thumb{width:56px;height:42px;border-radius:7px;overflow:hidden;border:1px solid var(--line);background:#0c1011}
.jr-thumb.logo{width:auto;min-width:56px;max-width:140px;background:linear-gradient(45deg,#b7bebe 25%,transparent 25%,transparent 75%,#b7bebe 75%) 0 0/14px 14px,linear-gradient(45deg,#b7bebe 25%,#e9ecec 25%,#e9ecec 75%,#b7bebe 75%) 7px 7px/14px 14px,#e9ecec;padding:4px 8px}
.jr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.jr-thumb.logo img{object-fit:contain}
.jr-url{display:flex;gap:6px}
.jr-url .btn{flex:none}
.jr-qtabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.jr-qtabs button{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:transparent;color:var(--text2);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;cursor:pointer}
.jr-qtabs button span{font-size:11.5px;color:var(--muted)}
.jr-qtabs button[aria-selected=true]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.jr .dd-qg h4{display:none}
.jr .dd-q-h p{font-size:15.5px}
.jr-em{margin:0 0 8px}
.jr-em .grid{padding:16px;border:1px solid var(--line2);border-radius:16px;gap:14px}
.jr-em .grid label{font-size:11.5px}
.jr-em .grid input{font-size:15px}
.jr-em .calc{padding-top:6px}
.jr-need{margin:22px 0 12px;padding:14px 16px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line))}
.jr-need.bad{border-color:var(--danger)}
.jr-need b{display:block;font:500 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.jr-need p{margin:0;font-size:14px;line-height:1.55;color:var(--text2)}
.jr-offer{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jr-o{position:relative;display:block;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text)}
.jr-o input{position:absolute;opacity:0;pointer-events:none}
.jr-o b{display:block;font-weight:500;font-size:14.5px}
.jr-o small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:3px}
.jr-o.on,.jr-o:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.jr-o:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.jr-basis{margin-top:12px;max-width:440px}
.jr-basis label{text-transform:uppercase;font-size:11.5px}
.jr-next{margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line2)}
.jr-next b{display:block;font-weight:500;margin-bottom:4px}
.jr-next p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.jr-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px}
.jr-sum-i{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s}
.jr-sum-i:hover{border-color:var(--line)}
.jr-sum-i span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.jr-sum-i b{font-weight:500;font-size:14px}
.jr-sum-i.ok span::after{content:" \2713";color:var(--accent)}
.jr-what{margin:0 0 24px;padding-left:18px;color:var(--text2);font-size:14.5px;line-height:1.7}
.jr-go{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jr-go .go{width:auto;padding:17px 28px;font-size:16px}
.jr-go span{color:var(--muted);font-size:13px}
.jr-make{display:flex;flex-wrap:wrap;gap:8px}
.jr-side{border-left:1px solid var(--line2);padding:20px 16px;overflow:auto}
.jr-side h4{margin-top:4px}
.jr-dos{display:flex;flex-direction:column;gap:2px}
.jr-dos-i{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-areas:"i t" "i v";gap:0 10px;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 8px;border-radius:10px;font:inherit;cursor:pointer}
.jr-dos-i:hover{background:rgba(255,255,255,.035)}
.jr-dos-i i{grid-area:i;width:16px;height:16px;margin-top:2px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font:700 9px/1 Inter,system-ui,sans-serif;font-style:normal;color:transparent}
.jr-dos-i.ok i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.jr-dos-i span{grid-area:t;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.jr-dos-i b{grid-area:v;font-weight:400;font-size:13.5px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-side-n{margin:16px 8px 0;color:var(--muted);font-size:12.5px;line-height:1.5}
.jr-foot{display:flex;align-items:center;gap:14px;padding:12px 22px;border-top:1px solid var(--line2);background:rgba(10,13,14,.92)}
.jr-foot .go{width:auto;padding:13px 22px;font-size:15px}
.jr-foot .go[hidden]{display:none}
.jr-prog{flex:1;max-width:340px;height:2px;border-radius:2px;background:var(--line2);overflow:hidden}
.jr-prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .5s var(--ease)}
.jr-hint{margin-left:auto;color:var(--muted);font-size:12.5px}
.jr .toast{position:fixed;top:auto;bottom:92px;transform:translate(-50%,12px)}
.jr .toast.on{transform:translate(-50%,0)}
.jr-open{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;margin:-8px 0 22px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.jr-open:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.jr-open span{font:500 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.jr-open b{font-weight:400;font-size:13.5px;line-height:1.45;color:var(--text2)}
.app.is-work .jr-open{display:none}
@media (max-width:1180px){.jr-main{grid-template-columns:220px minmax(0,1fr)}.jr-side{display:none}}
@media (max-width:900px){.jr .toast{bottom:84px}.jr-main{grid-template-columns:1fr}.jr-rail{display:none}.jr-mprog{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.jr-mprog span{font-size:12px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr-mprog i{display:block;height:2px;background:var(--line2);border-radius:2px;overflow:hidden}.jr-mprog b{display:block;height:100%;background:var(--accent);width:0;transition:width .5s var(--ease)}.jr-brand span,.jr-skip{display:none}.jr-step{padding:28px 16px 40px}.jr-att,.jr-offer,.jr-sum{grid-template-columns:1fr}.jr-bg li{grid-template-columns:22px minmax(0,1fr)}.jr-bg span{grid-column:2}.jr .jr-org input#jrOrg{font-size:28px;min-width:0}.jr-prog{display:none}.jr-foot{padding:10px 16px}.jr-foot .go{flex:1}.jr-hint{display:none}}
@media (prefers-reduced-motion:reduce){.jr,.jr-in,.jr-co,.jr-bg li{animation:none}.jr-step{scroll-behavior:auto}}
/* Selskapslenken og neste steg i DD-fanen */
.dd-portal{margin:4px 0 6px;padding:16px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line2));background:color-mix(in srgb,var(--accent) 4%,transparent)}
.dd-portal.compact{margin:16px 0 18px}
.dd-portal-h{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}
.dd-portal-h b{display:block;font-weight:500;font-size:15px}
.dd-portal-h p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5;max-width:70ch}
.dd-portal .dd-row{margin-top:12px}
.dd-portal textarea{margin-top:8px;min-height:58px}
.dd-portal .dd-acts small{flex:1 1 220px;color:var(--muted);font-size:12.5px;line-height:1.45}
.dd-plink{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dd-plink input{flex:1 1 260px;min-width:0;background:#0c1011;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font:12.5px/1.3 ui-monospace,Menlo,monospace;color:var(--text2)}
.dd-plink .btn{flex:none}
.dd-pstat{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.dd-pstat b{color:var(--text);font-weight:500}
.dd-perr{margin:10px 0 0;font-size:12.5px;color:var(--danger)}
.dd-pnote{margin:12px 0 0;padding:8px 0 8px 12px;border-left:2px solid var(--accent);color:var(--text2);font-size:13.5px;line-height:1.5;white-space:pre-wrap}
.dd-pnote small{display:block;font:500 10.5px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.dd-pwho,.dd-pfiles{margin:12px 0 0;padding:2px 12px;border-radius:10px}
.dd-pwho summary,.dd-pfiles summary{font-size:13px;color:var(--text2);cursor:pointer;padding:6px 0}
.dd-pfiles .dd-acts small{color:var(--muted);font-size:12px}
.dd-pend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2)}
.dd-pend small{flex:1 1 300px;color:var(--muted);font-size:12px;line-height:1.5}
.dd-conf{list-style:none;margin:8px 0 4px;padding:0;flex-basis:100%}
.dd-conf li{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line2);font-size:13px}
.dd-conf li span{color:var(--muted)}
.dd-conf li em{margin-left:auto;font-style:normal;font-size:12px;color:#f2c46b}
.dd-conf li.ok em{color:var(--accent)}
.dd-next{padding-top:18px}
.dd-next ol{list-style:none;margin:8px 0 0;padding:0;counter-reset:nx}
.dd-next li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line2);counter-increment:nx}
.dd-next li>div{flex:1 1 auto;min-width:0;padding-left:34px;position:relative}
.dd-next li>div::before{content:counter(nx);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:500 11px/1 ui-monospace,Menlo,monospace;color:var(--accent-ink);background:var(--accent)}
.dd-next li b{display:block;font-weight:500;font-size:14px}
.dd-next li small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45;margin-top:2px;max-width:66ch}
.dd-next li .btn{flex:none;text-decoration:none}
a.btn{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
@media(max-width:640px){.dd-next li{flex-direction:column;align-items:flex-start}.dd-next li .btn{margin-left:34px}.dd-portal-h{flex-direction:column}}
/* Gjennomgangstabellen: dokumentene mot spørsmålene */
.dd-gempty{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.dd-gsum{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0 0 10px;font-size:12.5px;color:var(--muted)}
.dd-gsum b{font-weight:600;color:var(--text)}
.dd-gsum .bad b{color:var(--danger)}.dd-gsum .warn b,.dd-gsum .sug b{color:#f2c46b}.dd-gsum .ok b{color:var(--accent)}
.dd-gonly{display:inline-flex;gap:7px;align-items:center;margin:0 0 0 auto;font-size:12.5px;font-weight:400;color:var(--text2);cursor:pointer;text-transform:none;letter-spacing:0}
.dd-gonly input{accent-color:var(--accent);margin:0}
.dd-gwrap{position:relative;isolation:isolate;overflow:auto;border:1px solid var(--line2);border-radius:14px;outline:none;overscroll-behavior-x:contain}
.dd-gwrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dd-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-size:13px}
.dd-grid th,.dd-grid td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2)}
.dd-grid tr>*:last-child{border-right:0}
.dd-grid tbody tr:last-child>*{border-bottom:0}
.dd-grid thead th{position:sticky;top:0;z-index:2;background:#11171a;font-weight:500;font-size:12.5px;color:var(--text);white-space:nowrap}
.dd-grid thead th small{display:block;font-weight:400;font-size:11px;color:var(--muted);margin-top:2px}
.dd-grid tbody th{position:sticky;left:0;z-index:1;background:#0a0d0e;min-width:168px;max-width:210px;font-weight:400}
.dd-grid thead th:first-child{left:0;z-index:3}
.dd-grid tbody th .dd-go{font-size:13px;line-height:1.4}
.g-st{display:block;margin-top:5px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.g-st.bad{color:var(--danger)}.g-st.warn,.g-st.sug{color:#f2c46b}.g-st.ok{color:var(--accent)}
.g-h{font-size:13px}
.dd-grid tr.g-avvik>th{box-shadow:inset 3px 0 0 var(--danger)}
.dd-grid tr.g-uenige>th,.dd-grid tr.g-forslag>th,.dd-grid tr.g-apen>th{box-shadow:inset 3px 0 0 #f2c46b}
.g-a{min-width:148px;max-width:200px}
.g-a b{display:block;font-weight:500}
.g-a small{display:block;margin-top:3px;font-size:11.5px;color:var(--muted);line-height:1.4}
.g-a.none,.g-c.tom{color:var(--muted);font-size:12.5px}
.g-a.sug span{display:block;margin-bottom:6px;color:var(--text2)}
.g-a.sug .btn{padding:5px 10px;font-size:12px}
.g-ref{display:block;font-size:12.5px;color:var(--text2)}.g-ref+.g-ref{margin-top:3px}.g-ref.bad,.g-ref.bad b{color:var(--danger)}
.g-c{min-width:170px;max-width:260px;outline:none}
.g-c b{display:block;font-weight:500}
.g-c.na{color:var(--muted);font-size:11.5px;text-align:center;min-width:56px;vertical-align:middle}
.g-c.ok b{color:var(--accent)}
.g-c.bad{background:color-mix(in srgb,var(--danger) 9%,transparent)}.g-c.bad b{color:var(--danger)}
.g-c.warn{background:color-mix(in srgb,#f2c46b 8%,transparent)}.g-c.warn b{color:#f2c46b}
.g-q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:var(--muted);font:italic 400 14.5px/1.4 "Instrument Serif",serif}
.g-t{display:block;margin-top:4px;font-size:12px;color:var(--text2);line-height:1.45}
.g-c[tabindex]{cursor:pointer}
.g-c:focus .g-q{display:block;-webkit-line-clamp:unset;overflow:visible}
.g-c:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}
.dd-gfoot{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.dd-q.dd-flash{animation:ddFlash 1.8s ease-out}
@keyframes ddFlash{0%,35%{background:color-mix(in srgb,var(--accent) 12%,transparent)}100%{background:transparent}}
@media (min-width:901px){.dd-gwrap{max-height:min(72vh,860px)}}
@media (prefers-reduced-motion:reduce){.dd-q.dd-flash{animation:none;outline:1px solid var(--accent);outline-offset:4px}}
@media (max-width:640px){.dd-grid tbody th{min-width:126px;max-width:150px}.g-a{min-width:118px}.g-c{min-width:150px}.dd-grid th,.dd-grid td{padding:9px 10px}.dd-gonly{margin-left:0}}
/* Interesse: meldingene fra investorsiden */
.tabs button .tab-n{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:600 11px/18px Inter,system-ui,sans-serif;text-align:center;vertical-align:1px}
.inv .fi-top a{color:var(--text)}
.inv-list{list-style:none;margin:8px 0 0;padding:0}
.inv-i{padding:16px 0;border-top:1px solid var(--line2)}
.inv-i.done{opacity:.74}
.inv-h{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.inv-h b{font-weight:500;font-size:15.5px}
.inv-amt{font:400 22px/1.1 "Instrument Serif",serif;color:var(--text)}
.inv-amt.none{font:400 12.5px/1.4 Inter,system-ui,sans-serif;color:var(--muted)}
.inv-m{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:4px;font-size:12.5px;color:var(--muted)}
.inv-m a{color:var(--text2);text-decoration:none}.inv-m a:hover{text-decoration:underline}
.inv-m .tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}
.inv-m .tag.new{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.inv-m .tag.ok{color:var(--text2)}
.inv-i blockquote{margin:10px 0 0;padding:4px 0 4px 12px;border-left:2px solid var(--line);color:var(--text2);font:italic 400 16px/1.45 "Instrument Serif",serif;white-space:pre-wrap;overflow-wrap:anywhere}
.inv-empty{margin:18px 0 0;padding:22px;border:1px dashed var(--line);border-radius:16px}
.inv-empty b{display:block;font-weight:500;margin-bottom:4px}.inv-empty p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.inv-err{color:var(--danger);font-size:13.5px}
.inv-warn{margin:14px 0 0;padding:10px 14px;border:1px solid color-mix(in srgb,#f2c46b 40%,var(--line));border-radius:12px;font-size:13px;line-height:1.5;color:var(--text2);max-width:76ch}
.inv-m .tag.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}
.inv-qa-w{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:#f2c46b}
.inv-m .tag.warn{color:#f2c46b;border-color:color-mix(in srgb,#f2c46b 45%,var(--line))}
.inv-qal .inv-m{margin-top:8px}
.inv-ok{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:10px 0 0}.inv-ok label{margin:0;font-size:13px;color:var(--text2)}.inv-ok input{width:min(240px,100%);padding:8px 10px;border-radius:10px;font-size:14px}
.inv-foot{margin:26px 0 0;font-size:12px;color:var(--muted);line-height:1.55;max-width:72ch}
.tabs button[hidden]{display:none}
@media (max-width:1600px){.pub-pill{max-width:190px}}
.inv-qa{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.inv-qa h3{margin:0 0 4px;font:400 24px/1.15 "Instrument Serif",serif}
.inv-qal{list-style:none;margin:6px 0 14px;padding:0}
.inv-qal>li{padding:14px 0;border-top:1px solid var(--line2)}
.inv-qal b{display:block;font-weight:500;font-size:14.5px}
.inv-qal p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--text2);white-space:pre-wrap}
.inv-qal small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.inv-qa-f{margin:12px 0 0;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:14px}
.inv-qa-f label{margin:0 0 6px;font-size:13px}
.inv-qa-f label+textarea{min-height:0;margin-bottom:12px;border-radius:10px;padding:10px 12px;font-size:14px}
.inv-qa-n{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.inv-qa .ref{margin:0 0 12px;font-size:12.5px;color:var(--muted);letter-spacing:.02em;max-width:76ch}