/* Shared syllabus document. The PNG export uses this exact stylesheet. */
.syllabus-document{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:44px 48px 56px;background:#fff;color:#26222a;font-family:'Spoqa Han Sans Neo',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;font-size:15px;font-weight:400;line-height:1.75;letter-spacing:-.025em;word-break:keep-all}
.syllabus-document *{box-sizing:border-box}
.syllabus-document :is(h2,h3,p){margin:0;padding:0}
.syllabus-banner{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:32px;min-height:230px;padding:30px 38px;border-radius:22px;background:#fff0f4}
.syllabus-banner-copy{min-width:0}
.syllabus-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.syllabus-badges span{display:inline-flex;align-items:center;min-height:27px;padding:2px 14px;border-radius:20px;background:#ec658c;color:#fff;font-size:12px;font-weight:700;line-height:1.6}
.syllabus-document .syllabus-subject{margin-bottom:5px;color:#55454c;font-size:18px;font-weight:500}
.syllabus-document .syllabus-heading{font-size:32px;font-weight:700;line-height:1.45;letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:wrap}
.syllabus-teacher{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;text-align:center}
.syllabus-profile{display:grid;place-items:center;width:108px;height:108px;border:1px solid #ded8dc;border-radius:50%;background:#f5f3f4;color:#a49ca2;overflow:hidden}
.syllabus-profile svg{display:block;width:76px;height:76px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.syllabus-teacher p{font-size:17px;font-weight:700;color:#43363e;overflow-wrap:anywhere}
.syllabus-section{margin-top:36px}
.syllabus-document .syllabus-section-title{display:flex;align-items:center;gap:13px;margin:0 0 20px;font-size:25px;font-weight:700;line-height:1.5;letter-spacing:-.04em}
.syllabus-section-title:before{content:'';flex:0 0 5px;width:5px;height:23px;border-radius:1px;background:#e85d85}
.syllabus-overview{width:100%;margin:0;border-collapse:collapse;table-layout:fixed;border:1px solid #e3dce0;font-size:14px;line-height:1.75}
.syllabus-overview caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.syllabus-overview .syllabus-label-col{width:14%}
.syllabus-overview :is(th,td){height:66px;padding:17px 20px;border:1px solid #e3dce0;vertical-align:middle;text-align:left;overflow-wrap:anywhere}
.syllabus-overview th{background:#fff5f8;color:#56434c;font-weight:700;white-space:nowrap;text-align:center}
.syllabus-overview td{color:#59525a;font-weight:400}
.syllabus-features>p,.syllabus-donation>p{margin:0;padding-left:18px;font-size:15px;line-height:1.9;color:#575159}
.syllabus-donation{padding-top:1px}
.syllabus-modal{width:min(1160px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100% - 40px);overflow:auto}
.syllabus-modal #modal-content{padding:0}
.syllabus-modal .modal-close{background:rgba(255,255,255,.94);color:#45454d}
.syllabus-modal .modal-close:hover{background:#f0edf0;color:#15121a}
.syllabus-image-view{min-width:0;background:#fff}
.syllabus-image-view img{display:block;width:100%;max-width:100%;height:auto}
@media(max-width:760px){
  .syllabus-document{padding:24px 20px 32px;font-size:13px}
  .syllabus-banner{grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:25px 24px;border-radius:15px}
  .syllabus-badges{margin-bottom:15px;gap:6px}
  .syllabus-badges span{min-height:24px;padding:2px 11px;font-size:11px}
  .syllabus-document .syllabus-subject{font-size:15px}
  .syllabus-document .syllabus-heading{font-size:25px}
  .syllabus-teacher{flex-direction:row;gap:12px;text-align:left}
  .syllabus-profile{flex-shrink:0;width:54px;height:54px}
  .syllabus-profile svg{width:40px;height:40px}
  .syllabus-teacher p{font-size:14px}
  .syllabus-section{margin-top:28px}
  .syllabus-document .syllabus-section-title{gap:10px;margin-bottom:15px;font-size:21px}
  .syllabus-section-title:before{flex-basis:4px;width:4px;height:20px}
  .syllabus-overview{display:block;border:0;font-size:12px}
  .syllabus-overview colgroup{display:none}
  .syllabus-overview tbody{display:block;border-top:1px solid #e3dce0;border-left:1px solid #e3dce0}
  .syllabus-overview tr{display:grid;grid-template-columns:88px minmax(0,1fr)}
  .syllabus-overview :is(th,td){display:flex;align-items:center;min-height:51px;height:auto;padding:12px 10px;border:0;border-right:1px solid #e3dce0;border-bottom:1px solid #e3dce0}
  .syllabus-overview th{justify-content:center}
  .syllabus-features>p,.syllabus-donation>p{padding-left:14px;font-size:13px}
  .syllabus-modal{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:calc(100% - 24px);border-radius:12px}
}
@media(max-width:380px){
  .syllabus-document{padding-right:14px;padding-left:14px}
  .syllabus-banner{padding:22px 16px}
  .syllabus-overview tr{grid-template-columns:75px minmax(0,1fr)}
  .syllabus-overview :is(th,td){padding:11px 8px;font-size:11px}
}
