.step-grid{grid-template-columns:.7fr 1.3fr;align-items:start}.step-visual{min-width:0;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden;animation:screen-enter .45s ease both}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.05em;color:var(--muted)}.screen-heading strong{margin-right:auto;color:var(--ink);font-size:13px}.step-visual .product-image{border:0;border-radius:0;box-shadow:none;width:100%;background:#f7f8fa;display:block}.step-visual .product-image img{width:100%;height:310px;object-fit:contain}.step-visual-2 .product-image img{height:350px}.screen-caption{margin:14px 20px 5px;font-size:13px;line-height:1.6}.step-visual>.small{margin:0 20px 16px;font-size:10px}.step-detail .big-number{font-size:75px}
.approval-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.approval-task,.approval-dashboard{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.approval-task>h3{font-size:26px;margin:24px 24px 10px}.approval-intro{margin:0 24px;font-size:13px;color:var(--muted)}.approval-state{background:#e6eff4;padding:5px 10px;border-radius:20px;color:#285567}.approval-roles,.approval-balances{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 24px;font-size:11px;color:var(--muted)}.approval-roles strong,.approval-balances strong{display:block;font-size:16px;color:var(--ink);margin-top:6px}.approval-balances{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approval-file{display:flex;align-items:center;gap:12px;margin:20px 24px}.approval-file strong{font-size:13px}.approval-file small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.approval-file>b{margin-left:auto;color:var(--accent)}.approval-actions{display:flex;align-items:center;gap:16px;margin:24px}.approval-actions button{font-size:12px}.approval-task>.small{margin:0 24px 20px;font-size:10px}.approval-dashboard{text-align:center;background:linear-gradient(145deg,#f5fcf9,white)}
@property --review-angle{syntax:'<angle>';inherits:false;initial-value:337.5deg}.review-pie{--review-angle:337.5deg;width:210px;height:210px;border-radius:50%;margin:24px auto 16px;background:conic-gradient(#29ce98 0deg var(--review-angle),#a6c8d7 var(--review-angle) 360deg);transition:--review-angle 1.2s cubic-bezier(.25,1,.5,1),transform .5s;position:relative;box-shadow:0 12px 30px #29ce9818}.review-pie span{position:absolute;left:0;right:0;bottom:32px;color:#073c2d;font-weight:bold;font-size:22px}.review-count strong{display:block;font:800 30px var(--heading)}.review-count>span{font-size:12px;color:var(--muted)}#reviewFeedback{font-size:12px;min-height:30px;margin:14px 20px}.approval-dashboard>.text-link{font-size:10px;margin:0 16px 20px}.is-reviewed .review-pie{--review-angle:360deg;transform:scale(1.035)}.is-reviewed .approval-state{background:#d9faec;color:#136b4a}.is-reviewed .approval-task{border-color:var(--green)}#approveDemo:disabled{opacity:1;background:#daf7e9;color:#146145;cursor:default}
.rollover-scene{background:#f2f8f5;border:1px solid var(--line);border-radius:18px;padding:24px}.rollover-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.rollover-heading p{margin:0;max-width:590px;font-size:14px}.rollover-heading button{font-size:11px;white-space:nowrap}.month-transfer{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch}.month-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:white;min-width:0}.month-card h3{font-size:32px;margin:10px 0 25px}.month-card h3 span{font-size:16px;color:var(--muted);font-weight:400}.month-card .eyebrow{font-size:10px}.month-document{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:15px 12px;border-radius:9px;background:white;min-width:0}.month-document strong{font-size:12px;overflow-wrap:anywhere}.month-document small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.month-document>b{color:var(--accent);margin-left:auto}.carry-switch{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:10px}.carry-switch i{background:var(--green);border-radius:20px;padding:2px 12px;font-style:normal}.history-anchor{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.history-anchor>span{font-size:26px;color:var(--accent)}.history-anchor p{margin:0;font-size:11px}.history-anchor small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.next-month{background:#e3f9ed;border-color:#a4dec1}.next-month-note{font-size:12px;line-height:1.7;margin-top:20px}.transfer-bridge{position:relative;display:flex;align-items:center;justify-content:center}.transfer-track{position:absolute;top:145px;left:0;right:0;height:2px;background:#9cd9bf}.transfer-packet{position:absolute;top:129px;left:0;display:grid;place-items:center;background:#087643;color:white;border:4px solid #e3f9ed;border-radius:6px;width:34px;height:34px;font-weight:bold;opacity:0}.transfer-bridge small{font-size:9px;text-align:center;color:#34745a;margin-top:30px}.arrival-slot{min-height:72px}.rollover-summary{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:11px}.rollover-summary b{color:var(--accent);margin-right:7px}.playing .transfer-packet{animation:transfer-file 2.5s ease-in-out both}.playing .arriving{animation:document-arrives 2.5s ease both}.playing .history-anchor{animation:history-highlight 3s ease both}
.needle-drift{transform-origin:120px 120px}#proces.active .needle-drift{animation:needle-breathe 3.8s ease-in-out infinite}.calm .needle-drift{animation-duration:6s!important}.motion-toggle{font-size:10px}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@keyframes needle-breathe{0%,100%{transform:rotate(-2deg)}35%{transform:rotate(2.5deg)}65%{transform:rotate(-.5deg)}}@keyframes screen-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes transfer-file{0%,15%{opacity:0;transform:translateX(0)}25%{opacity:1}75%{opacity:1;transform:translateX(86px)}100%{opacity:0;transform:translateX(86px)}}@keyframes document-arrives{0%,65%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:none}}@keyframes history-highlight{0%,60%{opacity:.4}100%{opacity:1}}
@media(max-width:1050px){.month-transfer{grid-template-columns:1fr 70px 1fr}.month-card{padding:17px}.transfer-packet{animation-name:none!important;display:none}.approval-actions{flex-wrap:wrap}.step-grid{grid-template-columns:.65fr 1fr}}
@media(max-width:760px){.step-grid,.approval-layout{grid-template-columns:1fr}.step-visual .product-image img,.step-visual-2 .product-image img{height:auto;max-height:340px}.approval-task>h3{font-size:24px}.approval-balances strong{font-size:14px}.month-transfer{grid-template-columns:1fr;gap:16px}.transfer-bridge{display:none}.rollover-scene{padding:16px}.rollover-heading{display:block}.rollover-heading button{margin-top:12px}.rollover-summary{flex-direction:column}.month-card h3{font-size:28px}.motion-toggle{font-size:9px;max-width:98px;padding:6px}.review-pie{width:200px;height:200px}.approval-actions{margin:20px}.rollover-summary{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.transfer-packet{display:none}.arriving{opacity:1;transform:none}.motion-toggle{display:none}}
/* Version 5: vent på aktiv rulning, korte noter og rolige røde pulsslag. */
.account-symbol svg{width:23px;height:23px;display:block}.task-note-demo{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.task-note-demo label{grid-column:1/-1;font-size:11px;font-weight:600}.task-note-demo textarea{grid-column:1/-1;width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px;font:11px/1.5 var(--body);color:var(--ink);background:#fffdf5}.task-note-demo button{font-size:11px;padding:7px 12px;justify-self:start}.task-note-demo [role=status]{font-size:10px;color:var(--accent)}
.rollover-scene:not(.playing) .arriving{display:none}.await-rollover{display:block;border:1px dashed #9acbb1;border-radius:9px;padding:24px 12px;font-size:12px;color:var(--muted)}.playing .await-rollover{display:none}#replayRollover{font-size:12px;padding:12px 18px}#goRollover[hidden]{display:none}.rollover-scene:not(.playing) .next-month-note{visibility:hidden}
#proces.active .pressure-panel:not(.calm) .gauge-alert{animation:alert-breathe 4s ease-in-out infinite}@keyframes alert-breathe{0%,45%,100%{opacity:1;filter:none}65%{opacity:.5;filter:drop-shadow(0 0 5px #e17b61)}80%{opacity:1;filter:drop-shadow(0 0 3px #e17b61)}}
@media(prefers-reduced-motion:reduce){#proces.active .pressure-panel .gauge-alert{animation:none!important}}
/* Bigger guided comparison only in the without view. */
.comparison-wrap.guided-pressure{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr);gap:24px;align-items:stretch}.guided-pressure .comparison{padding:24px}.guided-pressure .scattered{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.guided-pressure .scattered button{border:1px dashed #9fb9af;min-height:105px;padding:20px 16px;text-align:left;transform:rotate(-1.5deg);transition:background .35s,border-color .35s,transform .35s}.guided-pressure .scattered button:nth-child(even){transform:rotate(1.5deg)}.guided-pressure .scattered button[aria-pressed=true]{border:1px solid #ddad61;background:#fff6e5;transform:rotate(0);box-shadow:0 8px 20px #6044210a}.guided-pressure .scattered strong{font-size:23px}.guided-pressure .scattered span{font-size:12px}.guided-pressure .pressure-panel{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-content:start}.guided-pressure .pressure-panel>.eyebrow{grid-column:1/-1;font-size:12px}.guided-pressure .pressure-gauge{grid-column:1/-1;width:260px;max-width:100%;margin:0 auto}.guided-pressure #pressureText{grid-column:1/-1;min-height:70px}.guided-pressure #pressureText h3{font-size:23px;margin:0}.guided-pressure #pressureText p{font-size:13px;margin:8px 0 0}.guided-pressure .pressure-steps{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.guided-pressure .pressure-steps button{font-size:12px;min-height:65px;padding:12px;align-items:center}.guided-pressure .pressure-steps span{font-size:16px;font-weight:bold}.guided-pressure .pressure-panel>.small{grid-column:1/-1;margin:0;font-size:9px}.guided-pressure .gauge-labels{font-size:10px}
.pdf-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:34px;border:1px solid #c87a6b;background:#fff0eb;color:#9a4330;border-radius:3px;font-size:9px;font-weight:bold}.retained-document{margin-top:16px;background:#fafaf8}.carry-off i{background:#e9eeeb;color:#6c7972}.month-card .carry-switch{margin-top:8px}.month-card .history-anchor{margin-top:16px;padding-top:12px}.month-card h3{margin-bottom:20px}.period-lock{display:inline-flex}.playing .retained-document{border-color:#bfc9c3}.rollover-summary{font-size:10px}
@media(min-width:761px) and (max-height:850px){.guided-pressure .pressure-gauge{width:210px}.guided-pressure .pressure-panel{padding:18px;gap:10px}.guided-pressure .pressure-steps button{min-height:55px}.guided-pressure .scattered button{min-height:90px}.guided-pressure #pressureText{min-height:60px}.month-card{padding:18px}.month-document{padding:10px}.rollover-scene{padding:18px}.rollover-summary{margin-top:15px}}
@media(max-width:1000px) and (min-width:761px){.comparison-wrap.guided-pressure{grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr);gap:16px}.guided-pressure .comparison{padding:18px}.guided-pressure .scattered{gap:10px}.guided-pressure .scattered button{padding:14px 10px}.guided-pressure .scattered strong{font-size:20px}.guided-pressure .pressure-panel{padding:18px}.guided-pressure .pressure-steps button{font-size:11px;padding:9px}}
@media(max-width:760px){.comparison-wrap.guided-pressure{grid-template-columns:1fr}.guided-pressure .pressure-panel{padding:20px}.guided-pressure .pressure-gauge{width:260px}.guided-pressure .pressure-steps button{font-size:12px}.guided-pressure .scattered button{min-height:100px}.guided-pressure #pressureText{min-height:80px}.month-card .history-anchor small{font-size:11px}}
@media(min-width:761px) and (max-height:950px){#dokumentation h2{font-size:40px;margin-bottom:20px}#dokumentation .rollover-scene{padding:18px}#dokumentation .rollover-heading{margin-bottom:16px}#dokumentation .month-card{padding:18px}#dokumentation .month-card h3{font-size:28px;margin:8px 0 16px}#dokumentation .month-document{padding:10px}#dokumentation .rollover-summary{display:none}#dokumentation .history-anchor{margin-top:12px;padding-top:10px}#dokumentation .retained-document{margin-top:12px}}
@media(min-width:761px) and (max-height:950px){#dokumentation>.small{margin:8px 0 0;font-size:10px}#dokumentation{padding-bottom:16px}}

/* Kommentarrevision: tydelig handling, større forklaring og læsbare detaljer. */
#proces .switch{gap:10px;padding:6px;overflow:visible}
#proces [data-mode="after"]{background:var(--green);color:#103b2d;border:2px solid #15976f;font-weight:750;padding:14px 24px;box-shadow:0 4px 12px #15976f24}
#proces [data-mode="after"]::after{content:' →';margin-left:12px}
#proces [data-mode="after"][aria-pressed=true]{background:#106d50;color:white;border-color:#106d50}
#proces [data-mode="after"]:hover{box-shadow:0 5px 18px #15976f55;transform:translateY(-1px)}
.comparison-wrap,.comparison-wrap.guided-pressure{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
#proces .pressure-panel{display:flex;flex-direction:column;align-items:stretch;padding:24px;gap:14px}
#proces .pressure-panel>.eyebrow{font-size:13px;margin:0}
#proces .pressure-gauge{width:270px;max-width:100%;margin:0 auto}
#proces .gauge-labels{font-size:13px;font-weight:600}
#proces #pressureText{margin-top:6px;padding:20px;border-radius:12px;background:#fff8ec;border:1px solid #eadcc5;min-height:132px}
#proces #pressureText h3{font-size:25px;margin:0 0 10px}
#proces #pressureText p{font-size:19px;line-height:1.5;margin:0}
#proces .calm #pressureText{background:#def8ec;border-color:#b8e6d1}
#proces .pressure-panel>.small{margin:0;font-size:10px}
.step-visual-0 .product-image img,.step-visual-1 .product-image img,.step-visual-3 .product-image img{height:auto;max-height:none;display:block}
#intro .hero-product .product-image{display:block;width:100%;background:#f7f8fa}
#intro .hero-product .product-image img{width:100%;height:auto;max-height:440px;object-fit:contain;display:block}
.hotspot{width:26px;height:26px;font-size:12px}
.account-list button{height:54px;min-height:54px;box-sizing:border-box}
.account-symbol{width:24px;height:24px;line-height:24px;display:grid;place-items:center;flex-shrink:0}
#goRollover{background:var(--green);border:1px solid #15976f;color:#103b2d;border-radius:9px;padding:15px 24px;font-size:16px;font-weight:750;text-decoration:none;margin:0 20px 22px;box-shadow:0 5px 14px #15976f20}
#goRollover:hover{background:#20bf8b}
.people>.eyebrow{font-size:18px;text-transform:none;letter-spacing:.02em}
.portrait-pair figcaption a{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:760px){.comparison-wrap,.comparison-wrap.guided-pressure{grid-template-columns:1fr}#proces .pressure-panel{padding:20px}#proces #pressureText p{font-size:18px}.portrait-pair figcaption a{font-size:14px}.hotspot-image .hotspot{width:20px;height:20px;font-size:10px}}