/* Grade 12 English Studio · colourful whole-site refresh */
:root{--rainbow-green:#13795b;--rainbow-blue:#2f78a4;--rainbow-violet:#7156a6;--rainbow-coral:#df735b;--rainbow-gold:#d79b25;--rainbow-rose:#bd5f83;--rainbow-ink:#173b39}
body{background:linear-gradient(180deg,#f8fcf4 0,#fff9ed 36%,#f7f4fc 72%,#eef8f7 100%);color:var(--rainbow-ink)}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 7% 12%,#f4c95d22 0 130px,transparent 132px),radial-gradient(circle at 92% 29%,#7bc8de20 0 180px,transparent 182px),radial-gradient(circle at 14% 75%,#b991d51c 0 170px,transparent 172px)}
header{background:#fffffff0;border-bottom:1px solid #cadbd3;box-shadow:0 8px 28px #194c3d12;backdrop-filter:blur(12px)}.brand{color:#155b4b;font-weight:900;letter-spacing:-.02em}.school-logo{filter:drop-shadow(0 4px 7px #20483922)}header nav{gap:7px}header nav a,header nav button{border:1px solid transparent!important;border-radius:999px!important;padding:8px 11px!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}header nav a:hover,header nav button:hover{background:#e9f4ee!important;border-color:#b6d4c5!important;box-shadow:0 4px 12px #1b503619;transform:translateY(-2px)}header nav .badge{background:linear-gradient(135deg,#1f8062,#357e9c);color:#fff;border:0;box-shadow:0 5px 13px #215d4e2b}
.hero{position:relative;overflow:hidden;border-radius:0 0 34px 34px;background:linear-gradient(125deg,#f0f8e4 0%,#fff7dc 42%,#e8f5fb 72%,#f1e9fa 100%);border-bottom:1px solid #d9e5d4}.hero::before{content:'';position:absolute;width:340px;height:340px;border:70px solid #ffffff5c;border-radius:50%;right:-120px;top:-190px}.hero h1{background:linear-gradient(95deg,#125943,#286f8f 55%,#72539e);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .primary{background:linear-gradient(135deg,#176c54,#2e7c8f);box-shadow:0 9px 22px #1c625137;border:0}.study-passport{background:linear-gradient(145deg,#153f38 0%,#1d6257 48%,#315f79 100%);box-shadow:14px 14px 0 #f1d58a,0 20px 45px #143d3430}.study-passport button{background:linear-gradient(135deg,#f5df8c,#d9eda8);box-shadow:0 5px 15px #0b2f282b}
.overview{padding:24px;border-radius:20px;background:#ffffffbf;border:1px solid #dce6d5;box-shadow:0 12px 32px #315b4012}.overview h2{color:#185848}.progress{background:#edf7f1;border-left:5px solid #38a17b;padding:14px 18px;border-radius:12px}.progress progress{accent-color:#328764}
.themes{gap:16px}.theme{overflow:hidden;border:0!important;box-shadow:0 10px 24px #234b3d15!important;transition:transform .2s ease,box-shadow .2s ease!important}.theme::after{content:'✦';position:absolute;right:13px;bottom:-18px;font-size:82px;color:#ffffff35;transform:rotate(14deg)}.theme:hover{transform:translateY(-6px) rotate(-.3deg)!important;box-shadow:0 17px 32px #193f3825!important}.theme:nth-child(1){background:linear-gradient(145deg,#dff3e4,#ccebdc)!important;border-top:7px solid #2f9369!important}.theme:nth-child(2){background:linear-gradient(145deg,#fff0d9,#f8dabc)!important;border-top:7px solid #d57948!important}.theme:nth-child(3){background:linear-gradient(145deg,#eef2cf,#dfe7b7)!important;border-top:7px solid #82963e!important}.theme:nth-child(4){background:linear-gradient(145deg,#dcedf4,#c8e2ed)!important;border-top:7px solid #397c9b!important}.theme[aria-selected=true]{outline:4px solid #fff;outline-offset:-8px;transform:translateY(-4px)}
.toolbar{padding:20px 22px;border-radius:18px;background:linear-gradient(110deg,#eef6ee,#fff5df);border:1px solid #d8e5d1}.toolbar input{background:#fff;border:2px solid #c8d8c5;border-radius:12px!important}.unit-nav{gap:13px}.unit-nav button{position:relative;overflow:hidden;border:0!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f2f7ef)!important;box-shadow:0 7px 18px #214f3b12}.unit-nav button::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--lesson-accent)}.unit-nav button:hover{transform:translateY(-3px);box-shadow:0 11px 24px #214f3b20}.unit-nav button[aria-selected=true]{background:linear-gradient(135deg,var(--lesson-accent),#2d7180)!important;color:#fff!important;box-shadow:0 12px 25px #244d4530!important}.unit-nav button[aria-selected=true]::before{background:#f6d976}
.lesson-head{position:relative;overflow:hidden;background:linear-gradient(128deg,var(--lesson-accent),#266b70 68%,#5c5790);box-shadow:0 16px 34px #153e3528}.lesson-head::after{content:'ENGLISH';position:absolute;right:-12px;bottom:-25px;font-weight:900;font-size:78px;letter-spacing:.08em;color:#ffffff0b;pointer-events:none}.lesson-mission{background:linear-gradient(145deg,#fff,#f4f9ef);box-shadow:0 10px 28px #254d3c12}.objective-item:nth-child(3n+1){background:#eaf6ef}.objective-item:nth-child(3n+2){background:#fff4dc}.objective-item:nth-child(3n){background:#edf2fb}.objective-item:has(input:checked){background:linear-gradient(135deg,#dff1ca,#d6ebbb)!important;box-shadow:inset 0 0 0 2px #8ab06e}
.card,.extension{border:0!important;border-radius:20px!important;box-shadow:0 11px 28px #1b493916;background:#fffffff0}.extension{background:linear-gradient(130deg,#eaf5e7,#fff2d5 52%,#e8f1f7);border-top:7px solid #d69b2d!important}button,.primary{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover,.primary:hover{filter:saturate(1.12);transform:translateY(-1px)}button:active{transform:translateY(0)}
#grammarDialog,#vocabularyDialog,#activitiesDialog,#writingDialog,#examDialog,#bankDialog,#pastDialog,#interactiveDialog{background:linear-gradient(155deg,#fbfff7,#fffaf0 50%,#f6f2fc);box-shadow:0 24px 80px #0d37326b}.vocabulary-header,.iq-header{background:linear-gradient(100deg,#e5f3e7,#fff0ce,#e8f1fa);padding:18px;border-radius:16px}.grammar-nav button:nth-child(3n+1),.vocabulary-views button:nth-child(3n+1){background:#dff2e6}.grammar-nav button:nth-child(3n+2),.vocabulary-views button:nth-child(3n+2){background:#fff0ce}.grammar-nav button:nth-child(3n),.vocabulary-views button:nth-child(3n){background:#e9e2f5}.grammar-nav button[aria-selected=true],.vocabulary-views button[aria-pressed=true]{background:linear-gradient(135deg,#18594b,#307c88)!important;color:#fff!important;box-shadow:0 7px 16px #1c51482e}.vocabulary-entry:nth-child(4n+1){border-top:5px solid #2f9270}.vocabulary-entry:nth-child(4n+2){border-top:5px solid #d59a2e}.vocabulary-entry:nth-child(4n+3){border-top:5px solid #4a82a0}.vocabulary-entry:nth-child(4n){border-top:5px solid #8866aa}.vocabulary-entry{box-shadow:0 7px 18px #1b463615}
.exam-navigation button:nth-child(4n+1),.bank-navigation button:nth-child(4n+1){background:#dff3e6}.exam-navigation button:nth-child(4n+2),.bank-navigation button:nth-child(4n+2){background:#e5eff8}.exam-navigation button:nth-child(4n+3),.bank-navigation button:nth-child(4n+3){background:#fff0d0}.exam-navigation button:nth-child(4n),.bank-navigation button:nth-child(4n){background:#eee6f7}.exam-navigation button[aria-pressed=true],.bank-navigation button[aria-pressed=true]{background:linear-gradient(135deg,#174e43,#346f86)!important;color:#fff;box-shadow:0 6px 16px #224e432c}.exam-question,.bank-question,.past-answer{border:0!important;border-left:6px solid #3d8a70!important;box-shadow:0 7px 20px #1b493717}.exam-question:nth-of-type(even),.bank-question:nth-of-type(even){border-left-color:#d2972d!important}.exam-text,.bank-text{border:2px solid #d5e3da;background:linear-gradient(135deg,#fff,#fffaf0)}
.iq-banner{background:linear-gradient(125deg,#174c41,#246f70 55%,#61518c);box-shadow:0 15px 35px #163d4334}.iq-skill-card{border:0;box-shadow:0 10px 24px #183f3817;transition:transform .18s ease,box-shadow .18s ease}.iq-skill-card:hover{transform:translateY(-5px);box-shadow:0 16px 31px #173f3827}.iq-skill-card:nth-child(1){background:linear-gradient(145deg,#dceffa,#cce5f5)}.iq-skill-card:nth-child(2){background:linear-gradient(145deg,#ddf1e3,#cae9d5)}.iq-skill-card:nth-child(3){background:linear-gradient(145deg,#eee3fa,#dfd0f1)}.iq-skill-card:nth-child(4){background:linear-gradient(145deg,#fff0c9,#f7dfaa)}.iq-skill-card:nth-child(5){background:linear-gradient(145deg,#fbe2e9,#f3ccd8)}.iq-skill-card:nth-child(6){background:linear-gradient(145deg,#ffe4d7,#f6cdbb)}.iq-exam-card{background:linear-gradient(120deg,#e7ddf6,#d7e8f6,#ffefc9);border:0;box-shadow:0 10px 25px #4939761d}.iq-question{border:0;border-left:6px solid #7a65a7;box-shadow:0 7px 18px #203e3714}.iq-question:nth-of-type(even){border-left-color:#d29a31}.iq-option{background:#ffffffcc}.iq-option:hover{background:#f5f0fd;border-color:#9a82c3}.iq-route button:nth-child(3n+1){background:#e2f2e8}.iq-route button:nth-child(3n+2){background:#e7eff8}.iq-route button:nth-child(3n){background:#fff0cf}.iq-route button[aria-current=step]{background:linear-gradient(135deg,#185246,#65538d)}
.past-section-nav{background:linear-gradient(135deg,#eaf5eb,#fff3d8 55%,#e9e3f5);border:0;box-shadow:0 9px 22px #1c493817}.past-section-nav button{border:0;box-shadow:0 5px 12px #173f3812}.past-section-nav button:nth-child(4n+1){background:#dff2e6}.past-section-nav button:nth-child(4n+2){background:#e1eef7}.past-section-nav button:nth-child(4n+3){background:#fff0cd}.past-section-nav button:nth-child(4n){background:#eee4f7}.past-section-nav button:hover,.past-section-nav button:focus-visible,.past-section-nav button[aria-current=page]{background:linear-gradient(135deg,#174f43,#36768b)!important;color:#fff}.past-section-study{background:linear-gradient(145deg,#f6fbf6,#fff9eb);border:0;box-shadow:0 10px 25px #1d473717}
footer#credits{background:linear-gradient(135deg,#113e36,#215d56 55%,#315b76);color:#f5f8ef;border-radius:30px 30px 0 0;box-shadow:0 -8px 30px #173f3820}footer#credits a,footer#credits strong{color:#f4dc86}footer#credits button{background:#f5df91;color:#173e38}dialog::backdrop{background:#123b3bbf!important;backdrop-filter:blur(6px)!important}
@media(max-width:700px){.hero{border-radius:0 0 22px 22px}.overview,.toolbar{padding:16px}.theme{min-height:145px}.lesson-head::after{font-size:52px}.vocabulary-header{padding:12px}}
@media(prefers-reduced-motion:no-preference){.hero>div:first-child{animation:colourRise .55s ease both}.study-passport{animation:colourRise .65s .08s ease both}.theme{animation:colourRise .45s ease both}.theme:nth-child(2){animation-delay:.05s}.theme:nth-child(3){animation-delay:.1s}.theme:nth-child(4){animation-delay:.15s}@keyframes colourRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}