/* Detailed Sublessons */
.detailed-sublesson-page{display:grid;gap:18px}
.sublesson-hero{background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.18),transparent 34%),radial-gradient(circle at 86% 15%,rgba(34,197,94,.12),transparent 32%),linear-gradient(180deg,rgba(15,23,42,.97),rgba(2,6,23,.97));border:1px solid rgba(56,189,248,.34);border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:0 30px 90px rgba(0,0,0,.34)}
.sublesson-hero h2{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 14px;background:linear-gradient(90deg,#f8fafc,#7dd3fc,#86efac);-webkit-background-clip:text;background-clip:text;color:transparent}
.sublesson-hero p,.sublesson-section p,.sublesson-section li{color:#dbeafe;line-height:1.75;font-size:16px}
.sublesson-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}
.sublesson-meta-card{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:14px}
.sublesson-meta-card span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}
.sublesson-meta-card strong{color:#7dd3fc;font-size:18px;line-height:1.22}
.sublesson-section{background:linear-gradient(180deg,rgba(15,23,42,.93),rgba(8,13,29,.93));border:1px solid rgba(148,163,184,.18);border-radius:24px;padding:clamp(20px,3vw,30px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 54px rgba(0,0,0,.24)}
.sublesson-section h3{color:#7dd3fc;font-size:28px;margin-bottom:12px;letter-spacing:-.035em}
.sublesson-section h4{color:#fde68a;font-size:19px;margin:16px 0 8px}
.sublesson-section ul,.sublesson-section ol{margin:12px 0 0 22px}
.sublesson-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.sublesson-callout{background:rgba(56,189,248,.10);border:1px solid rgba(56,189,248,.34);border-radius:16px;padding:16px;color:#dbeafe;line-height:1.65}
.sublesson-callout.gold{background:rgba(250,204,21,.10);border-color:rgba(250,204,21,.38);color:#fde68a}
.sublesson-callout.red{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.34);color:#fecaca}
.sublesson-rubric-table{width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden;margin-top:12px}
.sublesson-rubric-table th,.sublesson-rubric-table td{border:1px solid rgba(148,163,184,.16);padding:12px;color:#dbeafe;text-align:left;vertical-align:top;line-height:1.5}
.sublesson-rubric-table th{background:rgba(56,189,248,.12);color:#7dd3fc;font-weight:900}
.sublesson-textarea{width:100%;min-height:180px;background:rgba(2,6,23,.82);border:1px solid rgba(148,163,184,.24);color:#f8fafc;border-radius:16px;padding:14px;line-height:1.65;resize:vertical}
.sublesson-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sublesson-code{background:#020617;border:1px solid rgba(148,163,184,.24);color:#86efac;border-radius:16px;padding:16px;overflow-x:auto;line-height:1.55;margin-top:10px}
@media(max-width:760px){.sublesson-hero h2{font-size:42px}.sublesson-section{padding:18px}}