/* ITPlugg v19.45 — lugnare informationsarkitektur och progressiv visning */
:root{
  --v1945-radius:18px;
  --v1945-soft:color-mix(in srgb,var(--bg2) 90%,var(--teal) 10%);
  --v1945-shadow:0 16px 42px rgba(2,14,24,.12)
}

/* Startsidan: samma funktioner, men mindre tom yta och tydligare prioritet. */
.home-hero{
  margin-bottom:10px!important;
  padding:clamp(24px,3.4vw,32px)!important;
  border-radius:24px!important
}
.home-hero h2{max-width:720px!important;font-size:clamp(2rem,4.5vw,3rem)!important}
.home-hero-copy>p{max-width:58ch!important;line-height:1.55!important}
.home-actions{margin-top:17px!important}
.home-actions .hero-secondary{display:none!important}
.hero-trust{display:none!important}
.v1938-quick-strip{margin:10px 0!important}
.v1938-quick-card{min-height:64px!important;padding-block:10px!important}
.v1939-home-focus{gap:10px!important}
.v1939-focus-card{padding:18px!important}
.v1939-focus-card .btn{margin-top:13px!important}
.v1919-home-stage{gap:10px!important;margin-top:10px!important}

/* Kursen får en egen översikt i stället för att ligga ovanpå quizet. */
#pOverview[hidden]{display:none!important}
#pOverview:not([hidden]){display:block}
.v1945-course-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 12px;
  padding:22px 24px;
  border:1px solid var(--line);
  border-radius:var(--v1945-radius);
  background:linear-gradient(135deg,var(--v1945-soft),var(--bg2));
  box-shadow:var(--v1945-shadow)
}
.v1945-course-intro small{display:block;color:var(--teal);font:800 9px var(--m);letter-spacing:.13em;text-transform:uppercase}
.v1945-course-intro h1{margin:5px 0 5px;font-size:clamp(1.7rem,3.4vw,2.55rem);letter-spacing:-.04em}
.v1945-course-intro p{margin:0;color:var(--mut);max-width:62ch;line-height:1.5}
.v1945-course-intro-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}
#pOverview .course-overview-hub{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
body[data-v1925-focus="1"] #pOverview #courseOverviewHub{display:block!important}
#pOverview .v196-next-step{margin-bottom:10px!important;padding:16px 18px!important}
#pOverview .journey{
  margin:10px 0!important;
  padding:19px!important;
  border:1px solid var(--line)!important;
  border-radius:var(--v1945-radius);
  background:var(--bg2)
}
#pOverview .journey-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#pOverview .journey-step{min-height:118px!important}
#pOverview .v1919-course-overview-drawer{margin-top:10px!important}

/* Fem primära arbetsytor. Skrivträning och verktyg ligger under Fler verktyg. */
#tabSkriv,#tabTools{display:none!important}
#portalShell>nav[role="tablist"]{
  gap:4px!important;
  margin-bottom:8px!important;
  padding:6px!important
}
#portalShell>nav[role="tablist"] .tab{min-height:40px!important;padding:9px 14px!important}
.v1945-more-tools{
  position:relative;
  width:max-content;
  margin:0 0 12px auto;
  z-index:23
}
.v1945-more-tools>summary{
  list-style:none;
  cursor:pointer;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:11px;
  color:var(--mut);
  background:var(--bg2);
  font-size:12px;
  font-weight:750
}
.v1945-more-tools>summary::-webkit-details-marker{display:none}
.v1945-more-tools>summary:after{content:" +";color:var(--teal)}
.v1945-more-tools[open]>summary:after{content:" −"}
.v1945-more-tools[data-active="1"]>summary{border-color:var(--teal);color:var(--txt)}
.v1945-more-tools-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:210px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--bg2);
  box-shadow:0 18px 50px rgba(0,0,0,.28)
}
.v1945-more-tools-menu button{display:block;width:100%;padding:10px;border:0;border-radius:9px;text-align:left;color:var(--txt);background:transparent;font:inherit;cursor:pointer}
.v1945-more-tools-menu button:hover{background:var(--bg)}

/* Gemensam progressiv visning för fördjupning, plan och statistik. */
.v1945-disclosure{
  margin:10px 0;
  border:1px solid var(--line);
  border-radius:var(--v1945-radius);
  background:var(--bg2);
  overflow:clip
}
.v1945-disclosure>summary{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:66px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none
}
.v1945-disclosure>summary::-webkit-details-marker{display:none}
.v1945-disclosure>summary>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);font-weight:900}
.v1945-disclosure>summary>div{min-width:0;flex:1}
.v1945-disclosure>summary small,.v1945-disclosure>summary b,.v1945-disclosure>summary em{display:block}
.v1945-disclosure>summary small{color:var(--teal);font:800 8px var(--m);letter-spacing:.12em;text-transform:uppercase}
.v1945-disclosure>summary b{margin-top:2px;font-size:14px}
.v1945-disclosure>summary em{color:var(--mut);font-size:11px;font-style:normal}
.v1945-disclosure>summary:after{content:"+";display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;color:var(--teal);background:var(--bg);font-size:18px}
.v1945-disclosure[open]>summary{border-bottom:1px solid var(--line);background:var(--v1945-soft)}
.v1945-disclosure[open]>summary:after{content:"−"}
.v1945-disclosure-body{padding:14px}
.v1945-disclosure-body>.v1919-learning-studio,
.v1945-disclosure-body>.v1928-knowledge-map,
.v1945-disclosure-body>.v197-weekly-plan,
.v1945-disclosure-body>.course-map{margin:0!important}

.v1945-inline-disclosure{
  width:max-content;
  margin:8px 0 14px
}
.v1945-inline-disclosure>summary,
.v1945-result-tools>summary{
  list-style:none;
  cursor:pointer;
  width:max-content;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--mut);
  background:var(--bg2);
  font-size:12px;
  font-weight:750
}
.v1945-inline-disclosure>summary::-webkit-details-marker,
.v1945-result-tools>summary::-webkit-details-marker{display:none}
.v1945-inline-disclosure>summary:after,
.v1945-result-tools>summary:after{content:" +";color:var(--teal)}
.v1945-inline-disclosure[open]>summary:after,
.v1945-result-tools[open]>summary:after{content:" −"}
.v1945-inline-disclosure>div{padding-top:2px}
.v1945-inline-disclosure .lex-controls{margin-bottom:0!important}

/* Min utveckling visar dagens plan först. Resten öppnas vid behov. */
#pPlan>#v1940DevelopmentTitle{margin-bottom:12px!important}
#pPlan>h2,#pPlan>p.hint{display:none!important}
#pPlan .study-plan{margin-bottom:10px!important}
#pPlan .study-plan>.v1945-disclosure{margin-top:14px}

/* Labbar: tre rekommenderade uppgifter först, resten på begäran. */
#labList[hidden],#labRunner[hidden]{display:none!important}
#arenaOptions[hidden],#v199ContentForm[hidden]{display:none!important}
#labList>.v1945-lab-extra{display:none!important}
#labList.v1945-show-all>.v1945-lab-extra{display:block!important}
.v1945-lab-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg2) 78%,transparent)}
.v1945-lab-controls span{color:var(--mut);font-size:12px}

/* Anteckningen hör till ett öppnat begrepp, inte till varje stängt kort. */
#lexGrid .lex-card[data-revealed="0"] .note-area{display:none!important}
#lexGrid .lex-card[data-revealed="0"]{min-height:0!important}
#lexGrid .lex-card{align-content:start}
#pLex .v1919-concept-arena{margin-bottom:12px!important}
#pLex .v1919-concept-head{padding:18px 19px 10px!important}
#pLex .v1919-concept-head h3{font-size:21px!important}
#pLex .v1919-concept-rank,#pLex .v1919-concept-stats{display:none!important}
#pLex .v1919-concept-actions{padding:4px 19px 18px!important;border-top:0!important}

/* Quizet visar kärnan direkt; tre överlappande reflektionsfrågor tas bort.
   Den befintliga "Gör kunskapen aktiv"-delen finns kvar som frivillig fördjupning. */
#qFb>.explanation-feedback,
#qFb>.v1924-learning-pause,
#qFb>.v1923-retrieval-nudge{display:none!important}

/* Resultatet sammanfattas en gång. Detaljer och rapportverktyg är frivilliga. */
#quizRes .result-insights,
#quizRes .result-next-step,
#quizRes .result-action-grid,
#quizRes .v11-session-summary{display:none!important}
#quizRes .v1919-result-actions [data-result-action="lesson"],
#quizRes .v1919-result-actions [data-result-action="scenario"]{display:none!important}
#quizRes .resbtns{justify-content:center!important;margin-top:10px!important}
.v1945-result-tools{margin:10px auto 0;width:max-content;max-width:100%}
.v1945-result-tools>summary{margin:auto}
.v1945-result-tools-body{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg2)}
.v1945-result-tools-body #studentName{min-width:210px}
#v1945ResultBreakdown .breakdown{margin:0!important}

/* Enhetliga, lugna verktygssidor. */
#portalShell>[role="tabpanel"]{scroll-margin-top:150px}
#portalShell>[role="tabpanel"]>h2{margin-bottom:4px}
#portalShell>[role="tabpanel"]>p.hint{max-width:70ch;margin-top:0;line-height:1.5}

@media(max-width:1020px){
  #pOverview .journey-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v1945-course-intro{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
  .home-hero{padding:22px 19px!important}
  .v1939-focus-card{padding:16px!important}
  .v1945-course-intro{padding:18px}
  .v1945-course-intro-actions{display:grid;width:100%}
  .v1945-course-intro-actions .btn{width:100%}
  #pOverview .journey{padding:15px!important}
  #pOverview .journey-track{grid-template-columns:1fr!important}
  #pOverview .journey-step{min-height:0!important}
  .v1945-more-tools{width:100%;margin-top:0}
  .v1945-more-tools>summary{width:100%;text-align:center}
  .v1945-more-tools-menu{position:static;margin-top:6px}
  .v1945-lab-controls{align-items:stretch;flex-direction:column}
  .v1945-lab-controls .btn{width:100%}
  .v1945-disclosure>summary em{display:none}
  .v1945-inline-disclosure{width:100%}
  .v1945-inline-disclosure>summary{width:100%;text-align:center}
  .v1945-result-tools{width:100%}
  .v1945-result-tools-body{align-items:stretch;flex-direction:column}
  .v1945-result-tools-body>*{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.v1945-disclosure,.v1945-more-tools-menu{scroll-behavior:auto;transition:none!important}}