.ss-unit-tabs{display:flex;gap:8px;padding:18px clamp(16px,5vw,80px) 0}.ss-unit-tabs a{min-width:110px;padding:11px 20px;border:1px solid #d8bda9;border-radius:999px;background:#fbf5ec;color:var(--ink);text-align:center;text-decoration:none;font-weight:800;box-shadow:0 5px 12px rgba(112,66,44,.1)}.ss-unit-tabs a[aria-current=page]{background:#96593f;color:#fff;box-shadow:0 7px 16px rgba(112,66,44,.25)}
.ss-learning-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;padding:18px clamp(16px,5vw,80px) 65px}.ss-lesson-menu{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 122px);overflow:auto;border:1px solid #dcc7b4;border-radius:16px;background:linear-gradient(150deg,#fffdf8,#f4e9dc);box-shadow:0 13px 27px rgba(112,66,44,.13)}.ss-lesson-menu>.eyebrow,.ss-lesson-menu>h1,.ss-essential{margin-left:18px;margin-right:18px}.ss-lesson-menu h1{font-size:27px;line-height:1.05;margin-top:5px;margin-bottom:8px}.ss-essential{font-size:12px;line-height:1.45;color:#765f52;font-style:italic}.ss-lesson-menu nav{display:grid;gap:7px;padding:8px}.ss-lesson-menu button{display:grid;grid-template-columns:42px 1fr;gap:4px 9px;width:100%;padding:10px;text-align:left;border:1px solid #decbbb;border-radius:10px;background:linear-gradient(145deg,#fffdf8,#f8eee4);color:var(--ink);box-shadow:0 3px 8px rgba(112,66,44,.09);cursor:pointer}.ss-lesson-menu button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f0ded0;color:#96593f;font-size:11px;font-weight:800}.ss-lesson-menu button strong{font-size:12px}.ss-lesson-menu button small{font-size:9px;color:#79685e}.ss-lesson-menu button[aria-pressed=true]{border-color:#96593f;background:linear-gradient(135deg,#a66347,#70402e);color:#fff}.ss-lesson-menu button[aria-pressed=true] span{background:rgba(255,255,255,.15);color:#fff}.ss-lesson-menu button[aria-pressed=true] small{color:#f6e6da}
.ss-theory-stage,.ss-practice-stage{min-width:0}.ss-lesson>header,.ss-practice-top{margin-bottom:15px}.ss-lesson h2,.ss-practice-top h2{font-size:clamp(30px,4vw,45px);line-height:1.05;margin:6px 0 10px}.lesson-goal{max-width:820px;color:#65594f;line-height:1.55}.ss-concept-card,.ss-example,.ss-visual-card,.ss-benchmarks,.ss-sources,.ss-problem-card,.practice-note{border:1px solid #ddc9b8;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#f8eee4);box-shadow:0 11px 24px rgba(112,66,44,.1)}.ss-concept-card{padding:clamp(22px,4vw,38px)}.ss-concept-card h3,.ss-example h3{font:700 22px 'Fraunces',serif;margin:0 0 13px}.ss-concept-card li{margin:10px 0;line-height:1.55}.ss-example{display:flex;gap:17px;margin-top:15px;padding:22px}.ss-example>span{font-size:30px}.ss-example p{margin:0;line-height:1.6;color:#685b52}.ss-visual-card{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(210px,.8fr);overflow:hidden;margin:15px 0 0}.ss-visual-card img{display:block;width:100%;height:330px;object-fit:cover;background:#e7edf0}.ss-visual-card.is-map img{object-fit:contain;padding:10px;background:#e5edf2}.ss-visual-card figcaption{display:flex;flex-direction:column;justify-content:center;padding:22px;line-height:1.55}.ss-visual-card figcaption small{margin-top:9px;color:#806f63}.ss-visual-card a{color:#8a4e36;font-weight:700}.lesson-nav{display:flex;align-items:center;justify-content:space-between;margin:18px 0 38px}.lesson-nav button{padding:11px 15px;border:1px solid #d3b9a4;border-radius:10px;background:#fff;color:#8a4e36;font-weight:700;cursor:pointer}.lesson-nav button:disabled{opacity:.35}.ss-benchmarks{padding:25px}.ss-benchmarks h2{margin-top:0}.ss-benchmarks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ss-benchmarks span{display:flex;flex-direction:column;padding:13px;border-left:4px solid #c76d3b;background:#fff}.ss-benchmarks b{font-size:11px;color:#8a4e36;margin-bottom:4px}.ss-sources{margin-top:14px;padding:18px 22px}.ss-sources summary{cursor:pointer;font-weight:800}.ss-sources li{margin:14px 0}.ss-sources a{color:#8a4e36;font-weight:700}.ss-sources p{margin:3px 0;color:#76675e;font-size:12px}
.ss-media-card{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(220px,.75fr);overflow:hidden;margin-top:15px;border:1px solid #d2b39c;border-radius:16px;background:#3a261e;color:#fff;box-shadow:0 13px 27px rgba(75,43,28,.2)}.ss-video{position:relative;min-height:280px;background:#1d120e}.ss-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ss-video-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#1d120e;color:#fff;cursor:pointer;overflow:hidden}.ss-video-play img{width:100%;height:100%;object-fit:cover;opacity:.77;transition:transform .25s,opacity .25s}.ss-video-play span{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);min-width:max-content;padding:11px 16px;border-radius:999px;background:rgba(48,27,19,.92);font-weight:800}.ss-video-play b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#c76d3b}.ss-video-play:hover img{transform:scale(1.025);opacity:.9}.ss-media-card>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:24px}.ss-media-card .eyebrow{margin:0;color:#f1b18c}.ss-media-card h3{font:700 25px/1.1 'Fraunces',serif;margin:8px 0}.ss-media-card p{line-height:1.5;color:#f3e6dd}.ss-media-card .media-publisher{margin:0;font-size:11px;color:#d8bba9}.ss-media-card a{align-self:flex-start;color:#fff;font-size:12px;font-weight:700}
.ss-practice-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.ss-problem-card{padding:clamp(24px,5vw,48px)}.ss-problem-card h3{font:700 clamp(23px,3vw,34px)/1.3 'Fraunces',serif;margin:12px 0 20px}.benchmark-chip{display:inline-block;margin:10px 0 0;padding:6px 9px;border-radius:999px;background:#f0ded0;color:#8a4e36;font-size:10px;font-weight:800}.ss-question-visual{min-height:100px;display:grid;place-items:center;margin:12px 0;padding:18px;border:1px dashed #c9ad98;border-radius:12px;background:rgba(255,255,255,.58);font-size:18px;line-height:1.5;text-align:center}.ss-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.ss-choices button{min-height:58px;padding:13px;border:1px solid #d5bdab;border-radius:11px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 4px 9px rgba(112,66,44,.08)}.ss-choices button:hover{transform:translateY(-2px);border-color:#96593f}.ss-choices button:disabled{cursor:default;transform:none}.ss-choices button.correct{background:#dceee5;border-color:#39805e}.ss-choices button.wrong{background:#f8e3d8;border-color:#bd7655}.ss-problem-card .feedback{margin-top:14px;box-shadow:none}.practice-note{margin-top:14px;padding:16px;font-size:12px;color:#76675e}
@media(max-width:850px){.ss-learning-shell{grid-template-columns:1fr}.ss-lesson-menu{position:static;max-height:none}.ss-lesson-menu nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain}.ss-lesson-menu button{flex:0 0 175px}.ss-benchmarks>div{grid-template-columns:1fr}}
@media(max-width:680px){.ss-media-card,.ss-visual-card{grid-template-columns:1fr}.ss-video{min-height:0;aspect-ratio:16/9}.ss-visual-card img{height:280px}}
@media(max-width:560px){.ss-learning-shell{padding-left:12px;padding-right:12px}.ss-unit-tabs{overflow-x:auto}.ss-practice-top{align-items:flex-start;flex-direction:column}.ss-choices{grid-template-columns:1fr}}