/* C4 — lightweight study page; intentionally separate from mobile battle docks. */
body[data-screen="study"] main{max-width:1100px;padding-bottom:55px}
#view-study{color:#173f56}
#view-study .study-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
#view-study .study-heading h1{font-size:clamp(25px,3.3vw,38px);letter-spacing:-.6px;color:#fff5d8;text-shadow:0 2px 7px #16364c66;margin:6px 0}
#view-study .study-heading .eyebrow,#view-study .study-heading p{color:#edfcff}
#view-study .study-heading p{font-size:13px;line-height:1.5}
#view-study .study-heading button{flex-shrink:0}
#view-study .study-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
#view-study .study-metric,#view-study .study-panel{border:1px solid #d6e9ea;border-radius:13px;background:rgba(251,255,255,.97);box-shadow:0 5px 17px #153e5415}
#view-study .study-metric{padding:18px;text-align:center;display:flex;flex-direction:column;gap:6px}
#view-study .study-metric strong{font-size:clamp(25px,3vw,38px);color:#178a8a;line-height:1.2;font-variant-numeric:tabular-nums}
#view-study .study-metric span{font-size:13px;color:#426778}
#view-study .study-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}
#view-study .study-panel{padding:18px 20px;margin-bottom:15px}
#view-study .study-columns .study-panel{margin-bottom:0}
#view-study .study-panel h2{font-size:20px;color:#19485d;margin:0}
#view-study .study-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px}
#view-study .study-date{font-size:12px;color:#608293}
#view-study .study-intro{font-size:12px;color:#66828b;line-height:1.55;margin:6px 0 13px}
#view-study .study-missions{display:grid;gap:10px}
#view-study .study-mission{background:#f2fbfa;border:1px solid #e0eff0;border-radius:10px;padding:11px 13px}
#view-study .study-mission-top{display:flex;justify-content:space-between;gap:9px;margin-bottom:4px}
#view-study .study-mission strong{font-size:14px;color:#26586a}
#view-study .study-mission span{font-size:12px;color:#386a7c;font-variant-numeric:tabular-nums}
#view-study .study-mission p{font-size:11px;color:#71828c;margin:0 0 8px}
#view-study .study-bar{height:8px;background:#dfedf0;border-radius:999px;overflow:hidden}
#view-study .study-bar>span{display:block;height:100%;background:#23ae91;border-radius:inherit}
#view-study .study-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;min-height:158px}
#view-study .study-day{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;height:155px}
#view-study .study-day .count{font-size:11px;color:#477788}
#view-study .study-day .bar{display:block;width:min(35px,100%);height:var(--bar-h);min-height:4px;border-radius:6px 6px 3px 3px;background:#55c6ad}
#view-study .study-day .day-label{font-size:11px;color:#69818c}
#view-study .study-grade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view-study .study-grade{padding:13px 14px;background:#f5fbfa;border:1px solid #e3eeef;border-radius:10px;display:grid;gap:7px}
#view-study .study-grade-title{font-weight:850;font-size:15px;color:#265368}
#view-study .study-grade-numbers{font-size:12px;color:#5d7c86}
#view-study .study-privacy p{color:#5b7882;font-size:13px;line-height:1.5}
#view-study .study-backup-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
#view-study button{border-radius:10px;min-height:43px;box-shadow:none}
#view-study button:focus-visible,#home-study:focus-visible,#nav-study:focus-visible{outline:3px solid #ffdb6d;outline-offset:3px}
#view-study .hidden{display:none}
#view-home .home-study-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;padding:13px 16px;border:1px solid #cfe8e2;background:#f5fffaed;border-radius:12px}
#view-home .home-study-link strong{color:#1d665e;font-size:16px}
#view-home .home-study-link p{color:#537482;font-size:12px;margin:4px 0 0}
#view-home #home-study{flex-shrink:0;background:#20a48c;border:0;color:#fff;padding:10px 14px;border-radius:9px;font-weight:850;min-height:42px}
@media(max-width:750px){
 #view-study .study-columns{grid-template-columns:1fr;gap:10px}
 #view-study .study-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #view-study .study-grade-list{grid-template-columns:1fr}
 #view-study .study-panel{padding:14px;margin-bottom:10px}
 #view-study .study-metric{padding:14px 9px}
 #view-study .study-heading{align-items:flex-start;flex-direction:column;gap:7px}
 #view-study .study-heading h1{margin:2px 0}
 #view-home .home-study-link{align-items:flex-start;flex-wrap:wrap}
 #view-home #home-study{width:100%}
}
@media(prefers-reduced-motion:reduce){#view-study *{animation:none!important;transition:none!important}}

/* Optional short practice is a setting, not a second battle CTA. */
#view-learning .short-session-option{display:flex;align-items:center;gap:10px;max-width:470px;
 padding:11px 13px;margin:10px 0 18px;background:#f2faf7;border:1px solid #d1e9df;
 border-radius:10px;color:#1f5b5c;cursor:pointer}
#view-learning .short-session-option input{width:20px;height:20px;flex-shrink:0;accent-color:#168e78}
#view-learning .short-session-option span{display:flex;flex-direction:column;gap:3px}
#view-learning .short-session-option strong{font-size:14px}
#view-learning .short-session-option small{font-size:12px;color:#66808b}
#view-learning .short-session-option:focus-within{outline:2px solid #edca62;outline-offset:2px}