/* ITPlugg v20.91 – launch polish. Tydlig hierarki, färre samtidiga val. */
:root{--v2091-page-max:1180px}
body{overflow-x:hidden}
.home-screen,#portalShell,.itp83-screen{width:min(calc(100% - 28px),var(--v2091-page-max));margin-inline:auto}
#portalShell.v2091-clean-portal>.course-toggle-row,#portalShell.v2091-clean-portal>#courses{display:none!important}
#portalShell.v2091-clean-portal>nav[role="tablist"]{position:sticky;top:8px;z-index:75;display:flex;gap:6px;max-width:100%;padding:7px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:thin}
#portalShell.v2091-clean-portal>nav[role="tablist"] .tab{flex:0 0 auto;min-height:40px;padding:8px 13px;border-radius:10px;white-space:nowrap}
#portalShell.v2091-clean-portal #tabFlash,#portalShell.v2091-clean-portal #tabAcademy,#portalShell.v2091-clean-portal #tabSkriv,#portalShell.v2091-clean-portal #tabTools{display:none!important}
#portalShell.v2091-clean-portal .v1945-more-tools{flex:0 0 auto}
.v2091-course-landing{margin:12px 0 14px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg2) 94%,var(--teal) 3%),var(--bg2));box-shadow:0 16px 44px color-mix(in srgb,var(--theme-shadow,rgba(0,0,0,.12)) 56%,transparent)}
.v2091-course-landing>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.v2091-course-landing small{color:var(--mut)}.v2091-course-landing>header>div>small{color:var(--teal);font:850 9px var(--m,ui-monospace);letter-spacing:.13em}.v2091-course-landing h1{margin:6px 0 8px;font-size:clamp(28px,4vw,43px);letter-spacing:-.045em}.v2091-course-landing p{max-width:720px;margin:0;color:var(--mut);line-height:1.55}.v2091-course-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px}.v2091-course-actions>button{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;color:var(--txt);background:var(--bg);cursor:pointer}.v2091-course-actions>button:hover{border-color:color-mix(in srgb,var(--teal) 52%,var(--line));transform:translateY(-1px)}.v2091-course-actions>button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--teal) 10%,var(--bg2));color:var(--teal);font:850 9px var(--m,ui-monospace)}.v2091-course-actions b,.v2091-course-actions small{display:block}.v2091-course-actions b{font-size:14px}.v2091-course-actions small{margin-top:3px;font-size:10px}.v2091-course-actions em{color:var(--teal);font-style:normal;font-size:18px}
.v2091-course-details,.v2091-home-more,.v2091-quiz-scope{margin:12px 0;border:1px solid var(--line);border-radius:16px;background:var(--bg2);overflow:clip}.v2091-course-details>summary,.v2091-home-more>summary,.v2091-quiz-scope>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;cursor:pointer}.v2091-course-details>summary::-webkit-details-marker,.v2091-home-more>summary::-webkit-details-marker,.v2091-quiz-scope>summary::-webkit-details-marker{display:none}.v2091-course-details>summary span b,.v2091-course-details>summary span small,.v2091-home-more>summary span b,.v2091-home-more>summary span small{display:block}.v2091-course-details>summary span small,.v2091-home-more>summary span small,.v2091-quiz-scope>summary span{margin-top:3px;color:var(--mut);font-size:10px}.v2091-course-details>summary em,.v2091-home-more>summary em{color:var(--teal);font-style:normal}.v2091-course-details>div,.v2091-home-more>div{padding:0 16px 16px}.v2091-quiz-scope>div{padding:0 14px 14px}.v2091-quiz-scope .allrow{margin:0!important;padding:12px!important;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.v2091-home-more{margin-top:16px}.v2091-home-more>div>*{margin-top:12px!important;margin-bottom:0!important}
#pQuiz,#pFlash,#pLex,#pSkriv,#pPlan,#pAcademy,#pLabs,#pTools,#pOverview{scroll-margin-top:82px}
#portalShell [role="tabpanel"]{max-width:100%}

/* Desktopliknande fönster (mus/trackpad) får tillbaka sidebaren även i split-view. */
@media (hover:hover) and (pointer:fine) and (min-width:620px) and (max-width:759px){
  html .v1939-main-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html .v1919-dev-sidebar{display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;width:220px!important}
  html body.v1919-nav-active,html body.v1919-nav-collapsed,html body.v1923-auto-compact{padding-left:220px!important;padding-bottom:0!important}
  html .v1919-mobile-menu{display:none!important}
  .home-screen,#portalShell,.itp83-screen{width:min(calc(100% - 20px),var(--v2091-page-max))}
}

/* Ämnesläget ska inte kapa bort den vanliga navigeringen på dator. */
@media(min-width:760px){body.itp83-mode .v1919-dev-sidebar{display:flex!important}body.itp83-mode .v1939-main-nav{display:none!important}}
body.itp83-mode #v1919DevSidebar [data-dev-nav="progress"],body.itp83-mode #v1919DevSidebar [data-dev-nav="awards"],body.itp83-mode #v1919DevSidebar [data-dev-nav="focus"]{display:none}

@media(max-width:900px){.v2091-course-actions{grid-template-columns:1fr 1fr}.v2091-course-landing>header{display:grid}.v2091-course-landing>header>.btn{width:max-content}}
@media(max-width:619px){.home-screen,#portalShell,.itp83-screen{width:min(calc(100% - 16px),var(--v2091-page-max))}.v2091-course-actions{grid-template-columns:1fr}.v2091-course-landing{padding:18px 14px;border-radius:18px}.v2091-course-landing>header>.btn{width:100%}#portalShell.v2091-clean-portal>nav[role="tablist"]{top:4px}}
@media(prefers-reduced-motion:reduce){.v2091-course-actions>button{transition:none!important}}