:root{
  --dark:#242424;--ink:#171717;--paper:#f6f6f3;--white:#fff;--line:#d9dbd7;--muted:#6b6d69;
  --mint:#55B585;--mint-dark:#27855E;--mint-soft:#EAF6F0;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}
.topbar{background:var(--dark);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(18px,4vw,58px);gap:18px}
.brand{display:flex;align-items:center;gap:14px}.brand strong{display:block;font-size:1.15rem}.brand small{font-size:.6rem;letter-spacing:.15em}
.networkMark{font:12px/1.1 monospace;opacity:.7}.headerStats{display:flex;gap:8px}.headerStats span{border:1px solid #ffffff38;border-radius:999px;padding:7px 11px;font-size:.75rem}
.mainnav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line);padding:7px clamp(12px,4vw,48px);display:flex;gap:5px;overflow:auto}
.mainnav button{border:0;background:transparent;border-radius:10px;padding:11px 13px;white-space:nowrap;color:#666}
.mainnav button.active{background:var(--dark);color:#fff;font-weight:800}.mainnav b{font-size:.65rem;margin-right:5px}.countBadge{background:var(--mint-dark);color:#fff;border-radius:999px;padding:2px 7px}
main{max-width:1380px;margin:auto;padding:28px clamp(16px,4vw,48px) 70px}.view{display:none}.view.active{display:block}.hidden{display:none!important}
.viewIntro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.viewIntro h1{font-size:clamp(2rem,4.5vw,3.7rem);margin:.12em 0}.viewIntro p{margin:0;color:var(--muted);max-width:820px}.viewIntro small{letter-spacing:.14em;font-weight:900}
.discoverLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.discoverMain{min-width:0}
.tools{display:flex;gap:10px}.searchBox{flex:1}.searchBox input,.tools select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.searchBox span{display:block;font-size:.72rem;color:var(--muted);margin:5px 4px}
.alphabetRow{display:flex;align-items:center;gap:8px;margin:14px 0}.letters{display:flex;flex-wrap:wrap;gap:6px}.letters button,.showAll{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.letters button.active,.showAll.active{background:var(--mint-dark);color:#fff;border-color:var(--mint-dark)}
.selectionLegend{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.72rem;margin:8px 0 14px}.selectionLegend span{display:flex;align-items:center;gap:5px}.legendStar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-style:normal;background:#fff}.legendStar.selected{background:var(--mint-dark);color:#fff;border-color:var(--mint-dark)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.termCard{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:260px;box-shadow:0 4px 16px #00000008}
.termCard.selected{border:2px solid var(--mint-dark);background:linear-gradient(180deg,#fff 0%,var(--mint-soft) 170%);box-shadow:0 8px 24px rgba(39,133,94,.12)}
.termCard small{font-weight:900;letter-spacing:.14em}.termCard h3{font-size:1.25rem;margin:.3em 52px .55em 0}.termCard p{line-height:1.55;color:#333}.termCard .cardActions{margin-top:16px}.termCard .detailsButton,.ghost{border:1px solid var(--dark);background:#fff;border-radius:10px;padding:10px 13px}.detailsButton:hover,.ghost:hover{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}
.starButton{position:absolute;top:14px;right:14px;width:48px;height:48px;border-radius:50%;border:2px solid #cfd2ce;background:#fff;color:#8d8f8b;font-size:1.55rem;display:grid;place-items:center}
.starButton:hover{border-color:var(--mint-dark);color:var(--mint-dark);transform:scale(1.04)}.starButton.selected{background:var(--mint-dark);border-color:var(--mint-dark);color:#fff;box-shadow:0 0 0 6px var(--mint-soft)}
.selectedLabel{display:inline-flex;align-items:center;gap:5px;background:var(--mint-soft);color:var(--mint-dark);border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:900}.selectedLabel::before{content:"✓"}
.selectionPanel{position:sticky;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px #0000000b}.panelHead{display:flex;justify-content:space-between;align-items:center}.panelHead div{display:flex;flex-direction:column;gap:3px}.panelHead small{font-size:.6rem;letter-spacing:.14em;color:var(--muted)}.panelBadge{min-width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--mint-dark);color:#fff;font-weight:900}
.selectionPanel>p{font-size:.78rem;line-height:1.45;color:var(--muted)}.panelList{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow:auto}.panelItem{display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:center;background:var(--mint-soft);border-radius:11px;padding:8px}.panelItem .miniStar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--mint-dark);color:#fff}.panelItem strong{font-size:.75rem;line-height:1.25}.panelItem button{border:0;background:#fff;border-radius:50%;width:26px;height:26px}.panelToLearn,.mintButton{width:100%;border:0;background:var(--mint-dark);color:#fff;border-radius:11px;padding:12px 14px;font-weight:900;margin-top:12px}.panelToLearn:disabled{opacity:.4;cursor:default}
.detailToolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.detailStar{width:48px;height:48px;border-radius:50%;border:2px solid #cfd2ce;background:#fff;font-size:1.5rem}.detailStar.selected{background:var(--mint-dark);color:#fff;border-color:var(--mint-dark);box-shadow:0 0 0 6px var(--mint-soft)}
.detailHero{background:var(--dark);color:#fff;border-radius:22px;padding:36px}.detailHero h1{font-size:clamp(2rem,5vw,4rem);margin:.15em 0}.detailHero p{max-width:850px;color:#e9e9e6;line-height:1.55}.detailHero small{letter-spacing:.14em}
.detailNav{position:sticky;top:62px;z-index:20;background:rgba(246,246,243,.97);display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px 0;margin:8px 0 14px}.detailNav button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px}.detailNav button.active{background:var(--mint-dark);color:#fff;border-color:var(--mint-dark)}
.detailGrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.detailMain{display:flex;flex-direction:column;gap:13px}.knowledgeCard{scroll-margin-top:125px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.knowledgeCard h2{margin:.25em 0 .55em}.knowledgeCard p{font-size:1.02rem;line-height:1.65}.learningHint{border-left:4px solid var(--mint);background:var(--mint-soft);padding:11px 13px;border-radius:9px;font-size:.82rem}.collapsibleText{max-height:9.5em;overflow:hidden;position:relative}.collapsible.expanded .collapsibleText{max-height:none}.collapsible:not(.expanded) .collapsibleText::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(transparent,#fff)}.readToggle{border:0;background:transparent;color:var(--mint-dark);font-weight:900;padding:8px 0}.detailAside{position:sticky;top:132px;align-self:start}.detailActionCard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.detailActionCard strong{display:block;font-size:1.2rem;margin:.4em 0}.detailActionCard p{font-size:.8rem;color:var(--muted);line-height:1.5}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:var(--mint-soft);color:var(--mint-dark);border-radius:999px;padding:7px 10px;font-size:.78rem}
.selectionFooter{margin-top:18px;max-width:340px}.empty{background:#fff;border:1px dashed #bbb;border-radius:16px;padding:34px;text-align:center;color:var(--muted)}
.learningSummary{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:14px}.learningSummary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.learningSummary small{font-size:.6rem;letter-spacing:.13em;color:var(--muted)}.learningSummary strong{display:block;margin-top:3px}.track{height:7px;background:#e5e7e3;border-radius:99px;overflow:hidden;margin-top:9px}.track i{display:block;height:100%;background:var(--mint-dark);width:0}
.learnSteps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin-bottom:18px}.learnStep{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;display:flex;align-items:center;gap:9px;color:var(--muted)}.learnStep b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e8e9e5;color:#222}.learnStep span{display:flex;flex-direction:column;font-size:.78rem;font-weight:800}.learnStep small{font-size:.55rem;letter-spacing:.12em}.learnStep.active{background:var(--mint-soft);border-color:var(--mint-dark);color:var(--ink)}.learnStep.active b,.learnStep.done b{background:var(--mint-dark);color:#fff}
.learner{max-width:1000px;margin:auto}.slider{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:12px;align-items:center}.sliderArrow{border:0;background:#fff;border-radius:14px;height:74px;box-shadow:0 4px 18px #0002;font-size:2.4rem;color:var(--dark)}.sliderArrow:hover{background:var(--mint-dark);color:#fff}
.flashcard{min-height:360px;border:3px solid var(--dark);background:var(--dark);color:#fff;border-radius:26px;padding:44px;position:relative}.flashcard.flipped{border-color:var(--mint)}.cardFace{font-size:clamp(1.5rem,4vw,2.8rem);line-height:1.35}.cardFace#cardBack{font-size:1.15rem;line-height:1.6}.flashcard #cardHint{position:absolute;bottom:18px;left:0;right:0;font-size:.62rem;letter-spacing:.14em;color:#c8c8c3}.sliderDots{display:flex;justify-content:center;gap:7px;margin-top:13px}.sliderDot{width:9px;height:9px;border:0;border-radius:50%;background:#ced1cd;padding:0}.sliderDot.active{width:26px;border-radius:99px;background:var(--mint-dark)}.sliderDot.done{background:#88bfa3}.sliderCounter{text-align:center;font-size:.75rem;color:var(--muted);margin-top:6px}
.assessment{max-width:760px;margin:18px auto 0;background:var(--mint-soft);border-left:4px solid var(--mint-dark);border-radius:13px;padding:14px}.assessment>small{font-size:.6rem;letter-spacing:.13em;color:var(--mint-dark);font-weight:900}.assessment>strong{display:block;margin-top:3px}.ratingButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.ratingButtons button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;text-align:left}.ratingButtons button span{display:block;font-size:.65rem;color:var(--muted);margin-top:4px}.ratingButtons .best{background:var(--mint-dark);color:#fff;border-color:var(--mint-dark)}.ratingButtons .best span{color:#eafff4}
.progressCard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.progressCard>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.progressCard small{font-size:.6rem;letter-spacing:.13em;color:var(--muted)}.progressCard strong{display:block;font-size:1.35rem;margin-top:4px}
.privacyNote{margin-top:38px;padding-top:16px;border-top:1px solid var(--line)}.privacyNote>button{border:0;background:transparent;color:var(--muted);padding:8px 0}.privacyNote p{max-width:760px;color:var(--muted);font-size:.8rem;line-height:1.5}
@media(max-width:1050px){.discoverLayout,.detailGrid{grid-template-columns:1fr}.selectionPanel,.detailAside{position:static}.selectionPanel{order:-1}.detailNav{overflow:auto;display:flex}.detailNav button{flex:0 0 auto}}
@media(max-width:760px){.headerStats{display:none}.grid{grid-template-columns:1fr}.tools{flex-direction:column}.learningSummary,.progressCard{grid-template-columns:1fr}.learnSteps{grid-template-columns:1fr}.learnSteps>span{display:none}.slider{grid-template-columns:42px minmax(0,1fr) 42px;gap:5px}.sliderArrow{height:58px;font-size:2rem}.flashcard{min-height:300px;padding:30px}.ratingButtons{grid-template-columns:1fr}.viewIntro{align-items:flex-start;flex-direction:column}}
/* V18 — cognitive reduction on glossary page */
.discoverLayout.single{display:block}
.discoverLayout.single .discoverMain{width:100%;max-width:none}
.glossaryStatusRow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 14px}
.glossaryStatusRow .selectionLegend{margin:0}
.compactSelectionStatus{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.72rem;white-space:nowrap}
.compactSelectionStatus:hover{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}
@media(max-width:760px){
  .glossaryStatusRow{align-items:flex-start;flex-direction:column}
  .compactSelectionStatus{width:100%;text-align:left}
}

/* V19 FINAL — balanced search/filter proportions and responsive interaction */
.tools{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 230px !important;
  gap:12px !important;
  align-items:start !important;
  width:100%;
}
.searchBox{
  min-width:0;
  width:100%;
}
.searchBox input{
  width:100% !important;
  min-width:0 !important;
  height:50px;
  padding:0 16px !important;
  font-size:.95rem;
}
.tools select{
  width:230px !important;
  min-width:230px !important;
  max-width:230px !important;
  height:50px;
  padding:0 40px 0 14px !important;
  font-size:.92rem;
  justify-self:end;
}
.searchBox span{
  margin-top:6px;
}
.alphabetRow{
  margin-top:12px;
}
.glossaryStatusRow{
  margin-top:10px;
}
.termCard{
  overflow:visible;
}
.starButton{
  transition:transform .14s ease, background .14s ease, color .14s ease, box-shadow .14s ease;
}
.starButton:focus-visible,
.detailsButton:focus-visible,
.compactSelectionStatus:focus-visible,
.mainnav button:focus-visible,
.sliderArrow:focus-visible,
.ratingButtons button:focus-visible,
.detailNav button:focus-visible{
  outline:3px solid var(--mint);
  outline-offset:3px;
}
.starButton.selected{
  background:var(--mint-dark) !important;
  color:#fff !important;
  border-color:var(--mint-dark) !important;
  box-shadow:0 0 0 6px var(--mint-soft) !important;
}
.termCard.selected{
  border-color:var(--mint-dark) !important;
}
.compactSelectionStatus{
  font-weight:700;
}
@media(max-width:900px){
  .tools{
    grid-template-columns:minmax(0,1fr) 200px !important;
  }
  .tools select{
    width:200px !important;
    min-width:200px !important;
    max-width:200px !important;
  }
}
@media(max-width:680px){
  .tools{
    grid-template-columns:1fr !important;
  }
  .tools select{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:stretch;
  }
  .searchBox input{
    height:48px;
  }
}

.filterMeta{display:flex;justify-content:flex-end;margin-top:5px}
#resultCount{font-size:.72rem;color:var(--muted)}
.sliderArrow:disabled{cursor:default;box-shadow:none}

/* V20 — explicit per-card status + transparent progress */
.cardStatusSummary{
  max-width:760px;margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;
  gap:14px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px
}
.cardStatusSummary>div{display:flex;flex-direction:column;gap:3px}
.cardStatusSummary small{font-size:.58rem;letter-spacing:.13em;color:var(--muted);font-weight:900}
.cardStatusSummary strong{font-size:.9rem}
.cardOverview{max-width:760px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px}
.cardOverviewItem{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:9px 10px;border-radius:9px;cursor:pointer
}
.cardOverviewItem:hover{background:#f3f4f1}
.cardOverviewItem.active{background:var(--mint-soft)}
.cardOverviewItem .index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eceeea;font-size:.72rem;font-weight:900}
.cardOverviewItem.done .index{background:var(--mint-dark);color:#fff}
.cardOverviewItem strong{font-size:.78rem}
.cardOverviewItem .status{font-size:.7rem;border-radius:999px;padding:5px 8px;background:#f1f2ef;color:var(--muted)}
.cardOverviewItem .status.unsure{background:#fff4df;color:#8b5d00}
.cardOverviewItem .status.partial{background:#eef3ff;color:#315b93}
.cardOverviewItem .status.safe{background:var(--mint-soft);color:var(--mint-dark);font-weight:800}

.sliderDot{position:relative}
.sliderDot::after{
  content:"";position:absolute;inset:-5px;border-radius:99px;border:1px solid transparent
}
.sliderDot.done::after{border-color:#9bc8ae}
.sliderDot.current-unsure{background:#d89d37}
.sliderDot.current-partial{background:#5f86b8}
.sliderDot.current-safe{background:var(--mint-dark)}

.chosenRating{
  margin:0 0 10px;border-radius:10px;padding:9px 11px;font-size:.76rem;font-weight:750
}
.chosenRating.unsure{background:#fff4df;color:#7c5200}
.chosenRating.partial{background:#eef3ff;color:#315b93}
.chosenRating.safe{background:var(--mint-soft);color:var(--mint-dark)}

.progressTopGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.progressMetric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.progressMetric small{display:block;font-size:.58rem;letter-spacing:.13em;color:var(--muted);font-weight:900}
.progressMetric strong{display:block;font-size:1.45rem;margin:5px 0}
.progressMetric span{display:block;font-size:.75rem;color:var(--muted);line-height:1.45}
.developmentMetric{border-left:5px solid var(--mint)}

.levelPathCard,.progressAccordion,.nextLearningCard{
  background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:14px;padding:16px
}
.levelPathHead{display:flex;justify-content:space-between;align-items:center;gap:14px}
.levelPathHead>div{display:flex;flex-direction:column;gap:4px}
.levelPathHead small,.nextLearningCard small,.accordionHeader small{font-size:.58rem;letter-spacing:.13em;color:var(--muted);font-weight:900}
.levelPath{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:16px}
.levelPath>div{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--muted)}
.levelPath>div b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eceeea;color:#222}
.levelPath>div.current{background:var(--mint-soft);border-color:var(--mint-dark);color:var(--ink);font-weight:800}
.levelPath>div.current b{background:var(--mint-dark);color:#fff}
.levelPath>i{font-style:normal;color:#aaa}
.levelInfo{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.levelInfo p{font-size:.78rem;line-height:1.45;margin:.45em 0;color:#444}
.levelInfo .levelNote{color:var(--muted)}

.nextLearningCard{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--mint-soft);border-color:#c6e5d5}
.nextLearningCard>div{display:flex;flex-direction:column;gap:4px}
.nextLearningCard strong{font-size:1rem}
.nextLearningCard span{font-size:.76rem;color:var(--muted)}
.mintButton.compact{width:auto;margin:0;white-space:nowrap}

.accordionHeader{
  width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;text-align:left
}
.accordionHeader span{display:flex;flex-direction:column;gap:4px}
.accordionHeader>b{font-size:1.4rem;color:var(--mint-dark)}
.progressList{margin-top:13px;border-top:1px solid var(--line);padding-top:8px}
.progressListItem{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid #eceeea
}
.progressListItem:last-child{border-bottom:0}
.progressListItem strong{font-size:.8rem}
.progressListItem .statusPill{font-size:.7rem;padding:5px 8px;border-radius:999px;background:#f0f1ee;color:var(--muted)}
.progressListItem .statusPill.unsure{background:#fff4df;color:#7c5200}
.progressListItem .statusPill.partial{background:#eef3ff;color:#315b93}
.progressListItem .statusPill.safe{background:var(--mint-soft);color:var(--mint-dark);font-weight:800}
.progressListItem button{border:0;background:transparent;color:var(--mint-dark);font-weight:800;font-size:.72rem}

@media(max-width:760px){
 .cardStatusSummary,.levelPathHead,.nextLearningCard{align-items:flex-start;flex-direction:column}
 .progressTopGrid{grid-template-columns:1fr}
 .levelPath{grid-template-columns:1fr}.levelPath>i{display:none}
 .progressListItem{grid-template-columns:1fr auto}
 .progressListItem button{grid-column:1/-1;text-align:left;padding:4px 0}
 .mintButton.compact{width:100%}
}

/* V21 — neutral assessment interaction */
.assessment{background:#f7f8f6 !important;border-left:4px solid #cfd3cf !important}
.assessmentInstruction{margin:.25rem 0 .8rem;color:var(--muted);font-size:.75rem}
.ratingButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rateOption{
  min-height:86px;width:100%;display:flex;align-items:center;gap:11px;text-align:left;
  padding:13px 14px;border:1.5px solid #cfd3cf;border-radius:12px;background:#fff !important;
  color:var(--ink) !important;box-shadow:none !important;position:relative
}
.rateOption:hover{border-color:#9da49f;background:#fafbf9 !important}
.rateOption b{display:block;color:var(--ink) !important;font-size:.92rem}
.rateOption small{display:block;color:var(--muted) !important;font-size:.66rem;margin-top:4px}
.rateCheck{
  flex:0 0 27px;width:27px;height:27px;border-radius:50%;border:1.5px solid #bfc5c0;
  display:grid;place-items:center;color:transparent;background:#fff;font-weight:900
}
.rateOption.selected{border-color:var(--mint-dark);background:var(--mint-soft) !important}
.rateOption.selected .rateCheck{background:var(--mint-dark);border-color:var(--mint-dark);color:#fff}
.rateOption.selected b{color:var(--mint-dark) !important}
.rateOption:focus-visible{outline:3px solid rgba(42,145,101,.2);outline-offset:2px}
.chosenRating{display:none !important}
.assessmentNext{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;gap:14px
}
.assessmentNext span{font-size:.73rem;color:var(--muted)}
.assessmentNext .mintButton:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:760px){
 .ratingButtons{grid-template-columns:1fr}
 .assessmentNext{align-items:stretch;flex-direction:column}
}

/* FINAL V22 — deliberate learning reset */
.learnTitleRow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.resetLearningBtn{background:#fff;color:var(--ink);border:1.5px solid #bfc4c0;border-radius:11px;padding:11px 15px;font-weight:750;cursor:pointer}
.resetLearningBtn:hover{border-color:var(--mint-dark);color:var(--mint-dark)}
.modalOverlay{position:fixed;inset:0;background:rgba(20,20,20,.48);z-index:99999;display:grid;place-items:center;padding:20px}
.modalOverlay.hidden{display:none!important}
.resetDialog{width:min(600px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22);position:relative}
.resetDialog h2{margin:.35rem 0 .7rem;font-size:1.55rem}
.resetDialog p{line-height:1.55;color:var(--muted)}
.keepSelection{background:var(--mint-soft);border-left:4px solid var(--mint-dark);padding:12px 14px;border-radius:9px;color:var(--ink)!important}
.dialogClose{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:var(--muted)}
.resetActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.neutralButton{background:#fff;border:1.5px solid #bfc4c0;border-radius:10px;padding:11px 17px;font-weight:750;cursor:pointer}
@media(max-width:700px){
 .learnTitleRow{flex-direction:column}
 .resetLearningBtn{width:100%}
 .resetActions{flex-direction:column-reverse}
 .resetActions button{width:100%}
}

/* V24 categories */
.categoryTools{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:12px!important;align-items:start!important}
.categoryToggle{height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:.95rem;color:var(--ink)}
.categoryToggle:hover,.categoryToggle[aria-expanded="true"]{border-color:var(--mint-dark);box-shadow:0 0 0 3px var(--mint-soft)}
.categoryPanel{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 34px rgba(0,0,0,.09)}
.categoryPanelHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.categoryPanelHead>div{display:flex;flex-direction:column;gap:3px}.categoryPanelHead small{font-size:.62rem;letter-spacing:.13em;color:var(--muted);font-weight:900}
.categoryClose{border:0;background:transparent;font-size:1.45rem;color:var(--muted);padding:5px 9px}
.categoryChips{display:flex;gap:8px;flex-wrap:wrap}.categoryChip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 13px;font-size:.78rem}
.categoryChip:hover{border-color:var(--mint-dark);color:var(--mint-dark)}.categoryChip.active{background:var(--mint-dark);border-color:var(--mint-dark);color:#fff;font-weight:800}
.categoryMoreToggle{margin-top:12px;border:0;background:transparent;color:var(--mint-dark);font-weight:800;padding:7px 0;font-size:.78rem}
.categoryMoreArea{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.categorySearchWrap{margin-bottom:10px}
.categorySearchWrap input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.84rem}

/* V24 compact mobile learning */
.learnHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.learnHeader small{font-size:.63rem;letter-spacing:.14em;font-weight:900}
.learnHeader h1{font-size:clamp(2rem,4.5vw,3.4rem);margin:.12em 0 .16em}.learnHeader p{margin:0;color:var(--muted);font-size:.9rem}
.resetLearningBtn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:.78rem;font-weight:750;white-space:nowrap}
.resetLearningBtn:hover{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}
.compactLearner{max-width:980px;margin:0 auto}.compactProgress{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;margin-bottom:10px}
.compactProgress>div:first-child{display:flex;gap:12px;align-items:baseline;white-space:nowrap}.compactProgress strong{font-size:.8rem}.compactProgress span{font-size:.72rem;color:var(--muted)}.compactProgress .track{margin:0;height:6px}
.compactSlider{grid-template-columns:46px minmax(0,1fr) 46px;gap:9px}.compactSlider .sliderArrow{height:64px;border-radius:13px;font-size:2rem;background:#fff}
.compactFlashcard{min-height:0!important;height:auto!important;aspect-ratio:16/6.2;max-height:330px;padding:clamp(25px,4vw,52px)!important;border-radius:22px;display:flex;align-items:center;justify-content:center}
.compactFlashcard .cardFace{font-size:clamp(1.35rem,2.8vw,2.25rem);line-height:1.42;max-width:880px}.compactFlashcard #cardBack{font-size:clamp(1rem,2.15vw,1.45rem)}.compactFlashcard #cardHint{bottom:12px;font-size:.57rem}
.sliderMeta{display:flex;flex-direction:column;align-items:center;gap:1px;margin:7px 0 8px}.sliderMeta .sliderDots{margin:0}.sliderMeta .sliderCounter{margin:0;font-size:.7rem}
.compactAssessment{border:1px solid var(--line);border-left:4px solid var(--mint-dark);border-radius:14px;background:#fff;padding:11px 13px;margin-top:7px}
.assessmentQuestion{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.assessmentQuestion strong{font-size:.92rem}
.assessmentInfoToggle{border:0;background:transparent;color:var(--muted);font-size:.7rem;padding:3px 5px}.assessmentInfo{display:flex;gap:12px;flex-wrap:wrap;background:#f5f6f3;border-radius:9px;padding:8px 10px;margin-bottom:8px}.assessmentInfo span{font-size:.67rem;color:var(--muted)}
.compactRatingBar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 48px;gap:7px}.compactRate{min-height:48px!important;padding:7px 9px!important;border:1.5px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;display:flex!important;align-items:center;justify-content:center;gap:6px;text-align:center!important}
.compactRate b{font-size:.78rem!important;color:var(--ink)!important}.compactRate .rateCheck{width:19px;height:19px;flex:0 0 19px;font-size:.68rem;border:1px solid #bbb}
.compactRate.selected{background:var(--mint-soft)!important;border-color:var(--mint-dark)!important}.compactRate.selected .rateCheck{background:var(--mint-dark);border-color:var(--mint-dark);color:#fff}.compactRate.selected b{color:var(--mint-dark)!important}
.compactNext{min-height:48px;border:0;border-radius:10px;background:#dfe2df;color:#777;font-size:1.35rem;font-weight:900}.compactNext:not(:disabled){background:var(--mint-dark);color:#fff}.compactNext:disabled{cursor:not-allowed}
.compactAssessmentHint{font-size:.66rem;color:var(--muted);margin-top:6px;min-height:1em}.compactCardTools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:7px 3px;color:var(--muted);font-size:.7rem}
.overviewToggle{border:0;background:transparent;color:var(--mint-dark);font-size:.72rem;font-weight:800;padding:5px}.cardOverview{margin-top:4px}.cardOverviewItem{min-height:42px;padding:7px 9px}
@media(max-width:900px){.categoryTools{grid-template-columns:minmax(0,1fr) 210px!important}}
@media(max-width:700px){
 .categoryTools{grid-template-columns:1fr!important}.categoryPanel{grid-column:1}.learnHeader{align-items:stretch;flex-direction:column;gap:9px}.learnHeader h1{font-size:2rem}.resetLearningBtn{align-self:flex-start}
 .compactProgress{grid-template-columns:1fr;gap:6px}.compactProgress>div:first-child{justify-content:space-between}.compactSlider{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px}.compactSlider .sliderArrow{height:50px;font-size:1.65rem;padding:0}
 .compactFlashcard{aspect-ratio:auto;max-height:none;min-height:205px!important;padding:28px 22px 35px!important;border-radius:18px}.compactFlashcard .cardFace{font-size:clamp(1.18rem,6vw,1.5rem)}.compactFlashcard #cardBack{font-size:clamp(.96rem,4.4vw,1.12rem)}
 .compactRatingBar{grid-template-columns:repeat(3,minmax(0,1fr)) 42px;gap:5px}.compactRate{padding:6px 4px!important;min-height:44px!important}.compactRate b{font-size:.68rem!important}.compactRate .rateCheck{width:16px;height:16px;flex-basis:16px;font-size:.58rem}.compactNext{min-height:44px;font-size:1.2rem}
 .assessmentQuestion strong{font-size:.84rem}.compactCardTools{margin-top:5px}
}
@media(max-width:420px){.compactRate .rateCheck{display:none}.compactRate.selected::before{content:"✓";color:var(--mint-dark);font-weight:900;margin-right:3px}.compactRatingBar{grid-template-columns:repeat(3,minmax(0,1fr)) 38px}.compactRate b{font-size:.63rem!important}}

/* =====================================================================
   V25 — FINAL VISUAL POLISH
   ===================================================================== */

/* Related terms become semantic navigation */
.relatedChips button{
  border:0;background:var(--mint-soft);color:var(--mint-dark);border-radius:999px;
  padding:8px 12px;font-size:.78rem;font-weight:750
}
.relatedChips button:hover,.relatedChips button:focus-visible{
  background:var(--mint-dark);color:#fff;outline:none
}

/* Detail bottom navigation */
.detailBottomNav{
  display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line)
}
.detailBottomButton{
  border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;
  padding:11px 14px;font-weight:800
}
.detailBottomButton:hover{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}
.detailBottomButton.primary{justify-self:end;background:var(--mint-dark);border-color:var(--mint-dark);color:#fff}
.detailBottomButton:nth-child(2){justify-self:center}

/* Learning overview button stronger but still secondary */
.compactCardTools{
  background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:8px 10px!important
}
.overviewButton{
  border:1.5px solid var(--mint-dark)!important;background:#fff!important;color:var(--mint-dark)!important;
  border-radius:10px!important;padding:8px 11px!important;font-weight:850!important
}
.overviewButton:hover{background:var(--mint-soft)!important}
.compactCardTools>span::before{content:"Aktuelle Karte: ";color:var(--muted);font-weight:500}

/* Progress dashboard */
.progressDashboard{
  border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;margin-bottom:12px
}
.dashboardHead{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dashboardHead>div{display:flex;flex-direction:column;gap:3px}
.dashboardHead small{font-size:.58rem;letter-spacing:.13em;color:var(--muted);font-weight:900}
.dashboardHead strong{font-size:.95rem}
.clearProgressFilter{
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;
  font-size:.72rem;color:var(--muted);font-weight:800
}
.clearProgressFilter.active{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}

.statusMetrics{
  display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px
}
.statusMetric{
  border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 8px;
  display:flex;flex-direction:column;align-items:center;gap:2px;min-height:64px
}
.statusMetric b{font-size:1.08rem}.statusMetric span{font-size:.64rem;color:var(--muted)}
.statusMetric:hover{transform:translateY(-1px)}
.statusMetric.active{box-shadow:0 0 0 2px currentColor inset}
.statusMetric.safe{color:var(--mint-dark)}
.statusMetric.partial{color:#4b6f9d}
.statusMetric.unsure{color:#8a6500}
.statusMetric.open{color:#72746f}
.statusMetric.total{color:var(--ink)}

.statusDistribution{
  display:flex;height:8px;background:#eef0ed;border-radius:99px;overflow:hidden;margin-top:12px
}
.statusDistribution .seg{height:100%;width:0;transition:width .2s ease}
.statusDistribution .safe{background:var(--mint-dark)}
.statusDistribution .partial{background:#7ea1ce}
.statusDistribution .unsure{background:#d7b15d}
.statusDistribution .open{background:#d4d6d2}

.progressListItem.filteredOut{display:none}
.progressListItem .statusPill.open{background:#f0f1ee;color:#6e706c}

/* On mobile reduce chrome but keep readability */
@media(max-width:760px){
  .detailBottomNav{grid-template-columns:1fr 1fr}
  .detailBottomButton.primary{grid-column:1/-1;justify-self:stretch}
  .detailBottomButton:nth-child(2){justify-self:stretch}
  .statusMetrics{grid-template-columns:repeat(2,1fr)}
  .statusMetric.total{grid-column:1/-1}
  .compactCardTools{align-items:center}
  .overviewButton{min-height:42px}
}

/* V26 FINAL — stabiles Kategorien-Akkordeon */
.categoryTools{position:relative!important}
.categoryPanel{
  position:absolute!important;
  z-index:70!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
  grid-column:auto!important;
  max-height:min(62vh,560px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:#fff!important;
}
.categorySearchWrap.topSearch{margin:0 0 13px!important;padding:0!important;border:0!important}
.categorySearchWrap.topSearch input{height:44px;font-size:.9rem;background:#fff}
.categoryMoreArea{margin-top:12px!important;padding-top:12px!important}
#detail{scroll-margin-top:72px}
.detailHero{scroll-margin-top:72px}
.relatedChips button{cursor:pointer}
@media(max-width:700px){
  .categoryPanel{max-height:min(65vh,520px)!important}
}

.glossaryViewActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.viewModeToggle{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}
.viewModeBtn{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:6px 9px;font-size:.72rem;font-weight:800}
.viewModeBtn.active{background:var(--dark);color:#fff}
.grid.listMode{display:flex!important;flex-direction:column;gap:7px!important}
.grid.listMode .termCard{min-height:0!important;padding:0!important;border-radius:12px!important;display:flex;align-items:center;background:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important;overflow:hidden}
.grid.listMode .termCard.selected{border-color:var(--mint-dark)!important;background:var(--mint-soft)!important}
.grid.listMode .termCard>small,.grid.listMode .termCard>p,.grid.listMode .termCard>.selectedLabel,.grid.listMode .termCard>.cardActions{display:none!important}
.grid.listMode .termCard h3{margin:0!important;padding:14px 68px 14px 15px!important;font-size:.92rem!important;line-height:1.25!important;width:100%}
.grid.listMode .starButton{top:50%!important;right:12px!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;font-size:1.15rem!important}
.grid.listMode .starButton:hover{transform:translateY(-50%) scale(1.04)!important}
.kiFooter{max-width:1380px;margin:0 auto;padding:18px clamp(16px,4vw,48px) 24px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.72rem;background:var(--paper)}
.kiFooter i{font-style:normal;color:#bbb}
@media(max-width:700px){.glossaryViewActions{align-items:stretch;flex-direction:column}.viewModeToggle{align-self:flex-start}.compactSelectionStatus{width:100%}.grid.listMode .termCard h3{font-size:.88rem!important;padding-top:13px!important;padding-bottom:13px!important}}

/* V29 – reparierte Listenansicht */
.grid.listMode .termCard{cursor:default}
.grid.listMode .termTitle{cursor:pointer}
.grid.listMode .termTitle:hover{color:var(--mint-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.grid.listMode .termTitle:focus-visible{outline:3px solid var(--mint-soft);outline-offset:-3px;border-radius:8px}
.grid.listMode .starButton{z-index:3;pointer-events:auto!important}

/* V29 – adaptive Lernkarte für längere Definitionen */
.compactFlashcard{
  aspect-ratio:auto!important;
  max-height:none!important;
  min-height:310px!important;
  height:auto!important;
  overflow:visible!important;
  padding:42px 44px 56px!important;
}
.compactFlashcard .cardFace{
  width:100%;
  overflow-wrap:anywhere;
  hyphens:auto;
}
.compactFlashcard #cardBack{
  font-size:clamp(1.08rem,2vw,1.42rem)!important;
  line-height:1.58!important;
}
.compactFlashcard.longDefinition{
  min-height:390px!important;
}
.compactFlashcard.longDefinition #cardBack{
  font-size:clamp(1.02rem,1.75vw,1.28rem)!important;
}
.compactFlashcard.veryLongDefinition{
  min-height:480px!important;
}
.compactFlashcard.veryLongDefinition #cardBack{
  font-size:clamp(.98rem,1.55vw,1.16rem)!important;
  line-height:1.55!important;
}

@media(max-width:700px){
  .compactFlashcard{
    min-height:250px!important;
    padding:30px 22px 48px!important;
  }
  .compactFlashcard.longDefinition{min-height:330px!important}
  .compactFlashcard.veryLongDefinition{min-height:430px!important}
  .compactFlashcard #cardBack{font-size:clamp(1rem,4.35vw,1.14rem)!important;line-height:1.52!important}
  .compactFlashcard.longDefinition #cardBack{font-size:clamp(.96rem,4vw,1.08rem)!important}
  .compactFlashcard.veryLongDefinition #cardBack{font-size:clamp(.92rem,3.75vw,1.02rem)!important}
}

.quickAccessBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}
.quickAccessLabel{display:flex;flex-direction:column;gap:2px;min-width:0}.quickAccessLabel small{font-size:.58rem;letter-spacing:.13em;font-weight:900;color:var(--muted)}.quickAccessLabel strong{font-size:.86rem;color:var(--ink)}
.quickAccessControl{position:relative;min-width:230px}.quickAccessToggle{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;font-size:.78rem;font-weight:800}
.quickAccessToggle:hover,.quickAccessToggle[aria-expanded="true"]{border-color:var(--mint-dark);box-shadow:0 0 0 3px var(--mint-soft)}
.quickAccessMenu{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:85;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.11);padding:6px}
.quickAccessOption{width:100%;border:0;background:#fff;color:var(--ink);text-align:left;border-radius:8px;padding:10px 11px;font-size:.76rem}.quickAccessOption:hover,.quickAccessOption.active{background:var(--mint-soft);color:var(--mint-dark)}
.quickAccessOption.clear{color:var(--muted);border-top:1px solid var(--line);margin-top:4px;border-radius:0 0 8px 8px}.quickAccessBar.active{border-color:var(--mint-dark);background:linear-gradient(90deg,var(--mint-soft),#fff)}
@media(max-width:700px){.quickAccessBar{flex-direction:column;align-items:stretch;gap:8px;padding:10px 11px;margin:11px 0 10px}.quickAccessLabel{flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px}.quickAccessLabel strong{font-size:.8rem}.quickAccessControl{width:100%;min-width:0}.quickAccessToggle{min-height:44px;font-size:.76rem}.quickAccessMenu{max-height:250px;overflow:auto}}

/* V32 – Suche | Top 20/30/50 | Kategorien in einer kompakten Reihe */
.compactNavRow{
 position:relative!important;display:grid!important;
 grid-template-columns:minmax(380px,1.7fr) auto minmax(230px,.82fr)!important;
 gap:10px!important;align-items:start!important
}
.compactNavRow .searchBox{min-width:0}.compactNavRow .searchBox input{width:100%;height:50px;font-size:.95rem}
.compactNavRow .searchBox>span{display:block;margin-top:5px}
.topSegment{
 height:50px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;
 border:1px solid var(--line);border-radius:12px;background:#fff;white-space:nowrap
}
.topSegmentLabel{font-size:.78rem;font-weight:850;color:var(--muted)}
.topSegmentBtn{min-width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:.79rem;font-weight:900;padding:0 7px}
.topSegmentBtn:hover{background:var(--mint-soft);color:var(--mint-dark)}
.topSegmentBtn.active,.topSegmentBtn[aria-pressed="true"]{background:var(--mint-dark);color:#fff}
.topDivider{color:#c7cac5;font-size:.75rem}
.categoryControl{min-width:0}.categoryControl .categoryToggle{width:100%;height:50px}
.compactNavRow .categoryPanel{top:calc(100% + 8px)!important;left:0!important;right:0!important;grid-column:1/-1!important}
@media(max-width:980px){
 .compactNavRow{grid-template-columns:minmax(310px,1.45fr) auto minmax(205px,.82fr)!important;gap:8px!important}
 .topSegment{padding:0 9px;gap:5px}.topSegmentBtn{min-width:30px;padding:0 5px}
}
@media(max-width:720px){
 .compactNavRow{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
 .compactNavRow .searchBox{grid-column:1/-1}.compactNavRow .searchBox input{height:48px}
 .topSegment{grid-column:1;height:46px;justify-content:flex-start}
 .categoryControl{grid-column:2;min-width:150px}.categoryControl .categoryToggle{height:46px}
 .compactNavRow .categoryPanel{grid-column:1/-1!important}
}
@media(max-width:430px){
 .compactNavRow{grid-template-columns:1fr!important}
 .topSegment,.categoryControl{grid-column:1!important}
 .topSegment{justify-content:center;width:100%}.categoryControl{min-width:0}
}

/* V34: kompakter Lernstand-Hinweis statt technischem Datenschutzblock */
.learningStorageNote{margin-top:38px;padding:18px 0 4px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.learningStorageText{min-width:0;flex:1 1 520px}
.learningStorageText strong{display:block;color:var(--ink);font-size:.9rem;margin-bottom:5px}
.learningStorageText p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5;max-width:760px}
.learningStorageReset{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--ink);font-weight:700;cursor:pointer}
.learningStorageReset:hover,.learningStorageReset:focus-visible{border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}
@media(max-width:680px){.learningStorageNote{align-items:stretch;gap:12px}.learningStorageReset{width:100%;min-height:46px}}
\n/* V36 – große persönliche Auswahlen ohne versteckte Mengenbegrenzung */\n#learn,#learner,.learnWrap,.learningArea,.flashcardStage,.cardStatusSummary{min-width:0;max-width:100%}\n.sliderDots{width:min(100%,760px);max-width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:4px 3px 8px;scrollbar-width:thin;overscroll-behavior-inline:contain}\n.sliderDot{flex:0 0 auto}\n.cardOverview{width:min(100%,760px);max-width:100%;box-sizing:border-box;max-height:min(58vh,560px);overflow:auto;overscroll-behavior:contain}\n@media(max-width:760px){.sliderDots,.cardOverview{width:100%;max-width:100%}}\n\n/* V37 – klare Filterhierarchie und eindeutiger Reset */\n.compactNavRow{\n  grid-template-columns:minmax(360px,1.65fr) auto minmax(220px,.85fr) auto!important;\n  align-items:start!important;\n}\n.resetFiltersBtn{\n  height:50px;display:inline-flex;align-items:center;justify-content:center;gap:7px;\n  padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;\n  color:var(--muted);font-size:.74rem;font-weight:850;white-space:nowrap;\n}\n.resetFiltersBtn:not(:disabled){border-color:var(--mint-dark);color:var(--mint-dark);background:var(--mint-soft)}\n.resetFiltersBtn:not(:disabled):hover{background:#dff1e8}\n.resetFiltersBtn:disabled{opacity:.48;cursor:default}\n.resetFiltersBtn>span:first-child{font-size:1.05rem;line-height:1}\n.alphabetRow{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;margin:16px auto 10px!important}\n.alphabetRow #letters,.letters{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0 auto!important}\n#letters button{margin:0!important}\n#showAll{display:none!important}\n@media(max-width:1080px){\n .compactNavRow{grid-template-columns:minmax(300px,1.4fr) auto minmax(205px,.8fr)!important}\n .resetFiltersBtn{grid-column:1/-1;justify-self:end;height:42px}\n}\n@media(max-width:720px){\n .compactNavRow{grid-template-columns:minmax(0,1fr) auto!important}\n .compactNavRow .searchBox{grid-column:1/-1}.topSegment{grid-column:1}.categoryControl{grid-column:2}\n .resetFiltersBtn{grid-column:1/-1;justify-self:stretch;width:100%}\n .alphabetRow #letters{gap:6px!important}\n}\n@media(max-width:430px){.compactNavRow{grid-template-columns:1fr!important}.topSegment,.categoryControl,.resetFiltersBtn{grid-column:1!important}}\n
/* V38 – kompakte Filterzone, Desktop bis Smartphone */
html,body{max-width:100%;overflow-x:hidden}
.compactNavRow{
 display:grid!important;
 grid-template-columns:minmax(330px,1fr) auto minmax(205px,290px) auto!important;
 gap:8px 10px!important;align-items:start!important;min-width:0!important
}
.compactNavRow>*{min-width:0!important}
.compactNavRow .searchBox input,.compactNavRow .categoryToggle,.compactNavRow .topSegment{height:48px!important}
.searchHint{margin:5px 0 0 4px!important;font-size:.73rem!important}
.resetFiltersBtn{
 grid-column:auto!important;justify-self:auto!important;width:auto!important;min-width:0!important;
 height:48px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;
 background:transparent!important;box-shadow:none!important;color:var(--muted)!important;
 font-size:.71rem!important;font-weight:800!important;white-space:nowrap!important
}
.resetFiltersBtn:not(:disabled){color:var(--mint-dark)!important;background:var(--mint-soft)!important}
.resetFiltersBtn:disabled{opacity:.38!important}
.alphabetRow{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
 gap:10px!important;width:100%!important;max-width:100%!important;margin:10px 0 7px!important;min-width:0!important
}
.alphabetRow #letters{
 display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;
 gap:4px!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
 padding:2px 1px 5px!important;scrollbar-width:thin!important;overscroll-behavior-inline:contain!important
}
#letters button{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;font-size:.86rem!important;margin:0!important}
.resultCount{position:static!important;align-self:center!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:.74rem!important}
.viewBar{margin-top:4px!important;padding-top:7px!important;min-width:0!important}
@media(max-width:1180px){
 .compactNavRow{grid-template-columns:minmax(280px,1fr) auto minmax(185px,235px)!important}
 .categoryControl{grid-column:3!important}
 .resetFiltersBtn{grid-column:3!important;justify-self:end!important;height:28px!important;margin-top:-1px!important;padding:0 6px!important}
}
@media(max-width:820px){
 .compactNavRow{grid-template-columns:minmax(0,1fr) minmax(150px,auto)!important}
 .compactNavRow .searchBox{grid-column:1/-1!important}
 .topSegment{grid-column:1!important}.categoryControl{grid-column:2!important}
 .resetFiltersBtn{grid-column:1/-1!important;justify-self:end!important;width:auto!important;height:27px!important;margin:0!important}
 .alphabetRow{margin-top:7px!important}
 .alphabetRow #letters{justify-content:flex-start!important}
}
@media(max-width:520px){
 .compactNavRow{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
 .compactNavRow .searchBox,.topSegment,.categoryControl,.resetFiltersBtn{grid-column:1!important;max-width:100%!important}
 .compactNavRow .topSegment,.compactNavRow .categoryToggle{width:100%!important;height:43px!important}
 .resetFiltersBtn{justify-self:end!important;width:auto!important;height:26px!important}
 .alphabetRow{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}
 .resultCount{justify-self:end!important;font-size:.7rem!important}
 #letters button{flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important}
 .viewBar{max-width:100%!important}
}

/* V39 – kompakte, stabile Filterarchitektur */
.compactNavRow{
 display:grid!important;
 grid-template-columns:minmax(360px,1.6fr) auto minmax(230px,.9fr) 46px!important;
 gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important
}
.compactNavRow>*{min-width:0!important}
.compactNavRow .searchBox{margin:0!important;padding:0!important}
.compactNavRow .searchBox input,.compactNavRow .topSegment,.compactNavRow .categoryToggle{
 height:46px!important;min-height:46px!important;margin:0!important
}
.compactNavRow .searchBox input{width:100%!important;font-size:.9rem!important}
.compactNavRow .topSegment{padding:0 10px!important;gap:6px!important}
.compactNavRow .categoryControl,.compactNavRow .categoryToggle{width:100%!important}
.resetFiltersBtn{
 grid-column:auto!important;justify-self:stretch!important;align-self:center!important;
 width:46px!important;min-width:46px!important;max-width:46px!important;
 height:46px!important;min-height:46px!important;max-height:46px!important;
 margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
 border:1px solid var(--line)!important;border-radius:11px!important;background:#fff!important;
 color:var(--muted)!important;box-shadow:none!important;font-size:1.18rem!important;line-height:1!important
}
.resetFiltersBtn:not(:disabled){border-color:var(--mint-dark)!important;background:var(--mint-soft)!important;color:var(--mint-dark)!important}
.resetFiltersBtn:disabled{opacity:.38!important;cursor:default!important}
.compactNavRow .categoryPanel{grid-column:1/-1!important;top:calc(100% + 6px)!important}

.alphabetBar{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
 gap:12px!important;width:100%!important;min-width:0!important;margin:10px 0 7px!important
}
.lettersViewport{
 min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
 scrollbar-width:thin!important;overscroll-behavior-inline:contain!important;padding:2px 0 5px!important
}
#letters.letters{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;
 width:max-content!important;min-width:max-content!important;margin-inline:auto!important
}
#letters button{
 flex:0 0 33px!important;width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important;
 margin:0!important;padding:0!important;border-radius:8px!important;font-size:.82rem!important
}
.resultCount{position:static!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:.72rem!important;color:var(--muted)!important}

.compactUtilityRow{
 display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;
 gap:12px!important;margin:5px 0 10px!important;padding:7px 0 0!important;min-width:0!important
}
.compactUtilityRow .selectionLegend{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important}
.compactUtilityRow .glossaryViewActions{
 grid-column:2/4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important
}
.compactSelectionStatus{min-width:0!important;max-width:430px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.filterMeta,.alphabetRow{display:none!important}

@media(max-width:1100px){
 .compactNavRow{grid-template-columns:minmax(300px,1.4fr) auto minmax(190px,.8fr) 42px!important;gap:8px!important}
 .resetFiltersBtn{width:42px!important;min-width:42px!important;max-width:42px!important}
 #letters.letters{margin-inline:0!important}
}

@media(max-width:760px){
 .compactNavRow{
   grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;
   gap:7px!important
 }
 .compactNavRow .searchBox{grid-column:1/3!important;grid-row:1!important}
 .resetFiltersBtn{
   grid-column:3!important;grid-row:1!important;
   width:44px!important;min-width:44px!important;max-width:44px!important;
   height:44px!important;min-height:44px!important;max-height:44px!important
 }
 .compactNavRow .topSegment{
   grid-column:1/2!important;grid-row:2!important;width:100%!important;justify-content:center!important;
   height:43px!important;min-height:43px!important
 }
 .compactNavRow .categoryControl{grid-column:2/4!important;grid-row:2!important}
 .compactNavRow .categoryToggle{height:43px!important;min-height:43px!important}
 .alphabetBar{gap:8px!important;margin-top:8px!important}
 #letters.letters{margin-inline:0!important}
 .compactUtilityRow{grid-template-columns:1fr auto!important;gap:8px!important}
 .compactUtilityRow .selectionLegend{grid-column:1/-1!important;gap:8px!important}
 .compactUtilityRow .glossaryViewActions{grid-column:1/-1!important;justify-content:space-between!important;gap:8px!important}
 .compactSelectionStatus{max-width:min(62vw,340px)!important}
}
@media(max-width:460px){
 .alphabetBar{grid-template-columns:minmax(0,1fr)!important;gap:2px!important}
 .resultCount{justify-self:end!important;font-size:.68rem!important}
 #letters button{flex-basis:31px!important;width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}
 .compactUtilityRow .selectionLegend{font-size:.72rem!important}
 .compactUtilityRow .glossaryViewActions{flex-wrap:wrap!important}
 .compactSelectionStatus{max-width:100%!important;flex:1 1 100%!important}
}

/* V40 – eine Auswahl-Anzeige, konsistente Sticky-Hauptnavigation */
.topbar{justify-content:flex-start!important}
.headerStats,.compactSelectionStatus{display:none!important}
html,body{overflow-x:clip}
.stickyMainNav{
 position:-webkit-sticky!important;position:sticky!important;
 top:var(--ki-cards-sticky-top,0px)!important;
 z-index:1000!important;
 background:#fff!important;
 box-shadow:0 1px 0 var(--line)!important;
 isolation:isolate!important
}
.compactUtilityRow{grid-template-columns:1fr auto!important}
.compactUtilityRow .selectionLegend{grid-column:1!important}
.compactUtilityRow .glossaryViewActions{grid-column:2!important;justify-content:flex-end!important}
@media(max-width:760px){
 .stickyMainNav{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
 .stickyMainNav::-webkit-scrollbar{display:none!important}
 .stickyMainNav button{flex:0 0 auto!important;white-space:nowrap!important}
 .compactUtilityRow{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important}
 .compactUtilityRow .glossaryViewActions{margin-left:auto!important}
}

/* V42 – ausschließlich Lernkarten: keine Wort-/Silbentrennung */
#flashcard .cardFace{
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* V43 – kompakte Lernfortschrittsdarstellung; Mint nur als Hervorhebung */
.progressAccordion{overflow:hidden}
.progressDashboard{padding:20px 24px 14px}
.dashboardHead{margin-bottom:12px}
.dashboardHead>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dashboardHead small{margin:0}
.dashboardHead strong{font-size:1.15rem}

.statusMetrics{
  display:flex!important;
  gap:8px!important;
  align-items:stretch;
  flex-wrap:nowrap;
  margin:0!important;
}
.statusMetric{
  min-height:58px!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#fff!important;
  border:1px solid #d8d8d5!important;
  flex:1 1 0;
}
.statusMetric b{font-size:1.18rem!important;line-height:1.1}
.statusMetric span{font-size:.82rem!important;margin-top:3px}
.statusMetric.total.active{
  border-color:#258f67!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #258f67!important;
}
.statusMetric.safe{
  background:#edf8f3!important;
  border-color:#c8e8db!important;
}
.statusMetric.safe b{color:#258f67!important}
.statusMetric.partial b{color:#52769e!important}
.statusMetric.unsure b{color:#8a6a00!important}
.statusMetric.open b{color:#70706d!important}

.statusDistribution{
  height:9px!important;
  margin-top:12px!important;
  background:#edf8f3!important;
  border-radius:999px!important;
  overflow:hidden;
}
.accordionHeader{padding-top:14px!important;padding-bottom:14px!important}
.clearProgressFilter{display:none!important}

@media(max-width:700px){
  .progressDashboard{padding:16px 14px 12px}
  .statusMetrics{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .statusMetrics::-webkit-scrollbar{display:none}
  .statusMetric{flex:0 0 104px}
}

/* V45 – Glossarkarten: fester Aktionsbereich für „Details ansehen“ */
.grid:not(.listMode) .termCard,
#selectionGrid:not(.listMode) .termCard{
  display:flex;
  flex-direction:column;
  height:100%;
}
.grid:not(.listMode) .termCard>p,
#selectionGrid:not(.listMode) .termCard>p{
  margin-bottom:0;
}
.grid:not(.listMode) .termCard .selectedLabel,
#selectionGrid:not(.listMode) .termCard .selectedLabel{
  align-self:flex-start;
  margin-top:12px;
}
.grid:not(.listMode) .termCard .cardActions,
#selectionGrid:not(.listMode) .termCard .cardActions{
  margin-top:auto!important;
  padding-top:18px;
  min-height:62px;
  display:flex;
  align-items:flex-end;
}
.grid:not(.listMode) .termCard .detailsButton,
#selectionGrid:not(.listMode) .termCard .detailsButton{
  margin:0;
}