:root{
  --sira-ink:#0E1116;--sira-panel:#151B23;--sira-paper:#F4EFE2;--sira-dim:#E9E2CF;
  --sira-gold:#E0B454;--sira-red:#C0392B;--sira-green:#2E5B41;--sira-fog:#A7B0A8;
}
html,body{overflow-x:clip;background:var(--sira-ink)}
.sf-tibeb{height:8px;background:repeating-linear-gradient(90deg,#E0B454 0 14px,#C0392B 14px 28px,#F4EFE2 28px 34px,#2E5B41 34px 48px)}
.rubric-first::first-letter{color:var(--sira-red);font-weight:700}
.paper-card{background:linear-gradient(175deg,#F7F2E3,#EFE7D2);color:#1A1710;border-radius:18px;box-shadow:0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.48);position:relative;overflow:hidden}
.paper-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 50% -10%,rgba(255,255,255,.32),transparent 55%)}
.ink-btn{background:var(--sira-red);color:#F7F2E3;font-weight:800;border-radius:13px;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
.ink-btn:hover{opacity:.94;box-shadow:0 10px 26px rgba(192,57,43,.22)}.ink-btn:active{transform:scale(.985)}
.ink-btn:disabled{opacity:.55;cursor:not-allowed}
.ghost-btn{border:1px solid rgba(244,239,226,.22);color:#E8E3D5;border-radius:12px;transition:background .2s ease,border-color .2s ease}.ghost-btn:hover{background:rgba(244,239,226,.07);border-color:rgba(244,239,226,.34)}
.gold-btn{background:var(--sira-gold);color:#17140c;border-radius:13px;font-weight:800;transition:transform .18s ease,filter .18s ease}.gold-btn:hover{filter:brightness(1.04)}.gold-btn:active{transform:scale(.985)}
.stamp{display:inline-block;background:var(--sira-red);color:#F7F2E3;font-family:Fraunces,serif;font-weight:700;padding:5px 13px;border-radius:7px;transform:rotate(-1.5deg);box-shadow:0 3px 10px rgba(192,57,43,.4)}
.course-hero-card{background:linear-gradient(145deg,rgba(24,57,46,.72),rgba(20,27,35,.96));border:1px solid rgba(224,180,84,.2);border-radius:20px}
.course-stat{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:12px;color:#D7DDD5}
.course-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.course-trust>div{padding:10px 11px;border-radius:12px;background:rgba(46,91,65,.18);border:1px solid rgba(114,175,145,.18);font-size:11px;color:#CFD8D0;line-height:1.35}
.creator-proof{display:flex;gap:12px;align-items:center;padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.creator-proof img,.creator-proof .avatar-fallback{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.creator-proof .avatar-fallback{display:flex;align-items:center;justify-content:center;background:#2E5B41;color:#F4EFE2;font-family:Fraunces,serif;font-weight:700;font-size:18px}
.curriculum-shell{background:linear-gradient(180deg,rgba(17,23,30,.95),rgba(14,17,22,.98));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:18px}
.curriculum-section{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}
.curriculum-section+.curriculum-section{margin-top:12px}
.curriculum-head{display:flex;justify-content:space-between;gap:16px;padding:15px 16px;background:rgba(255,255,255,.018)}
.lesson-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid rgba(255,255,255,.065)}
.lesson-row.is-preview{background:linear-gradient(90deg,rgba(46,91,65,.15),transparent)}
.lesson-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 8px;border-radius:999px;white-space:nowrap}
.lesson-badge.preview{background:rgba(92,173,128,.13);color:#91D7AF}.lesson-badge.locked{background:rgba(255,255,255,.05);color:#9ea7a2}
.preview-btn{font-size:11px;font-weight:800;color:#E0B454;border:1px solid rgba(224,180,84,.28);border-radius:9px;padding:7px 9px;margin-top:7px}.preview-btn:hover{background:rgba(224,180,84,.08)}
.preview-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.preview-summary span{font-size:11px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:#CCD3CD}
.course-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-outcome{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:rgba(46,91,65,.16);border:1px solid rgba(114,175,145,.14);font-size:13px;color:#D9DED8}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(4,7,10,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.modal-backdrop[hidden]{display:none}.preview-modal{width:min(820px,100%);max-height:min(86vh,850px);overflow:auto;background:#121820;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.65)}
.preview-frame{aspect-ratio:16/9;background:#070a0d;border-radius:14px;overflow:hidden}.preview-frame iframe,.preview-frame video,.preview-frame img{width:100%;height:100%;border:0;object-fit:contain}.preview-text{white-space:pre-line;line-height:1.7;color:#E4E8E3;font-size:15px}
.mobile-buybar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(14,17,22,.94);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.mobile-buybar .inner{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:680px;margin:0 auto}.mobile-buybar .price{font-family:Fraunces,serif;font-weight:700;color:#F4EFE2}.mobile-buybar button,.mobile-buybar a{padding:11px 15px;text-align:center}
.course-anchor-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.course-anchor-nav::-webkit-scrollbar{display:none}.course-anchor-nav a{white-space:nowrap;font-size:11px;font-weight:700;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:#C7CEC8}.course-anchor-nav a:hover{background:rgba(255,255,255,.05);color:#fff}
@media(max-width:767px){.course-trust{grid-template-columns:1fr}.course-outcomes{grid-template-columns:1fr}.mobile-buybar.show{display:block}body.has-mobile-buybar{padding-bottom:78px}.course-hero-card{border-radius:16px}.curriculum-shell{padding:14px}.lesson-row{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ink-btn,.gold-btn{transition:none}}

/* UI Phase 13.4.6 — course reviews & learning proof */
.course-review-shell{background:linear-gradient(180deg,rgba(16,22,28,.96),rgba(12,16,21,.99));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px}.course-review-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.course-review-score{min-width:150px;text-align:right;display:grid;justify-items:end;gap:3px}.course-review-score>strong{font:700 42px/1 Fraunces,serif;color:#F4EFE2}.course-review-score>span:last-child{font-size:10px;color:#A7B0A8}.course-review-stars{display:inline-flex;gap:2px;color:#4d5752}.course-review-stars span.on{color:#E0B454}.course-review-bars{display:grid;gap:6px;max-width:520px;margin-top:18px}.course-review-bars>div{display:grid;grid-template-columns:28px minmax(0,1fr) 26px;gap:8px;align-items:center}.course-review-bars span,.course-review-bars em{font-size:9px;color:#98A29D;font-style:normal}.course-review-bars i{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.course-review-bars b{display:block;height:100%;border-radius:inherit;background:#E0B454}.course-review-list{display:grid;gap:11px;margin-top:18px}.course-review-item{border:1px solid rgba(255,255,255,.075);border-radius:15px;padding:15px;background:rgba(255,255,255,.025)}.course-review-person{display:flex;align-items:center;gap:9px}.course-review-person img,.course-review-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.course-review-avatar{display:grid;place-items:center;background:#2E5B41;color:#F4EFE2;font:700 15px Fraunces,serif}.course-review-person>div{display:grid}.course-review-person strong{font-size:12px;color:#E7E4D9}.course-review-person small{font-size:9px;color:#8F9893}.course-review-rating{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 7px}.course-review-proof{font-size:9px;font-weight:800;border-radius:999px;padding:5px 7px}.course-review-proof.learning{background:rgba(74,130,99,.16);color:#92C4A5}.course-review-proof.completed{background:rgba(224,180,84,.13);color:#E4C978}.course-review-item>p{font-size:13px;line-height:1.6;color:#D7DDD7;margin:0}.course-review-item time{display:block;font-size:9px;color:#7D8882;margin-top:8px}.course-review-empty{margin-top:18px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;padding:22px;text-align:center;display:grid;gap:4px}.course-review-empty strong{font:650 17px Fraunces,serif;color:#E8E3D5}.course-review-empty span{font-size:10px;color:#8F9993}.course-review-item .course-review-stars{font-size:14px}
@media(max-width:767px){.course-review-head{display:block}.course-review-score{margin-top:14px;text-align:left;justify-items:start}.course-review-shell{padding:15px}}
