/* Approved compact «Мои курсы» (ProMed handoff, deployed version 5). Scoped to the learner courses screen. */
.pm-courses{--sky:#00A6FB;--deep:#0077B6;--ink:#073B4C;--ice:#E6F6FF;--apricot:#FFB86B;--violet:#7C3AED;--mint:#DDF5EA;--butter:#FFF1B8;--lavender:#F0E9FF;--muted:#526B78;--border:#D7E5ED;color:var(--ink)}
.pm-courses .page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}
.pm-courses .page-intro h1{margin:0 0 9px;font-size:36px;font-weight:800}
.pm-courses .page-intro p:last-child{margin:0}
.pm-courses .eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;margin:0 0 12px;color:var(--muted)}
.pm-courses .course-package{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px;color:var(--muted)}
.pm-courses .course-package b{background:var(--apricot);color:var(--ink);padding:5px 13px;border-radius:8px}
.pm-courses .course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:940px}
.pm-courses .course-card{display:block;min-width:0;padding:0;margin:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:white;border:1px solid var(--border);border-radius:19px;overflow:hidden;box-shadow:0 4px 18px #073b4c04;transition:box-shadow .18s,border-color .18s,transform .18s;-webkit-tap-highlight-color:transparent}
.pm-courses .course-card:hover{transform:translateY(-2px);border-color:var(--deep);box-shadow:0 9px 24px #073b4c12;text-decoration:none}
.pm-courses .course-card:focus-visible{outline:3px solid var(--deep);outline-offset:4px}
.pm-courses .course-cover{display:block;height:133px;padding:20px 22px;position:relative;overflow:hidden;background:var(--ice)}
.pm-courses .bio .course-cover{background:var(--mint)}
.pm-courses .kyrgyz .course-cover{background:var(--lavender)}
.pm-courses .math .course-cover{background:var(--butter)}
.pm-courses .course-cover-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff9;color:var(--deep)}
.pm-courses .course-cover-icon svg{width:18px;height:18px}
.pm-courses .bio .course-cover-icon{color:#157347}
.pm-courses .kyrgyz .course-cover-icon{color:var(--violet)}
.pm-courses .math .course-cover-icon{color:#8c6611}
.pm-courses .course-cover-title{position:absolute;bottom:18px;left:22px;right:22px;font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.6px;z-index:1;overflow-wrap:anywhere}
.pm-courses .course-art{position:absolute;right:25px;top:9px;font-size:80px;font-weight:500;line-height:1.2;color:#0077b62b;transform:rotate(12deg);pointer-events:none}
.pm-courses .bio .course-art{color:#15734726;font-size:55px;top:24px}
.pm-courses .kyrgyz .course-art{color:#7c3aed22}
.pm-courses .math .course-art{color:#8c66112b}
.pm-courses .course-body{display:block;padding:16px 22px 20px;min-height:104px}
.pm-courses .course-current{display:block;font-size:12px;font-weight:700;color:var(--ink);margin-bottom:9px;overflow-wrap:anywhere}
.pm-courses .course-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-bottom:8px}
.pm-courses .course-arrow{display:flex}
.pm-courses .course-progress-label svg{width:17px;height:17px;color:var(--deep)}
.pm-courses .progress{display:block;height:5px;border-radius:4px;background:var(--ice);margin-top:8px;overflow:hidden}
.pm-courses .progress i{display:block;background:var(--sky);height:100%;border-radius:4px;transition:width .2s}
.pm-courses .bio .progress i{background:#157347}
/* Back link above a detail page (backLink() in src/core/ui.js) */
.pm-workspace .page-back{margin-bottom:18px}
@media(max-width:740px){
  .pm-courses .page-intro{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:22px}
  .pm-courses .page-intro h1{font-size:29px}
  .pm-courses .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:9px}
  .pm-courses .page-intro .muted{font-size:12px}
  .pm-courses .course-grid{gap:12px}
  .pm-courses .course-cover{height:113px;padding:15px}
  .pm-courses .course-cover-title{font-size:18px;left:15px;right:auto;bottom:15px;max-width:calc(100% - 26px)}
  .pm-courses .course-art{font-size:60px;right:8px;top:13px}
  .pm-courses .bio .course-art{font-size:34px;top:25px}
  .pm-courses .course-body{padding:13px 15px 15px;min-height:114px}
  .pm-courses .course-current{font-size:11px;min-height:33px;margin-bottom:5px;line-height:1.5}
  .pm-courses .course-progress-label{font-size:9px;align-items:flex-start;line-height:1.5}
  .pm-courses .course-progress-label>span{flex-shrink:0}
  .pm-courses .course-package{font-size:11px}
}
@media(max-width:350px){
  .pm-courses .course-grid{grid-template-columns:1fr}
  .pm-courses .course-body,.pm-courses .course-current{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .pm-courses .course-card{transition:none}
  .pm-courses .course-card:hover{transform:none}
}