/* V33 Story of Karbala */
.k33-hero{background:#0a3328;color:white}.k33-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:45px 0}.k33-hero h1{font-size:clamp(38px,5vw,74px);margin:0 0 18px;color:white}.k33-hero p{max-width:600px;color:#dceadf}.k33-eyebrow{font-size:11px;color:#e2c98c!important;letter-spacing:.2em;font-weight:bold}.k33-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;box-shadow:0 18px 48px #0003}.k33-badges{display:flex;flex-wrap:wrap;gap:10px}.k33-badges span{font-size:12px;border:1px solid #8aa99c;border-radius:40px;padding:5px 12px}.k33-wrap{padding-top:30px;padding-bottom:60px}.k33-notice{background:#f3efe3;border-left:4px solid #b59a60;border-radius:10px;padding:17px 21px;color:#4b5446;font-size:14px;line-height:1.75}.k33-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.k33-mode button{background:#fff;border:1px solid #cdd9c8;border-radius:14px;min-height:78px;padding:14px;font-size:16px;font-weight:bold;text-align:left;color:#204739}.k33-mode button small{display:block;font-size:12px;font-weight:normal;color:#526b5d}.k33-mode button[aria-pressed=true]{border-color:#1b6048;background:#e6f0e4;box-shadow:inset 0 0 0 2px #1b6048}.k33-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 242px;gap:20px;align-items:start}.k33-chapters,.k33-reader,.k33-sidebar{border:1px solid #dae2d5;background:#fff;border-radius:17px;padding:20px;min-width:0}.k33-chapters h2,.k33-sidebar h2{font-size:25px}.k33-chapters p,.k33-sidebar p{font-size:13px;line-height:1.8;color:#506558}.k33-chapters button{width:100%;padding:11px;text-align:left;border:1px solid #d5e0d3;background:#f9faf6;color:#1b4233;border-radius:10px;font-size:13px;margin-bottom:9px}.k33-chapters button[aria-current=true]{background:#0e4b39;color:#fff;border-color:#0e4b39}.k33-overline,.k33-category{font-size:12px;color:#79652b;letter-spacing:.08em;font-weight:bold}.k33-reader h2{font-size:clamp(32px,3vw,46px);margin:7px 0 10px}.k33-reader>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;margin:18px 0}.k33-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e0e7da}.k33-toolbar button,.k33-controls button,#k33-complete{min-height:44px;background:#0b4938;color:white;border:1px solid #0b4938;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:bold}.k33-toolbar button:nth-child(2),.k33-toolbar button:nth-child(3),#k33-complete{background:white;color:#0b4938}.k33-toolbar label{font-size:12px;font-weight:bold}.k33-toolbar select{min-height:42px;border:1px solid #bdcbb9;border-radius:6px;padding:6px;background:white}.k33-toolbar span{width:100%;font-size:12px;color:#5d715e}.k33-text p{color:#344f43;line-height:1.95;font-size:16px;margin:18px 0}.k33-lesson{border-radius:12px;background:#eff4e9;padding:20px;margin:25px 0}.k33-lesson h3{font:24px Georgia,serif;margin:0 0 5px}.k33-lesson p{font-size:14px;color:#375647}.k33-references{padding:14px;background:#faf7ee;border:1px solid #e3dac4;border-radius:11px;font-size:13px}.k33-references summary{font-weight:bold;cursor:pointer}.k33-references p{margin:10px 0 0}.k33-references a{text-decoration:underline}.k33-controls{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.k33-controls span{font-size:13px;font-weight:bold}.k33-controls button:disabled{opacity:.4;cursor:default}#k33-complete{margin-top:15px;width:100%}#k33-complete[aria-pressed=true]{background:#e2eddf}.k33-sidebar h3{font-size:17px;margin:24px 0 10px}.k33-sidebar a{display:block;padding:10px 0;border-top:1px solid #e1e7dc;font-size:12px;font-weight:bold}.k33-bottom{padding-top:52px}.k33-bottom h2{font-size:clamp(30px,3vw,43px)}.k33-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.k33-links a{padding:20px;border:1px solid #d8e1d4;background:#fff;border-radius:12px;font-weight:bold}.k33-links a span{float:right}.k33-sidebar{position:sticky;top:115px}@media(max-width:1130px){.k33-layout{grid-template-columns:200px minmax(0,1fr)}.k33-sidebar{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:7px 22px}.k33-sidebar h2,.k33-sidebar h3{grid-column:1/-1}.k33-sidebar a{min-width:0}}@media(max-width:740px){.k33-hero-inner,.k33-layout{grid-template-columns:1fr}.k33-mode{grid-template-columns:1fr}.k33-hero-inner{padding:32px 0}.k33-reader,.k33-chapters,.k33-sidebar{padding:16px}.k33-sidebar{display:block}.k33-links{grid-template-columns:1fr}.k33-controls button{flex:1;font-size:11px}.k33-chapters #k33-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.k33-chapters button{margin:0}.k33-hero h1{font-size:42px}.k33-toolbar button{flex:1}}
@media(prefers-reduced-motion:reduce){.k33-layout *{scroll-behavior:auto!important}}