.university-workshop-section { --uw-green:#347b5b; --uw-soft:#eaf4e8; --uw-panel:#fff; --uw-ink:#263a2c; --uw-muted:#68796b; --uw-border:#dfe8dc; color:var(--uw-ink); }
.university-workshop-section[hidden],.university-workshop-panel[hidden] { display:none!important; }
.university-workshop-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 20px; }
.university-workshop-heading h2 { margin:0 0 7px; font:800 clamp(24px,3vw,34px)/1.15 var(--display); letter-spacing:-.045em; }
.university-workshop-heading p { max-width:680px; margin:0; color:var(--uw-muted); font-size:14px; line-height:1.65; }
.university-workshop-kicker,.uw-eyebrow { display:block; margin-bottom:8px; color:var(--uw-green); font-size:10px; font-weight:800; letter-spacing:.15em; }
.university-workshop-mark { display:grid; place-items:center; flex:none; width:54px; height:54px; border:1px solid var(--uw-border); border-radius:17px; background:var(--uw-soft); color:var(--uw-green); font-size:28px; }
.university-workshop-tabs { display:flex; gap:8px; margin:0 0 16px; border-bottom:1px solid var(--uw-border); }
.university-workshop-tabs button { position:relative; border:0; border-radius:10px 10px 0 0; background:transparent; color:var(--uw-muted); padding:12px 16px; font:700 13px var(--font); cursor:pointer; }
.university-workshop-tabs button.is-active { background:var(--uw-soft); color:var(--uw-green); }
.university-workshop-tabs button:focus-visible,.university-workshop-section button:focus-visible { outline:3px solid #63a37a; outline-offset:2px; }
.university-workshop-panel { animation:uw-rise .28s ease both; }
@keyframes uw-rise { from { opacity:0; transform:translateY(7px) } to { opacity:1; transform:translateY(0) } }
.uw-intro-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:18px 0 13px; }
.uw-intro-row h3 { margin:0 0 4px; font:750 19px/1.3 var(--display); letter-spacing:-.03em; }
.uw-intro-row p { margin:0; color:var(--uw-muted); font-size:12px; line-height:1.6; }
.uw-counter { display:grid; place-items:center; min-width:54px; height:34px; border-radius:20px; background:var(--uw-soft); color:var(--uw-green); font-size:12px; font-weight:800; }
.uw-math-card,.uw-essay-card { padding:clamp(18px,3vw,28px); border:1px solid var(--uw-border); border-radius:18px; background:var(--uw-panel); box-shadow:0 12px 28px rgba(30,60,38,.05); }
.uw-topic { display:inline-flex; margin-bottom:12px; color:var(--uw-green); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.uw-math-card h4,.uw-essay-card h4 { margin:0; font:700 clamp(17px,2vw,21px)/1.55 var(--font); }
.uw-solution { margin-top:22px; padding-top:18px; border-top:1px solid var(--uw-border); animation:uw-rise .25s ease both; }
.uw-solution[hidden] { display:none!important; }
.uw-answer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; padding:13px 15px; border:1px solid var(--uw-border); border-radius:12px; background:var(--uw-soft); }
.uw-answer span { color:var(--uw-muted); font-size:10px; font-weight:800; letter-spacing:.12em; }
.uw-answer strong { color:var(--uw-green); font:800 20px var(--display); }
.uw-solution ol { list-style:none; counter-reset:uw-step; margin:0; padding:0; display:grid; gap:10px; }
.uw-solution li { counter-increment:uw-step; position:relative; padding:13px 15px 13px 52px; border:1px solid var(--uw-border); border-radius:12px; background:var(--uw-panel); }
.uw-solution li::before { content:counter(uw-step); position:absolute; left:14px; top:14px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--uw-soft); color:var(--uw-green); font-size:12px; font-weight:800; }
.uw-solution li b { display:block; margin-bottom:4px; font-size:13px; }
.uw-solution li p { margin:0; color:var(--uw-muted); font-size:13px; line-height:1.65; }
.uw-math-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; }
.uw-math-actions>div { display:flex; gap:8px; }
.uw-primary,.uw-secondary { min-height:42px; padding:10px 15px; border:1px solid var(--uw-border); border-radius:10px; font:700 12px var(--font); cursor:pointer; transition:transform .18s,background .18s,border-color .18s; }
.uw-primary { border-color:var(--uw-green); background:var(--uw-green); color:#fff; }
.uw-secondary { background:var(--uw-panel); color:var(--uw-ink); }
.uw-primary:hover,.uw-secondary:hover:not(:disabled) { transform:translateY(-1px); }
.uw-secondary:disabled { opacity:.45; cursor:not-allowed; }
.uw-coach-note { display:flex; align-items:flex-start; gap:9px; margin:13px 2px 0; color:var(--uw-muted); font-size:12px; line-height:1.6; }
.uw-coach-note span { color:var(--uw-green); }
.uw-prompt-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:16px 0; }
.uw-prompt-choice { display:flex; align-items:center; gap:11px; min-height:55px; padding:10px 13px; border:1px solid var(--uw-border); border-radius:12px; background:var(--uw-panel); color:var(--uw-ink); text-align:left; font:600 12px var(--font); cursor:pointer; transition:transform .18s,border-color .18s,background .18s; }
.uw-prompt-choice:hover { transform:translateY(-1px); border-color:#92b99a; }
.uw-prompt-choice.is-selected { background:var(--uw-soft); border-color:#8eb89a; }
.uw-prompt-choice>span { color:var(--uw-green); font-size:10px; font-weight:800; }
.uw-prompt-choice>i { margin-left:auto; color:var(--uw-green); font-style:normal; }
.uw-essay-card { margin-top:13px; }
.uw-essay-card h4 { max-width:850px; }
.uw-essay-card p { margin:12px 0 18px; color:var(--uw-muted); font-size:13px; line-height:1.65; }
.university-workshop-sources { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-top:18px; padding:15px 0 4px; border-top:1px solid var(--uw-border); color:var(--uw-muted); font-size:11px; }
.university-workshop-sources b { flex-basis:100%; color:var(--uw-ink); font-size:12px; }
.university-workshop-sources>span { flex-basis:100%; line-height:1.5; }
.university-workshop-sources a { color:var(--uw-green); font-weight:700; text-decoration:none; }
.university-workshop-sources a:hover { text-decoration:underline; }
.university-workshop-sources small { flex-basis:100%; margin-top:4px; color:var(--uw-muted); font-size:10px; }
html[data-theme="dark"] .university-workshop-section { --uw-green:#84c99b; --uw-soft:#24392d; --uw-panel:#1b251e; --uw-ink:#e7efe8; --uw-muted:#b5c1b7; --uw-border:#34473a; }
html[data-theme="dark"] .uw-math-card,html[data-theme="dark"] .uw-essay-card { box-shadow:0 12px 28px rgba(0,0,0,.12); }
@media(max-width:650px) { .university-workshop-heading { align-items:flex-start; gap:12px; } .university-workshop-heading p { font-size:12px; } .university-workshop-mark { width:42px; height:42px; border-radius:13px; font-size:23px; } .uw-prompt-list { grid-template-columns:1fr; } .uw-intro-row h3 { font-size:17px; } .uw-math-actions { align-items:stretch; } .uw-math-actions>.uw-primary { width:100%; } .uw-math-actions>div { width:100%; } .uw-math-actions>div button { flex:1; } }
@media(prefers-reduced-motion:reduce) { .university-workshop-panel,.uw-solution { animation:none; } .uw-primary,.uw-secondary,.uw-prompt-choice { transition:none; } }