html:has(body.fokus-page){scroll-behavior:smooth}body.fokus-page{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--base-font-size);line-height:var(--line-height-body);min-height:100dvh}.fokus{display:flex;flex-direction:column;min-height:100dvh}.fokus__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:2em;color:var(--color-text-muted);text-align:center}.fokus__error{color:var(--color-text)}.fokus__topbar{display:flex;align-items:center;gap:1em;padding:.55em 1em;background-color:var(--color-bg-elevated);border-bottom:.06em solid var(--color-border);position:sticky;top:0;z-index:20}.fokus__exit{display:inline-flex;align-items:center;gap:.35em;padding:.4em .85em;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);background-color:var(--color-bg);border:.06em solid var(--color-border);font-size:.95em;min-height:var(--hit-area)}.fokus__exit:hover{background-color:var(--color-bg-subtle)}.fokus__exit span[aria-hidden]{font-size:1.25em;line-height:.8}.fokus__listmeta{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.1em;text-align:center}.fokus__listname{font-size:1em;font-weight:500;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fokus__counter{font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap;font-size:1.05em}.fokus__counter strong{color:var(--color-text);font-size:1.15em}.fokus__progress{display:flex;justify-content:center;gap:.3em;padding:.45em 1em;background-color:var(--color-bg-elevated);border-bottom:.06em solid var(--color-border);position:sticky;top:var(--fokus-topbar-h, 3.2em);z-index:19;overflow-x:auto}.fokus__seg{flex:1 1 0;min-width:.35em;max-width:1.5em;height:.4em;border:0;border-radius:9999px;background-color:var(--color-border);cursor:pointer;padding:0;transition:transform .12s ease,background-color .12s ease}.fokus__seg:hover{transform:scaleY(1.5)}@media(prefers-reduced-motion:reduce){.fokus__seg{transition:none}}.fokus__seg.is-current{outline:.12em solid var(--color-accent);outline-offset:.1em}.fokus__seg--klart{background-color:var(--color-success)}.fokus__seg--provd{background-color:var(--color-info)}.fokus__seg--trenger-hjelp{background-color:var(--color-warning)}.fokus__seg--ikke-provd{background-color:var(--color-border)}.fokus__content{flex:1;width:100%;max-width:var(--measure);margin:0 auto;padding:1.4em 1.5em 8em}.fokus__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-bottom:1.2em;font-size:.95em}.fokus__badge{display:inline-block;padding:.18em .55em;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:.85em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.fokus__badge--label{background-color:var(--color-accent);color:var(--color-bg)}.fokus__open{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem;font-size:1.05em;color:var(--color-text-muted);text-decoration:none}.fokus__open:hover{color:var(--color-link)}.fokus__article>.oppgave-title,.fokus__article>h1{font-size:1.7em;margin-top:0;margin-bottom:.6em}.fokus__missing{padding:2em;border:.06em dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center}.fokus__article .tilhorer-eksamen,.fokus__article .search-meta{display:none}.fokus__article .ukontrollert-advarsel{margin:.1em 0 1em;font-size:.8em;font-style:italic;color:var(--color-text-muted);opacity:.75}.fokus__article .ukontrollert-advarsel__icon{width:1em;height:1em;margin-right:.3em;vertical-align:-.15em}@media(max-width:40em){.fokus__article .ukontrollert-advarsel__lang{display:none}}.fokus__bottom{position:sticky;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7em;padding:.65em 1em;background-color:var(--color-bg-elevated);border-top:.06em solid var(--color-border);box-shadow:0 -2px 8px #0000000a;z-index:20}.fokus__nav-btn{padding:.55em 1em;border:.06em solid var(--color-border);background-color:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:.95em;color:var(--color-text);min-height:var(--hit-area);white-space:nowrap}.fokus__nav-btn:hover:not(:disabled){background-color:var(--color-bg-subtle)}.fokus__nav-btn:disabled{opacity:.4;cursor:not-allowed}.fokus__nav-btn--primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.fokus__nav-btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.fokus__status{display:inline-flex;gap:.35em;flex-wrap:wrap;justify-content:center;flex:1 1 auto}.fokus__status-btn{display:inline-flex;align-items:center;gap:.4em;padding:.45em .8em;border:.06em solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);cursor:pointer;font:inherit;font-size:.95em;color:var(--color-text);min-height:var(--hit-area)}.fokus__status-btn:hover{background-color:var(--color-bg-subtle)}.fokus__status-btn.is-active{border-color:var(--color-text);background-color:var(--color-bg-subtle);font-weight:600;box-shadow:inset 0 -.15em 0 var(--color-accent)}.fokus__status-btn--klart.is-active{box-shadow:inset 0 -.15em 0 var(--color-success)}.fokus__status-btn--provd.is-active{box-shadow:inset 0 -.15em 0 var(--color-info)}.fokus__status-btn--trenger-hjelp.is-active{box-shadow:inset 0 -.15em 0 var(--color-warning)}.fokus__status-btn kbd,.fokus__svar-btn kbd,.fokus__liste-btn kbd{font-family:var(--font-mono);font-size:.72em;padding:.1em .4em;border-radius:.25em;background-color:var(--color-bg-subtle);border:.06em solid var(--color-border);color:var(--color-text-muted);line-height:1}.fokus__svar-btn,.fokus__liste-btn{padding:.55em .95em;border:.06em solid var(--color-border);background-color:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:.95em;color:var(--color-text);display:inline-flex;align-items:center;gap:.5em;min-height:var(--hit-area);white-space:nowrap}.fokus__svar-btn:not(:disabled):hover,.fokus__liste-btn:hover{background-color:var(--color-bg-subtle)}.fokus__svar-btn:disabled{opacity:.4;cursor:not-allowed}.fokus__svar-btn.is-active{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning-text)}.fokus__btn-icon{display:none;flex:0 0 auto}.fokus__shortcuts{position:fixed;right:1em;bottom:5.2em;margin:0;padding:.35em .7em;background-color:var(--color-bg-elevated);border:.06em solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.78em;pointer-events:none;z-index:5;opacity:.85}.fokus__shortcuts kbd{font-family:var(--font-mono);font-size:.95em;padding:.08em .35em;background-color:var(--color-bg-subtle);border:.06em solid var(--color-border);border-radius:.25em;color:var(--color-text)}@media(max-width:50em){.fokus__topbar{gap:.5em;padding:.3em .6em}.fokus__counter{order:0;font-size:.95em}.fokus__counter strong{font-size:1.1em}.fokus__listmeta{order:1}.fokus__exit{order:2}.fokus__listname{font-size:.9em}.fokus__exit-text{display:none}.fokus__exit{gap:0;padding:.25em;min-width:var(--hit-area);justify-content:center}.fokus__progress{display:none}.fokus__content{padding:1em .85em 8em}.fokus__bottom{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.4em;padding:.5em .7em calc(.6em + env(safe-area-inset-bottom))}.fokus__status{order:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3em}.fokus__bottom>.fokus__nav-btn,.fokus__svar-btn,.fokus__liste-btn{flex:1 1 0;min-width:0;justify-content:center;padding:.55em .4em}.fokus__nav-btn:not(.fokus__nav-btn--primary){order:1}.fokus__svar-btn{order:2}.fokus__liste-btn{order:3}.fokus__nav-btn--primary{order:4}.fokus__status-btn{justify-content:center;padding:.5em .4em;font-size:.88em}.fokus__status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fokus__bottom kbd,.fokus__shortcuts{display:none}}@media(max-width:32em){.fokus__btn-text{display:none}.fokus__btn-icon{display:inline-block}.fokus__bottom>.fokus__nav-btn,.fokus__svar-btn,.fokus__liste-btn{gap:0;padding:.5em .4em}}@media(max-width:70em){.fokus__shortcuts{bottom:auto;top:auto;display:none}}@media(min-width:70.01em){.fokus__shortcuts{display:block}}@media print{.fokus__topbar,.fokus__progress,.fokus__bottom,.fokus__shortcuts{display:none}.fokus__content{padding:0;max-width:none}}