/* Basic Matte production design — shared identity, existing learning engine. */
:root{--bg:#f7f8f5;--bg2:#edf2e7;--surface:#fff;--surface2:#fafbf7;--ink:#234c40;--ink2:#405b4d;--muted:#637366;--line:#e0e7dc;--line2:#d3dfcd;--orange:#b97824;--orange-deep:#915512;--amber:#e5a24f;--green:#6f9154;--green-deep:#3e6337;--blue:#648694;--grad:#285648;--shadow-s:none;--shadow-m:0 12px 32px #203e3312;--ok-bg:#eaf2df;--ok-ink:#416231;--r-s:12px;--r-m:18px;--r-l:22px}
[data-theme=dark]{--bg:#17261f;--bg2:#263a2e;--surface:#20362a;--surface2:#253c30;--ink:#edf4e6;--ink2:#c9d9c6;--muted:#afc2ad;--line:#3e5745;--line2:#46654e;--orange:#e9b25c;--orange-deep:#edbf78;--amber:#e9b25c;--green:#8db877;--green-deep:#7da664;--grad:#426e53;--ok-bg:#304c2c;--ok-ink:#c2e4a7;--no-bg:#492a27;--no-ink:#f5b0a6}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65}.wrap{max-width:1250px;margin-left:250px;margin-right:auto;padding:40px 48px 65px;min-width:0}body>header{margin-left:250px;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:40}.hrow{max-width:1250px;padding:20px 48px;min-height:80px;gap:18px}.hrow>.logo{display:none}.crumb{font-size:13px;font-weight:600;color:var(--ink2)}.hspace{min-width:10px}.xp{box-shadow:none;border-color:var(--line);font-size:12px;padding:6px 12px;background:var(--surface)}.acct-btn,.theme-btn{border-radius:10px;box-shadow:none;min-height:40px}.acct-btn.inn{border-color:var(--line2);color:var(--ink)}.theme-btn{min-width:40px}.design-mobile-home{display:none}.design-room-title{font-size:13px;color:var(--muted);white-space:nowrap}.design-room-title:after{content:'›';margin-left:14px;color:var(--muted)}
#design-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px 18px;z-index:70;overflow-y:auto;overscroll-behavior:contain}.design-brand{display:block;padding:0 14px;text-decoration:none;margin-bottom:30px}.design-brand img{width:158px;height:auto}.design-brand>span{display:block;margin:18px 0 0;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted)}#design-nav{display:grid;gap:5px}#design-nav button,.design-sidebar-footer>button{display:flex;align-items:center;gap:12px;min-height:44px;padding:11px 13px;font-size:13px;font-weight:500;border:0;border-radius:10px;text-align:left;background:transparent;color:var(--ink2);width:100%;line-height:1.45}#design-nav button[aria-current=page]{background:var(--bg2);color:var(--ink);font-weight:700}#design-nav button[aria-current=page]:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}#design-nav button:hover,.design-sidebar-footer>button:hover{background:var(--bg2)}.design-sidebar-spacer{flex:1;min-height:30px}.design-sidebar-message{padding:20px 15px;margin:20px 0 10px;background:var(--bg2);border-radius:13px;color:var(--ink);font:600 20px/1.35 var(--font-display);letter-spacing:-.035em}.design-sidebar-message>span{display:block;font-size:29px;color:var(--orange-deep);margin-bottom:11px}.design-sidebar-footer{border-top:1px solid var(--line);padding-top:12px}.design-sidebar-footer>a{display:flex;align-items:center;padding:12px 14px;font-size:12px;text-decoration:none;color:var(--muted)}#design-profile{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 4px 0;margin-top:12px;background:none;color:var(--ink);text-align:left;width:100%;border-right:0;border-left:0;border-bottom:0}.design-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:14px;flex-shrink:0}#design-profile strong{font-size:12px;display:block;overflow-wrap:anywhere}#design-profile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}#design-menu-button{display:none}#design-shade{position:fixed;inset:0;background:#142b2580;z-index:60;border:0;width:100%;height:100%}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.035em}h1{font-size:clamp(30px,3.2vw,45px);font-weight:600;line-height:1.12}h2{font-size:25px;font-weight:600;margin:30px 0 16px}h3{font-size:20px;font-weight:600}.btn{border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;min-height:44px;box-shadow:none;text-decoration:none;gap:11px}.btn-sm{font-size:13px;min-height:40px;padding:9px 15px}.btn-p{background:var(--grad);color:#fff;box-shadow:none}.btn-g{background:var(--green-deep);color:white;box-shadow:none}.btn-o{background:var(--surface);border:1px solid var(--line2)}.btn:active{transform:none}.card{padding:23px;border:1px solid var(--line2);box-shadow:none;border-radius:18px}.card:hover{transform:none;border-color:var(--green)}.card h3{font-size:21px;line-height:1.25;margin:15px 0 10px}.card p{font-size:14px;line-height:1.75}.emoji-ico{background:var(--bg2)!important;border-radius:12px!important}.grid{gap:18px}.kursgrid,.faggrid{gap:20px}.fagkort{padding:25px}.fag-topp h3{margin:0 0 8px}.fag-status{margin:15px 0}.fag-knapper{margin-top:20px}.fag-neste{line-height:1.7!important}.fagchips,.ob-chips{gap:10px}.fagchip{border-radius:11px;min-height:44px}.fagchip.valgt{background:var(--bg2);border-color:var(--green);color:var(--ink)}.hero{padding:12px 0 20px}.hero h1 em,.fs-hero h1 em{background:none!important;-webkit-text-fill-color:var(--orange-deep);color:var(--orange-deep)!important}.hero>.sub{font-size:16px;line-height:1.85;margin-top:18px!important}.hero+.kursgrid{margin-top:24px}.search input{border-radius:12px}.back{min-height:40px;font-size:13px;color:var(--muted);padding-block:10px}.view{animation:none}.wrap>footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:45px;padding:25px 0 0;font-size:11px;color:var(--muted)}.design-heading{margin:0 0 30px}.design-heading .eyebrow{color:var(--muted);font-size:10px}.design-heading h1{margin:14px 0 14px}.design-heading p{font-size:16px;line-height:1.8;color:var(--muted);max-width:720px;margin:0}
.hud{padding:0;margin:20px 0 30px;border:none;background:none;box-shadow:none}.fokus{border:0!important;border-radius:22px!important;background:#285447!important;color:#fff!important;box-shadow:none!important;padding:36px!important;margin:0 0 23px!important;position:relative;overflow:hidden}.fokus-kode{font-size:10px!important;font-weight:600!important;letter-spacing:.13em;color:#d5e6d2!important}.fokus-t{font-family:var(--font-display);font-size:clamp(27px,3vw,39px)!important;line-height:1.15;letter-spacing:-.04em;font-weight:600!important;max-width:680px;margin:21px 0 16px!important}.fokus-h{color:#dfebdc!important;font-size:15px!important;line-height:1.8!important;max-width:650px}.fokus .btn{background:#ffb85d!important;color:#234c40!important;margin-top:20px;min-width:175px}.statrad{gap:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}.stattile{background:var(--surface);border:1px solid var(--line2);border-radius:15px;padding:21px;min-width:0;box-shadow:none}.st-k{font-size:13px;color:var(--ink);font-weight:600}.st-v{font-size:24px;font-family:var(--font-display);margin:12px 0}.st-s{font-size:12px;color:var(--muted)}.lvlbar{height:7px;background:var(--bg2)}.lvlbar i{background:var(--green)!important}.tile.lvl3.falmet{background:#b4ae84!important}.fold{background:var(--surface);border:1px solid var(--line2);padding:17px 21px;border-radius:13px;margin:12px 0;font-size:14px;width:100%;text-align:left;line-height:1.6}.fold-sub{color:var(--muted)}.ukelinje{padding:17px 21px;background:var(--bg2);border:1px solid var(--line2);border-radius:13px;font-size:13px;margin:20px 0}.ukeprikk{background:var(--line2)}.ukeprikk.on{background:var(--green-deep)}.kart-rad{padding:8px 0}.tile{min-width:22px;min-height:22px}.badgegrid{gap:14px}.badge-c{background:var(--surface);border-color:var(--line2);box-shadow:none;border-radius:15px}.badge-c.locked{opacity:.65}.design-welcome{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;margin:15px 0 40px}.design-welcome h1{font-size:clamp(36px,4.2vw,56px);line-height:1.06;margin:20px 0 24px;letter-spacing:-.055em}.design-welcome h1 em{color:var(--orange-deep);font-style:normal}.design-welcome p{font-size:17px;line-height:1.85;color:var(--muted)}.design-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.design-welcome-visual{padding:35px;background:#eaf0e1;border:1px solid #ccd9c3;border-radius:24px;color:#234c40}.design-welcome-visual>div{font:600 38px/1.3 var(--font-display);text-align:center;padding:35px 0}.design-welcome-visual>p{font-size:14px;color:#53664e;margin:0}.design-welcome-visual>span{font-size:10px;letter-spacing:.14em}.design-paper{background:var(--surface);border:1px solid var(--line2);border-radius:19px;padding:28px;margin:20px 0}.design-paper h2{margin:0 0 18px}.design-paper p{font-size:15px;color:var(--muted);line-height:1.85}.design-paper .btn{margin-top:12px}.design-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.design-course{display:block;width:100%;text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:19px;padding:25px;min-width:0}.design-course h2{font-size:25px;line-height:1.2;margin:18px 0 14px}.design-course>p{color:var(--muted);font-size:14px;line-height:1.7}.design-course>.eyebrow{font-size:10px;color:var(--muted)}.design-course-symbol{font:500 34px var(--font-display);display:grid;place-items:center;background:var(--bg2);height:105px;border-radius:11px;margin-bottom:26px;color:var(--ink)}.design-course-symbol.theme-1{background:#f5e8cd;color:#7c5d2e}.design-course-symbol.theme-2{background:#e2ecee;color:#406674}.design-course-symbol.theme-3{background:#ebe6f1;color:#605473}.design-course-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.design-course:hover{border-color:var(--green)}.design-search{display:flex;align-items:center;gap:14px;padding:14px 19px;background:var(--surface);border:1px solid var(--line2);border-radius:13px;max-width:650px}.design-search input{border:0;background:none;color:var(--ink);width:100%;font-size:15px;min-height:25px;outline-offset:10px}.design-assignment-empty{display:block}#hjem-lekser:not(:empty)+.design-assignment-empty{display:none}.design-teacher-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:32px}.design-teacher-intro h2{font-size:31px;line-height:1.25;margin:24px 0 17px}.design-privacy-note{padding:28px;background:var(--bg2);border-radius:15px}.design-privacy-note h3{font-size:26px;line-height:1.3;margin:24px 0 15px}.design-setting{display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:25px;border-bottom:1px solid var(--line)}.design-setting strong{display:block;font-size:16px}.design-setting small{display:block;font-size:13px;line-height:1.7;color:var(--muted);margin-top:7px}.design-setting input{width:22px;height:22px;accent-color:var(--green-deep);flex-shrink:0}.design-preferences .eyebrow{font-size:10px;color:var(--muted)}.design-preferences>h2{margin-top:16px}.design-large-text body{font-size:18px}.design-large-text :is(p,label,input,textarea,.sub,.btn,.slide,.qtext,.choice){font-size:1.125rem!important}.design-reduced-motion *, .design-reduced-motion *:before,.design-reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.design-hide-goal .ukelinje{display:none!important}
.lesson-top h1{line-height:1.25!important}.slide{padding:32px;border-radius:20px;box-shadow:none;border-color:var(--line2);font-size:16px;line-height:1.85}.slide h3{font-size:23px}.slide p{margin:12px 0}.slide h3:before{background:var(--green)!important}.slide table{max-width:100%;font-size:14px}.slide td{border-color:var(--line2);padding:9px 14px}.qbox{padding:32px;max-width:780px;box-shadow:none;border:1px solid var(--line2);border-radius:22px}.qtext{font-size:20px;line-height:1.7;font-weight:500}.choice{border-radius:12px;min-height:50px;padding:14px 17px;font-size:16px;line-height:1.6}.numin input,.blank-in{min-height:46px;border-color:var(--line2)}.fb{border-radius:13px;line-height:1.8}.qmeta{font-size:11px;letter-spacing:.055em}.player-nav{background:var(--surface);border-color:var(--line2)}.kode-wrap{max-width:950px}.kode-editor{border-color:var(--line2)!important}.kode-tekst{font-size:16px;line-height:1.9}.kode-out{border-radius:12px!important}.prof-sek,.dash-box,.fam-card,.radar-boks,.cgrp{border-color:var(--line2);box-shadow:none}.prof-sek{background:var(--surface);border:1px solid var(--line2);padding:27px;border-radius:18px;margin:20px 0}.prof-sek h2{margin:0 0 20px;font-size:24px}.prof-topp{padding:20px 0;margin-bottom:23px}.prof-avatar{border-radius:17px;background:var(--bg2)}.famgrid{gap:20px}.fam-card{border:1px solid var(--line2);border-radius:19px;padding:27px}.fam-card h3{font-size:25px}.fam-strip{border-color:var(--line2);border-radius:14px}.dash-tbl{font-size:14px}.dash-tbl th{font-size:12px;color:var(--muted);padding:15px}.dash-tbl td{padding:18px 15px}.dash-h{margin-bottom:28px}.dash-lekse{border-color:var(--line2);border-radius:14px;padding:20px}.dash-nylekse{border-color:var(--line2);border-radius:16px;background:var(--bg2);padding:22px}.dash-leksebar i,.radar-bar i{background:var(--green)!important}.ovl{background:#172d2570;backdrop-filter:none;padding:24px;z-index:120;overflow:auto}.ovl-panel{position:relative;background:var(--surface);border:1px solid var(--line2);border-radius:22px;box-shadow:0 18px 55px #172d2525;padding:35px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;color:var(--ink)}.ovl-panel>h3{font-size:28px;padding-right:35px;margin-bottom:20px}.design-dialog-close{position:absolute;right:17px;top:15px;background:var(--bg2);color:var(--ink);width:38px;height:38px;border:0;border-radius:50%;font-size:25px;line-height:1;display:grid;place-items:center}.ovl-panel .cfield{max-width:100%;margin-bottom:15px}.ovl-panel .sub{line-height:1.8;font-size:14px}.ovl-panel .cgrp{margin-top:24px;padding-top:24px}.toast{border-radius:12px;background:var(--ink);color:var(--bg);box-shadow:none;z-index:150}.btn:hover{filter:brightness(.98)}.btn[disabled]{cursor:default}.design-young .btn{min-height:49px}.design-young .slide,.design-young .qtext{font-size:19px}.design-young .design-course-symbol{font-size:39px}
@media(min-width:1650px){.wrap,body>header>.hrow{margin-left:auto;margin-right:auto}body>header{margin-left:250px}.wrap{max-width:1200px;padding-left:35px;padding-right:35px;transform:translateX(125px)}}
@media(max-width:1250px){.wrap{padding:30px 30px 60px}.hrow{padding:18px 30px}.design-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-welcome{grid-template-columns:1fr;gap:15px}.design-welcome-visual{max-width:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:25px}.design-welcome-visual>span{grid-column:span 2}.design-welcome-visual>div{font-size:30px;padding:25px 20px 15px 0}.design-welcome-visual>p{padding-top:15px}.statrad{gap:12px}.stattile{padding:17px}.st-v{font-size:21px}.design-teacher-intro{grid-template-columns:1fr}.kursgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:959px){#design-sidebar{transform:translateX(-100%);width:260px;padding-top:23px}.design-menu-open #design-sidebar{transform:none}.wrap{margin:0;max-width:none;padding:30px 28px 55px}body>header{margin:0}.hrow{padding:15px 28px;min-height:73px}#design-menu-button{display:grid;place-items:center;min-height:42px;min-width:42px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink)}.design-room-title{display:none}.hrow>.logo{display:flex}.hrow>.logo img{height:27px;width:auto}.design-sidebar-message{display:none}.design-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-welcome{grid-template-columns:1.1fr .9fr;gap:25px}.design-welcome-visual{display:block;padding:28px}.design-welcome-visual>div{padding:35px 0;font-size:35px}.design-welcome-visual>p{padding:0}.design-welcome h1{font-size:44px}.ovl-panel{width:100%;max-width:680px}.design-menu-open{overflow:hidden}}
@media(max-width:700px){.wrap{padding:26px 20px 45px}.hrow{padding:13px 18px;gap:10px}.crumb{max-width:140px;font-size:11px}.hrow>.logo{display:none}.design-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-course{padding:20px}.design-course h2{font-size:23px}.design-welcome{grid-template-columns:1fr;gap:20px}.design-welcome h1{font-size:43px}.design-welcome-visual{display:grid;grid-template-columns:1fr 1fr;padding:23px}.design-welcome-visual>span{grid-column:span 2}.design-welcome-visual>div{padding:25px 15px 15px 0;font-size:32px}.design-welcome-visual>p{padding-top:15px}.design-paper{padding:24px}.fokus{padding:27px!important}.fokus-t{font-size:32px!important}.statrad{grid-template-columns:1fr}.stattile{padding:19px}.statrad .lvlbar{max-width:300px}.st-v{font-size:25px}.grid,.kursgrid,.faggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}.card h3{font-size:20px}.slide{padding:24px}.qbox{padding:23px}.qtext{font-size:18px}.ovl{padding:14px}.ovl-panel{padding:27px;max-height:calc(100dvh - 28px)}.design-preferences{padding:24px}.prof-sek{padding:23px}.design-heading h1{font-size:33px}.design-heading p{font-size:15px}.design-teacher-intro{padding:25px}.design-teacher-intro h2{font-size:28px}.design-room-title{display:none}.fold{font-size:13px}.fold-sub{display:block;margin-top:5px}.kart-navn{flex-basis:105px}.dash-nylekse{flex-direction:column;align-items:stretch}.dash-tbl{font-size:12px;min-width:560px}.dash-tbl td,.dash-tbl th{padding:14px 10px}.dash-box{overflow-x:auto}}
@media(max-width:420px){.wrap{padding:24px 16px 40px}.hrow{padding-inline:14px}.xp{padding:5px 9px;font-size:11px}.acct-btn{padding:0 10px;font-size:11px}.theme-btn{min-width:36px;width:36px}.design-course-grid,.grid,.kursgrid,.faggrid{grid-template-columns:1fr}.design-course-symbol{height:85px}.design-welcome-visual{display:block;padding:24px}.design-welcome-visual>div{padding:25px 0}.design-welcome-visual>p{padding:0}.design-welcome h1{font-size:40px}.design-actions{gap:10px}.btn{font-size:13px;padding:12px 16px}.fokus-t{font-size:29px!important}.design-heading h1{font-size:31px}.ovl-panel{padding:24px 20px}.crumb{max-width:100px}.wrap>footer{font-size:10px}.numin input{min-width:120px}}
@media print{#design-sidebar,body>header,#design-shade{display:none!important}.wrap{margin:0!important;transform:none!important;padding:0!important;max-width:none!important}.view{animation:none!important}}
@media(max-width:420px){.hrow>.hspace{display:none}.hrow>.crumb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hrow>.xp,.hrow>.theme-btn,#design-menu-button{flex-shrink:0}.hrow>.acct-btn{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.curriculum-note{max-width:70ch;margin:14px 0 20px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:.9rem;overflow-wrap:anywhere}.curriculum-note summary{cursor:pointer;font-weight:600}.curriculum-note p{margin-top:10px}.curriculum-note summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}