/* Nadiya Academy v0.8.2 visual refresh — exercises only, preserve site homepage */
:root{--na-green:#184b3c;--na-mint:#e8f2ec;--na-gold:#c99d41;--na-ink:#18382e}
body{background:radial-gradient(circle at 90% 0%,#eef7f1 0%,transparent 35%),#f5f7f5;color:var(--na-ink)}
.nav{background:linear-gradient(95deg,#0f302b,#17483b);box-shadow:0 3px 12px #08251b13}
.nav .logo{letter-spacing:-.3px}
main{max-width:1120px}
.hero{background:radial-gradient(circle at 95% 10%,#437b6355 0,transparent 44%),linear-gradient(115deg,#133d31,#174d45 65%,#1c4e59);box-shadow:0 13px 32px #082b2330;position:relative;overflow:hidden}
.hero:after{content:"✦";position:absolute;right:24px;top:10px;font-size:115px;color:#eecb7250;pointer-events:none}
.hero h1{letter-spacing:-1.2px}
.training-label{display:flex;align-items:center;gap:8px;margin:22px 0 0;font-size:11px;font-weight:850;letter-spacing:1.3px;color:#315c4d}
.training-sub{margin-left:auto;font-size:11px;color:#667e72;letter-spacing:0}
.learning-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#50a67a;box-shadow:0 0 0 4px #dcefe4}
.chooser{background:#fff;border:1px solid #e0eae3;border-radius:17px;padding:16px;margin:12px 0;box-shadow:0 4px 17px #132f1e0a}
.chooser label{color:#3e6b55;letter-spacing:.2px}
.chooser select{background:#f8fbf9;border:1px solid #d7e4da;font-size:14px;font-weight:600;min-height:47px;cursor:pointer}
.chooser select:focus-visible,.btn:focus-visible,.tabs button:focus-visible,.option:focus-within{outline:3px solid #d0ab54;outline-offset:2px}
.intro{border-color:#dbe8df;box-shadow:0 7px 25px #1b43300e}
.intro h2{font-size:clamp(19px,3vw,26px)}
.stat{background:#eff6f0;border-radius:12px;padding:10px 14px;font-size:12px;white-space:normal;max-width:320px}
.exercise-hint{font-size:12px;font-weight:750;color:#4b7764;display:flex;justify-content:space-between;gap:10px;margin:15px 4px 7px}
.exercise-hint span{font-weight:500;color:#7a8d7f}
.tabs{padding:3px 0 4px}
.tabs button{border-radius:12px;background:#fff;border:1px solid #d8e5db;box-shadow:0 2px 9px #132b1a08;transition:background .18s,transform .18s,box-shadow .18s}
.tabs button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #183b2515}
.tabs button.active{background:linear-gradient(120deg,#154a38,#247359);border-color:transparent;box-shadow:0 5px 13px #164c3b33}
.work{border-radius:19px;border:1px solid #dce9df;box-shadow:0 9px 32px #17372412;min-height:300px;overflow:hidden}
.work h2{font-size:clamp(21px,3.3vw,29px);letter-spacing:-.4px;line-height:1.4}
.work h3{font-size:18px;line-height:1.5;margin-top:22px}
.read-toolbar{padding:10px 13px;background:#eef6ef;border:1px solid #dfeddf;border-radius:13px}
.passage{background:#f7faf7;border:1px solid #e0eee1;border-left:4px solid #53a07a;border-radius:14px;font-size:17px;line-height:1.9;max-width:76ch;white-space:pre-line}
.option{border-radius:12px;border:1px solid #dce8df;transition:background .15s,border-color .15s;margin:8px 0;cursor:pointer;background:#fff;padding:13px 15px}
.option:hover,.option:has(input:checked){border-color:#5eaa81;background:#eff8f0}
.feedback{border-radius:13px;border-left:4px solid #4c996d;background:#ecf7ee;padding:15px 17px;margin:16px 0;line-height:1.7}
.feedback.bad{background:#fff5eb;border-color:#d49a59}
.btn{border-radius:11px;transition:transform .15s,box-shadow .15s}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 11px #163a281c}
.btn.primary{background:linear-gradient(110deg,#13533f,#26775b);border-color:transparent}
.flash{background:radial-gradient(circle at 85% 15%,#e6f3eb,#f8fcf8 65%);border:2px solid #d6e8db;box-shadow:0 6px 25px #17352210;border-radius:18px}
.nga-recommend{border-radius:12px;background:#f7faf8;padding:12px 15px;border:1px solid #e0ebdf}
@media(max-width:670px){main{padding:9px 10px 28px}.hero{padding:10px 13px;box-shadow:none}.hero:after{display:none}.training-label{margin:10px 2px 0;font-size:10px}.training-sub{display:none}.chooser{padding:8px;margin:7px 0;border-radius:12px}.chooser select{min-height:39px;font-size:12px}.intro{padding:8px 11px}.intro h2{font-size:16px}.exercise-hint{display:none}.tabs{position:sticky;top:0;z-index:23;padding:7px 0;background:#f5f7f5;scroll-margin-top:0}.tabs button{min-height:41px}.work{margin:2px 0;padding:14px 12px;border-radius:12px;min-height:260px}.work h2{font-size:21px}.passage{font-size:15px;line-height:1.8;padding:13px;border-left-width:3px}.option{padding:12px 10px}.read-toolbar{padding:8px}.feedback{padding:11px}.hero h1{font-size:17px}.stat{display:none}}
@media(prefers-reduced-motion:reduce){.tabs button,.btn,.option{transition:none}}