.study-panel{padding:32px;max-width:1050px;margin:auto}.study-panel h2{font-size:30px;margin:10px 0 14px}.study-panel p{line-height:1.65;color:#4d5c50}.study-controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;background:#f2f5ed;border-radius:16px;margin:24px 0}.study-controls label{display:grid;gap:8px;font-size:14px;flex:1;min-width:170px}.study-controls select,.study-controls input,.answer-row input{border:1px solid #a6b29e;border-radius:9px;padding:12px;background:white;color:#243b30;font:inherit;max-width:100%;min-height:44px}.study-panel button,.study-download a{border:1px solid #72866a;background:#fff;color:#294330;padding:11px 16px;border-radius:9px;font:inherit;cursor:pointer;min-height:44px}.study-panel button:hover{background:#e9efdf}.study-panel button:focus-visible,.study-panel a:focus-visible,.study-panel input:focus-visible,.study-panel select:focus-visible{outline:3px solid #427aaf;outline-offset:3px}.study-panel button:disabled{opacity:.5;cursor:default}.study-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.study-panel .flashcard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:300px;padding:28px;background:#fafbf6;border:1px solid #9aaf8b;box-shadow:0 8px 26px #253d3010;border-radius:20px;text-align:center;overflow:auto}.flashcard-label,.flashcard-cue{font-size:13px;color:#5c7351}.flashcard-content{display:block;font-size:23px;line-height:1.8;margin:24px 0;max-width:100%;text-transform:none!important;font-variant:normal!important}.flashcard-content .katex{font-size:1.15em}.study-help{font-size:13px}.study-download{display:flex;flex-wrap:wrap;gap:16px;align-items:center;border-top:1px solid #dce3d5;padding-top:24px;margin-top:32px}.study-download>div{flex:1;min-width:220px}.study-download p{font-size:13px;margin-bottom:0}.study-download a{white-space:nowrap;text-decoration:none;background:#e9efdf}.practice-task{padding:24px 0;border-top:1px solid #dce3d5}.practice-task h3{font-size:18px;font-weight:500;line-height:1.65;text-transform:none;letter-spacing:normal}.practice-task summary{cursor:pointer;padding:10px 0;color:#35613d}.practice-task form{margin-top:18px}.practice-task label{display:block;margin-bottom:8px}.answer-row{display:flex;gap:10px;flex-wrap:wrap}.answer-row input{flex:1;min-width:160px}.practice-task li{margin:10px 0;line-height:1.6}.study-panel [hidden]{display:none!important}.study-panel .katex,.study-panel .katex *{text-transform:none!important;font-variant:normal!important}.material-tabs{flex-wrap:wrap}@media(max-width:600px){.study-panel{padding:20px 16px}.study-panel .flashcard{padding:20px 12px}.flashcard-content{font-size:19px}.study-controls{padding:14px}.study-actions button{flex:1}.study-download a{width:100%;text-align:center}}

/* Compact, touch-friendly flashcards; applicability appears only with the answer. */
.study-panel .flashcard{justify-content:center;min-height:260px;perspective:900px}
.flashcard-content{margin:16px 0}.flashcard-conditions{font-size:14px;line-height:1.5;max-width:680px;color:inherit;opacity:.85}
.card-navigation{justify-content:center;gap:8px}.card-navigation button{padding:8px 12px;min-width:44px;min-height:44px;font-size:14px}
.card-help{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-help label{font-size:13px;display:flex;align-items:center;gap:8px;min-height:44px}.card-help input{width:18px;height:18px}
.card-turn{animation:card-turn-in 260ms ease-out;transform-origin:center}
@keyframes card-turn-in{from{transform:perspective(900px) rotateY(-80deg);opacity:.45}to{transform:perspective(900px) rotateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.card-turn{animation:none}}
@media(max-width:600px){.card-navigation button{flex:0 0 auto}.card-help{gap:0}.study-panel .flashcard{min-height:240px}}

.card-toolbar{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin:12px 0}.card-toolbar .study-actions{margin:0;gap:4px}.card-toolbar button{font-size:13px;padding:6px 10px;min-height:44px;min-width:44px;line-height:1.2}.card-modes{gap:0!important;border:1px solid #72866a;border-radius:9px;overflow:hidden}.card-modes button{border:0;border-radius:0}.card-modes button[aria-pressed="true"]{background:#294330;color:white}.card-toolbar .card-navigation button{border-color:transparent;background:transparent}.card-toolbar .card-navigation button:hover{background:#e9efdf}
@media(max-width:600px){.card-toolbar .study-actions button{flex:0 0 auto}.card-toolbar{gap:8px 12px}.card-toolbar button{padding:6px 9px}}
#study-cards .study-controls{padding:0;background:transparent;margin:16px 0;gap:12px}#study-cards .study-controls label{font-size:12px;min-width:160px;flex:0 1 230px;gap:5px}#study-cards .study-controls select,#study-cards .study-controls button{font-size:13px;padding:6px 10px;min-height:44px}#study-cards .study-controls button{border-color:transparent;background:transparent}#study-cards .study-controls button:hover{background:#e9efdf}

/* Print downloads: self-contained spacing also outside .study-panel (formula view). */
.study-download{
  box-sizing:border-box;
  width:100%;
  gap:20px;
  padding:24px;
  margin:24px 0;
  border:1px solid #dce3d5;
  border-radius:14px;
  align-items:center;
}
.study-download>div{flex:1 1 18rem;min-width:0;}
.study-download strong{display:block;font-size:16px;line-height:1.4;}
.study-download p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#4d5c50;overflow-wrap:anywhere;}
.study-download a{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  min-height:48px;
  max-width:100%;
  padding:13px 20px;
  border:1px solid #294330;
  border-radius:10px;
  background:#294330;
  color:#fff;
  font-weight:600;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
  cursor:pointer;
  box-shadow:0 2px 4px #1830201a;
}
.study-download a:hover{background:#1d3524;border-color:#1d3524;box-shadow:0 3px 7px #18302026;}
.study-download a:active{background:#13291a;border-color:#13291a;box-shadow:none;}
.study-download a:focus-visible{outline:3px solid #2672b8;outline-offset:4px;}
@media(max-width:600px){
  .study-download{padding:18px 16px;gap:16px;margin:20px 0;align-items:stretch;}
  .study-download>div{flex-basis:100%;}
  .study-download a{width:100%;flex-basis:100%;}
}

/* iOS-style segmented mode selector: one track, one raised selected segment. */
.study-panel .card-toolbar .card-modes{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;gap:0!important;padding:3px;min-width:190px;max-width:100%;border:0;border-radius:13px;background:#e8ebe7;box-shadow:inset 0 1px 2px #253d3014;overflow:visible}
.study-panel .card-toolbar .card-modes::before{content:"";position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 6px)/2);border-radius:10px;background:#fff;box-shadow:0 1px 4px #253d3033,0 0 0 1px #253d3008;transition:transform 180ms ease;pointer-events:none}
.study-panel .card-toolbar .card-modes:has(#card-repeat[aria-pressed="true"])::before{transform:translateX(100%)}
.study-panel .card-toolbar .card-modes button{position:relative;min-width:0;min-height:44px;border:0;border-radius:10px;padding:6px 12px;background:transparent;color:#526052;font-size:13px;font-weight:500;white-space:nowrap;touch-action:manipulation}
.study-panel .card-toolbar .card-modes button[aria-pressed="true"]{background:transparent;color:#203b2b;font-weight:700}
.study-panel .card-toolbar .card-modes button:hover{color:#203b2b;background:transparent}
.study-panel .card-toolbar .card-modes button:focus-visible{outline:2px solid #427aaf;outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.study-panel .card-toolbar .card-modes::before{transition:none}}
@media(forced-colors:active){.study-panel .card-toolbar .card-modes{border:1px solid ButtonText}.study-panel .card-toolbar .card-modes::before{display:none}.study-panel .card-toolbar .card-modes button[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-3px;color:Highlight}}