:root{--ink:#12313a;--muted:#64777d;--paper:#f5f8f7;--card:#fff;--line:#dce6e4;--navy:#0b3d4a;--teal:#0e7881;--teal2:#1aa1a1;--orange:#ee7b45;--yellow:#f5c95d;--shadow:0 14px 38px rgba(18,49,58,.10);--radius:22px}
[data-theme="dark"]{--ink:#eaf5f3;--muted:#a6bbb7;--paper:#0d2026;--card:#132c33;--line:#29444a;--navy:#07181d;--shadow:0 16px 40px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px clamp(18px,4vw,60px);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--teal2),var(--navy));color:#fff;font-weight:900;font-size:23px;box-shadow:0 8px 20px rgba(14,120,129,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);margin-top:-3px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.text-btn{border:0;background:none;color:var(--ink);cursor:pointer;font:inherit}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:12px}.youtube-link{background:var(--orange);color:#fff;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:13px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding:clamp(50px,8vw,105px) clamp(18px,7vw,110px) 62px;background:radial-gradient(circle at 85% 20%,rgba(245,201,93,.25),transparent 25%),linear-gradient(140deg,color-mix(in srgb,var(--teal) 13%,var(--paper)),var(--paper) 62%)}.hero-copy{max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--teal);margin:0 0 8px}.hero h1{font-size:clamp(38px,5.5vw,72px);line-height:1.04;letter-spacing:-.04em;margin:0 0 20px;max-width:900px}.hero-copy>p:not(.eyebrow){font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:720px}.search-shell{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid transparent;border-radius:18px;padding:7px 12px;margin-top:30px;box-shadow:var(--shadow);transition:.2s}.search-shell:focus-within{border-color:var(--teal2);transform:translateY(-1px)}.search-shell>span{font-size:28px;color:var(--teal)}.search-shell input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;width:100%;padding:10px 0}.search-shell kbd{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:3px 8px;color:var(--muted)}.quick-searches{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-searches button,.active-chips button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 11px;cursor:pointer}.hero-stats{display:grid;gap:10px}.hero-stats div{min-width:130px;padding:18px 24px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:28px}.hero-stats span{color:var(--muted)}.section{padding:56px clamp(18px,5vw,78px)}.section-head,.results-toolbar,.filter-head,.chapters-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;margin:0}.text-btn{color:var(--teal);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:13px;margin-top:26px}.category-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;padding:17px;min-height:135px;cursor:pointer;transition:.2s;box-shadow:0 7px 18px rgba(18,49,58,.04)}.category-card:hover,.category-card.active{transform:translateY(-3px);border-color:var(--cat);box-shadow:var(--shadow)}.category-card::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--cat);opacity:.12;right:-18px;bottom:-20px}.category-card .cat-icon{font-size:24px}.category-card strong{display:block;margin:17px 0 4px;line-height:1.18}.category-card span{font-size:12px;color:var(--muted)}.catalogue{display:grid;grid-template-columns:245px minmax(0,1fr);gap:34px;align-items:start}.filters{position:sticky;top:82px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}.filters h2{font-size:24px}.filters label:not(.check){display:block;margin-top:18px;font-weight:800;font-size:13px}.filters select,.sort-label select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);padding:10px;font:inherit}.check{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:14px}.check input{accent-color:var(--teal);width:17px;height:17px}.filter-note{margin-top:22px;background:color-mix(in srgb,var(--teal) 9%,var(--paper));border-radius:14px;padding:13px;font-size:13px}.filter-note p{color:var(--muted);margin:4px 0 0}.result-count{font-weight:900;font-size:20px;margin:0}.active-summary{color:var(--muted);margin:2px 0 0}.sort-label{font-size:13px;font-weight:800;min-width:150px}.active-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;transition:.2s;display:flex;flex-direction:column;min-width:0}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--teal) 50%,var(--line))}.thumb{position:relative;aspect-ratio:16/9;background:#17343b;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb::after{content:"▶";position:absolute;left:14px;bottom:13px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(238,123,69,.94);color:#fff;padding-left:2px;box-shadow:0 6px 20px rgba(0,0,0,.22)}.duration{position:absolute;right:9px;bottom:9px;background:rgba(0,0,0,.78);color:#fff;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:800}.match-badge{position:absolute;left:9px;top:9px;background:var(--teal);color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.card-body{padding:16px;display:flex;flex:1;flex-direction:column}.card-kicker{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--teal);letter-spacing:.06em}.video-card h3{font-size:17px;line-height:1.28;margin:7px 0 9px}.video-card p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;color:var(--muted);font-size:12px}.chapter-hit{margin-top:13px;padding:10px;border-radius:11px;background:color-mix(in srgb,var(--yellow) 18%,var(--paper));font-size:12px}.chapter-hit strong{display:block;color:var(--ink)}.load-more{display:block;margin:28px auto 0;border:0;border-radius:14px;padding:13px 24px;background:var(--navy);color:#fff;font:inherit;font-weight:900;cursor:pointer}.empty-state{text-align:center;padding:70px 20px}.empty-state>div{font-size:54px}.primary-btn{border:0;background:var(--orange);color:white;padding:11px 16px;border-radius:12px;font-weight:900;cursor:pointer}.video-dialog{width:min(1180px,96vw);max-height:94vh;padding:0;border:0;border-radius:24px;background:var(--card);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.35)}.video-dialog::backdrop{background:rgba(2,17,22,.78);backdrop-filter:blur(5px)}.dialog-shell{position:relative;overflow:auto;max-height:94vh}.dialog-close{position:absolute;right:12px;top:12px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:26px;cursor:pointer}.player-wrap{aspect-ratio:16/9;background:#000}.player-wrap iframe{width:100%;height:100%;border:0}.video-detail{display:grid;grid-template-columns:minmax(0,1fr) 380px}.detail-main{padding:28px}.detail-main h2{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:0 0 12px}.detail-summary{color:var(--muted)}.meta-row,.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.meta-row span,.tag-row span{border-radius:999px;padding:6px 9px;background:var(--paper);border:1px solid var(--line);font-size:12px}.objectives{padding-left:20px}.chapters-panel{border-left:1px solid var(--line);padding:24px;background:color-mix(in srgb,var(--paper) 72%,var(--card))}.chapters-title{align-items:center}.chapters-title h3{margin:0}.chapters-title span{color:var(--muted);font-size:12px}.chapters-list{display:grid;gap:8px;margin-top:15px;max-height:560px;overflow:auto}.chapter-btn{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:11px;border-radius:12px;cursor:pointer}.chapter-btn:hover,.chapter-btn.active{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--card))}.chapter-btn time{color:var(--orange);font-weight:900;margin-right:7px}.chapter-btn small{display:block;color:var(--muted);margin:4px 0 0 43px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:11px;cursor:pointer;color:var(--ink);text-align:left}.related-card strong{display:block;font-size:13px}.related-card span{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(18px,5vw,78px);border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(4,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.video-detail{grid-template-columns:1fr}.chapters-panel{border-left:0;border-top:1px solid var(--line)}.chapters-list{max-height:none}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.youtube-link{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stats div{min-width:0;padding:12px}.hero-stats strong{font-size:21px}.category-grid{grid-template-columns:repeat(2,1fr)}.catalogue{grid-template-columns:1fr}.filters{position:static}.video-grid{grid-template-columns:1fr}.results-toolbar{align-items:flex-start}.section{padding:40px 16px}.hero{padding-left:16px;padding-right:16px}.video-dialog{width:100vw;max-height:100vh;border-radius:0}.dialog-shell{max-height:100vh}.detail-main,.chapters-panel{padding:18px}.related-grid{grid-template-columns:1fr}footer{display:block}.topbar{padding:10px 14px}}

/* v2 navigation, walkthroughs and resilient playback */
.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:18px}.nav-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:800;padding:9px 12px;border-radius:11px;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:color-mix(in srgb,var(--teal) 11%,var(--card));color:var(--teal)}.page-view[hidden]{display:none!important}.walkthrough-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:38px;align-items:end;padding:clamp(55px,8vw,100px) clamp(18px,7vw,110px) 58px;background:radial-gradient(circle at 88% 22%,rgba(238,123,69,.22),transparent 28%),linear-gradient(140deg,color-mix(in srgb,var(--teal) 12%,var(--paper)),var(--paper) 64%)}.walkthrough-hero h1{font-size:clamp(40px,5.5vw,70px);line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.walkthrough-hero p:not(.eyebrow){font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:760px}.walkthrough-search-shell{display:flex;align-items:center;gap:11px;background:var(--card);border:2px solid transparent;border-radius:18px;padding:8px 13px;box-shadow:var(--shadow)}.walkthrough-search-shell:focus-within{border-color:var(--teal2)}.walkthrough-search-shell span{font-size:26px;color:var(--teal)}.walkthrough-search-shell input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:12px 0}.walkthrough-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.walkthrough-tabs{display:flex;flex-wrap:wrap;gap:7px}.series-filter{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:800;padding:8px 12px;border-radius:999px;cursor:pointer}.series-filter.active,.series-filter:hover{background:var(--teal);border-color:var(--teal);color:#fff}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.series-card{background:var(--card);border:1px solid var(--line);border-radius:21px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.series-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--teal) 50%,var(--line))}.series-thumb{position:relative;aspect-ratio:16/8.5;background:#17343b;overflow:hidden}.series-thumb img{width:100%;height:100%;object-fit:cover}.series-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(5,25,31,.68))}.series-thumb span{position:absolute;z-index:1;left:13px;bottom:11px;background:var(--orange);color:#fff;font-size:12px;font-weight:900;border-radius:999px;padding:5px 9px}.series-card-body{padding:18px;display:flex;flex:1;flex-direction:column}.series-type{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:900}.series-card h3{font-size:21px;line-height:1.2;margin:7px 0}.series-card p{color:var(--muted);font-size:14px;margin:0 0 15px}.series-meta{display:flex;gap:15px;color:var(--muted);font-size:12px;margin-top:auto;margin-bottom:14px}.series-anchor{display:inline-block;margin-top:10px;text-align:center;color:var(--teal);font-weight:800;font-size:12px;text-decoration:none}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 13px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.series-detail{max-width:1080px;margin:0 auto}.series-back{margin-bottom:20px}.series-detail-head{display:flex;justify-content:space-between;gap:28px;align-items:end;padding:25px;background:var(--card);border:1px solid var(--line);border-radius:20px}.series-detail-head h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:0 0 8px}.series-detail-head p:not(.eyebrow){color:var(--muted);margin:0}.series-video-list{display:grid;gap:11px;margin-top:20px}.series-video-row{display:grid;grid-template-columns:48px 160px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:11px}.series-video-row img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.series-number{width:42px;height:42px;border:0;border-radius:13px;background:color-mix(in srgb,var(--teal) 14%,var(--paper));color:var(--teal);font-weight:900;font-size:17px;cursor:pointer}.series-video-row span{font-size:11px;color:var(--teal);font-weight:800}.series-video-row h3{font-size:17px;line-height:1.23;margin:3px 0 5px}.series-video-row p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-wrap{position:relative}.player-fallback{position:absolute;inset:0;overflow:hidden;background:#07181d}.player-fallback img{width:100%;height:100%;object-fit:cover;opacity:.42;filter:blur(1px)}.player-fallback-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:30px;background:linear-gradient(rgba(2,17,22,.25),rgba(2,17,22,.78))}.player-fallback-overlay strong{font-size:clamp(24px,4vw,42px)}.player-fallback-overlay p{max-width:580px;color:#dcebea}.player-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 18px;background:#091f26;color:#d8e7e4;font-size:12px}.youtube-video-btn{color:#fff;background:var(--orange);border-radius:10px;padding:8px 11px;text-decoration:none;font-weight:900;white-space:nowrap}
@media(max-width:1000px){.main-nav{order:3;width:100%;margin:8px 0 0;justify-content:center}.topbar{flex-wrap:wrap}.series-grid{grid-template-columns:repeat(2,1fr)}.walkthrough-hero{grid-template-columns:1fr}.series-detail-head{align-items:flex-start;flex-direction:column}.series-video-row{grid-template-columns:44px 130px minmax(0,1fr)}.series-video-row img{width:130px}.series-video-row .series-play{grid-column:3;justify-self:start}}
@media(max-width:700px){.main-nav{overflow:auto;justify-content:flex-start}.nav-btn{white-space:nowrap}.walkthrough-hero{padding:45px 16px}.walkthrough-toolbar{align-items:flex-start;flex-direction:column}.series-grid{grid-template-columns:1fr}.series-video-row{grid-template-columns:42px minmax(0,1fr);padding:10px}.series-video-row img{grid-column:1/3;width:100%}.series-video-row>div{grid-column:1/3}.series-video-row .series-play{grid-column:1/3;width:100%}.player-actions{align-items:flex-start;flex-direction:column}.youtube-video-btn{width:100%;text-align:center}}

/* Series learning workflow */
.series-study-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:18px;padding:20px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 12%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));border-radius:18px}.series-progress-copy{min-width:0;flex:1}.series-progress-copy strong{display:block;font-size:20px;margin:3px 0 10px}.series-progress-copy p:last-child{color:var(--muted);margin:9px 0 0;font-size:13px}.series-progress-track{height:10px;max-width:600px;background:color-mix(in srgb,var(--teal) 10%,var(--paper));border-radius:999px;overflow:hidden}.series-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--orange));border-radius:inherit;transition:width .25s ease}.series-study-actions{display:flex;gap:9px;flex-wrap:wrap}.series-list-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 2px 12px}.series-list-heading h3{margin:2px 0 0;font-size:23px}.series-list-heading>span{color:var(--muted);font-weight:800;font-size:13px}.series-video-row{position:relative}.series-video-row.is-complete{border-color:color-mix(in srgb,#3f9d63 55%,var(--line));background:color-mix(in srgb,#3f9d63 7%,var(--card))}.series-video-row.is-current{border-color:var(--orange);box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 15%,transparent)}.series-number.is-complete{background:#3f9d63;color:#fff}.series-row-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch}.series-complete-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:850;cursor:pointer;padding:5px 7px;border-radius:8px}.series-complete-btn:hover{background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal)}.series-video-row.is-complete .series-complete-btn{color:#2f8050}.series-status{display:inline-flex!important;align-items:center;gap:5px;color:var(--muted)!important;margin-left:7px}.series-status.complete{color:#2f8050!important}.series-status.current{color:var(--orange)!important}.series-card-progress{height:6px;background:color-mix(in srgb,var(--teal) 9%,var(--paper));border-radius:999px;overflow:hidden;margin:0 0 12px}.series-card-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--orange));border-radius:inherit}.series-card-progress-label{display:block;color:var(--muted);font-size:11px;font-weight:800;margin:-5px 0 10px}
@media(max-width:1000px){.series-study-panel{align-items:flex-start;flex-direction:column}.series-row-actions{grid-column:3;flex-direction:row;justify-self:start}.series-list-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.series-study-actions{width:100%}.series-study-actions>*{flex:1}.series-row-actions{grid-column:1/3;width:100%;display:grid;grid-template-columns:1fr 1fr}.series-list-heading{margin-top:24px}.series-list-heading h3{font-size:20px}}
.series-detail[hidden],.series-grid[hidden]{display:none!important}

/* VCE study design page */
.study-design-hero{padding:clamp(2.4rem,6vw,5rem) max(5vw,1rem);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.55fr);gap:2rem;align-items:center;background:radial-gradient(circle at 82% 20%,rgba(79,199,181,.25),transparent 32%),linear-gradient(135deg,var(--navy),var(--teal));color:white}.study-design-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);max-width:800px;margin:.25rem 0 1rem;line-height:1.02}.study-design-hero p:not(.eyebrow){max-width:760px;font-size:1.08rem;color:rgba(255,255,255,.82)}.study-design-search-shell{margin-top:1.6rem;max-width:760px;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.05rem;border-radius:16px;background:white;color:#123c56;box-shadow:0 18px 45px rgba(0,0,0,.18)}.study-design-search-shell input{width:100%;border:0;outline:0;font:inherit;color:#123c56;background:transparent}.study-design-source{padding:1.4rem;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.45rem}.study-design-source .source-kicker,.study-design-source>small{color:rgba(255,255,255,.74)}.study-design-source>strong{font-size:1.35rem;line-height:1.2}.vcaa-resource-links{display:grid;gap:.65rem;margin-top:.8rem}.vcaa-resource-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.78rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.1);color:white;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.vcaa-resource-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}.vcaa-resource-link b{display:block;font-size:.9rem}.vcaa-resource-link small{display:block;margin-top:.14rem;color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.3}.resource-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.13);font-size:1.05rem}.study-design-content{padding-top:2rem}.unit-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:2rem}.unit-tab{padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;transition:.2s transform,.2s border-color,.2s box-shadow}.unit-tab:hover{transform:translateY(-2px);border-color:var(--teal)}.unit-tab.active{background:linear-gradient(135deg,var(--teal),#1b7180);color:white;border-color:transparent;box-shadow:0 12px 30px rgba(14,105,116,.25)}.unit-tab span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;opacity:.75}.unit-tab strong{display:block;margin-top:.25rem;font-size:1rem}.unit-tab small{display:block;margin-top:.4rem;opacity:.75}.study-design-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;margin-bottom:1.4rem}.study-design-toolbar h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.15rem 0}.study-design-toolbar p:last-child{max-width:850px;color:var(--muted)}.study-review-toggle{white-space:nowrap}.study-design-areas{display:grid;gap:1.2rem}.study-aos{border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;box-shadow:var(--shadow)}.study-aos-head{padding:1.4rem 1.5rem;background:linear-gradient(110deg,color-mix(in srgb,var(--teal) 10%,var(--paper)),transparent);display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.study-aos-number{width:50px;height:50px;border-radius:15px;background:var(--teal);color:white;display:grid;place-items:center;font-weight:900}.study-aos-head h3{margin:0;font-size:1.28rem}.study-aos-head p{margin:.3rem 0 0;color:var(--muted)}.study-aos-count{font-weight:800;color:var(--teal)}.study-sections{padding:0 1.2rem 1.2rem;display:grid;gap:.85rem}.study-section{border:1px solid var(--line);border-radius:16px;overflow:hidden}.study-section summary{list-style:none;cursor:pointer;padding:1rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--paper)}.study-section summary::-webkit-details-marker{display:none}.study-section summary h4{margin:0;font-size:1.04rem}.study-section summary span{white-space:nowrap;color:var(--teal);font-weight:800}.study-section-body{padding:1rem 1.1rem 1.2rem;border-top:1px solid var(--line)}.study-dotpoints{margin:.1rem 0 1rem;padding-left:1.2rem;color:var(--muted);font-size:.91rem}.study-dotpoints li+li{margin-top:.45rem}.study-video-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:.75rem}.study-video-card{display:grid;grid-template-columns:92px 1fr;gap:.75rem;border:1px solid var(--line);border-radius:13px;padding:.55rem;background:var(--card);cursor:pointer;text-align:left;color:var(--ink)}.study-video-card:hover{border-color:var(--teal);transform:translateY(-1px)}.study-video-card img{width:92px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.study-video-card strong{font-size:.85rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.study-video-card small{display:block;margin-top:.35rem;color:var(--muted)}.mapping-confidence{display:inline-flex;margin-top:.35rem;padding:.16rem .42rem;border-radius:999px;font-size:.66rem;font-weight:800;background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal)}.mapping-confidence.low{background:#fff0e8;color:#a74718}.study-more-btn{margin-top:.8rem}.study-map-chips{display:flex;flex-wrap:wrap;gap:.45rem}.study-map-chip{border:1px solid var(--line);background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--ink);border-radius:999px;padding:.42rem .7rem;font-size:.78rem;cursor:pointer}.study-map-chip:hover{border-color:var(--teal);color:var(--teal)}
@media(max-width:900px){.study-design-hero{grid-template-columns:1fr}.study-design-source{max-width:none}.unit-tabs{grid-template-columns:repeat(2,1fr)}.study-design-toolbar{align-items:flex-start;flex-direction:column}.study-aos-head{grid-template-columns:auto 1fr}.study-aos-count{grid-column:2}}@media(max-width:560px){.unit-tabs{grid-template-columns:1fr}.study-aos-head{padding:1rem}.study-sections{padding:0 .7rem .7rem}.study-video-strip{grid-template-columns:1fr}.study-design-source{padding:1rem}.vcaa-resource-link{padding:.72rem}.vcaa-resource-link small{font-size:.7rem}}


/* VCE Study Design search */
.study-search-clear{border:0;border-radius:999px;padding:.38rem .72rem;background:#e9f3f3;color:#0e6974;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;white-space:nowrap}.study-search-clear:hover{background:#d7ebeb}.study-search-options{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.study-search-options label{display:inline-flex;align-items:center;gap:.42rem;padding:.43rem .68rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:.78rem;font-weight:750;cursor:pointer}.study-search-options input{accent-color:#f7a34b}.study-review-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.unit-tab.no-match:not(.active){opacity:.58}.unit-tab.no-match:not(.active):hover{opacity:.85}.study-design-content mark,.study-design-hero mark{padding:.04em .12em;border-radius:.22em;background:#fff0a8;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}.unit-tab.active mark{background:rgba(255,255,255,.25);color:#fff}.study-match-reasons{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 .8rem}.study-match-badge{display:inline-flex;align-items:center;padding:.28rem .52rem;border-radius:999px;font-size:.7rem;font-weight:850}.study-match-badge.curriculum{background:#e9f3f3;color:#0e6974}.study-match-badge.video{background:#fff0e4;color:#a64a18}.study-video-card.is-search-match{border-color:color-mix(in srgb,var(--orange) 70%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 10%,transparent)}.study-chapter-match{display:block;margin-top:.38rem;padding:.3rem .42rem;border-radius:8px;background:color-mix(in srgb,var(--orange) 10%,var(--paper));color:var(--ink);font-size:.7rem;line-height:1.25}.study-chapter-match b{color:var(--orange);margin-right:.2rem}.study-empty-unit-links{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.study-empty-unit-links p{width:100%;margin:0;color:var(--muted)}
@media(max-width:700px){.study-search-options{gap:.4rem}.study-search-options label{font-size:.72rem}.study-review-controls{width:100%}.study-review-toggle{white-space:normal}.study-design-search-shell{padding:.75rem .85rem}.study-search-clear{padding:.34rem .55rem}}

.study-search-hint{max-width:760px;margin:.65rem 0 0;color:rgba(255,255,255,.82);font-size:.78rem;line-height:1.45}.study-search-hint strong{color:#fff}.study-search-hint em{font-style:normal;font-weight:800;color:#ffd39f}@media(max-width:700px){.study-search-hint{font-size:.72rem}}


/* Experiments and demonstrations */
.experiment-hero{padding:clamp(3rem,7vw,6rem) max(5vw,1rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;background:radial-gradient(circle at 80% 20%,rgba(245,201,93,.32),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--orange) 18%,var(--paper)),var(--paper))}.experiment-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.02;margin:.2rem 0 1rem;max-width:900px}.experiment-hero p:not(.eyebrow){max-width:740px;color:var(--muted);font-size:1.08rem}.experiment-search-shell{display:flex;align-items:center;gap:.75rem;max-width:760px;margin-top:1.5rem;padding:.82rem 1rem;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.experiment-search-shell span{font-size:1.5rem;color:var(--teal)}.experiment-search-shell input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.experiment-stat{min-width:170px;padding:1.3rem;border-radius:22px;background:var(--navy);color:#fff;text-align:center;box-shadow:var(--shadow)}.experiment-stat strong,.experiment-stat span{display:block}.experiment-stat strong{font-size:3rem;line-height:1}.experiment-stat span{margin-top:.45rem;opacity:.78;font-weight:750}.experiment-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1.4rem;margin-bottom:1.35rem}.experiment-toolbar h2{margin:.1rem 0;font-size:clamp(1.7rem,3vw,2.5rem)}.experiment-toolbar p:last-child{color:var(--muted)}.experiment-controls{display:flex;gap:.65rem;align-items:flex-end;flex-wrap:wrap}.experiment-controls label{display:grid;gap:.25rem;color:var(--muted);font-size:.74rem;font-weight:800}.experiment-controls select{min-width:155px;border:1px solid var(--line);border-radius:12px;padding:.7rem .75rem;background:var(--card);color:var(--ink);font:inherit}
@media(max-width:850px){.experiment-hero{grid-template-columns:1fr}.experiment-stat{justify-self:start}.experiment-toolbar{align-items:flex-start;flex-direction:column}.experiment-controls{width:100%}.experiment-controls label{flex:1}.experiment-controls select{width:100%;min-width:0}}@media(max-width:560px){.experiment-controls{display:grid;grid-template-columns:1fr}.experiment-stat{width:100%}}

/* VCE dot-point quizzes */
.study-dotpoints{list-style:none;padding-left:0!important}.study-dotpoint-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.72rem .75rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 75%,var(--card))}.study-dotpoint-item+.study-dotpoint-item{margin-top:.55rem!important}.study-dotpoint-item>span{color:var(--muted);line-height:1.45}.dotpoint-quiz-btn{min-width:142px;border:1px solid color-mix(in srgb,var(--orange) 45%,var(--line));border-radius:11px;padding:.55rem .68rem;background:color-mix(in srgb,var(--orange) 8%,var(--card));color:var(--ink);cursor:pointer;text-align:left}.dotpoint-quiz-btn:hover{border-color:var(--orange);transform:translateY(-1px)}.dotpoint-quiz-btn b,.dotpoint-quiz-btn small{display:block}.dotpoint-quiz-btn b{color:var(--orange)}.dotpoint-quiz-btn small{margin-top:.12rem;color:var(--muted);font-size:.68rem}
.quiz-hero{padding:clamp(2.5rem,6vw,5rem) max(5vw,1rem);background:radial-gradient(circle at 86% 18%,rgba(245,201,93,.28),transparent 30%),linear-gradient(135deg,var(--navy),var(--teal));color:#fff}.quiz-hero h1{font-size:clamp(2.1rem,4.4vw,4rem);margin:.3rem 0 .75rem;line-height:1.05}.quiz-hero>p:last-child{max-width:900px;color:rgba(255,255,255,.82)}.quiz-back{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.48rem .78rem;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-weight:800;cursor:pointer;margin-bottom:1.25rem}.quiz-content{max-width:980px;margin:auto}.quiz-progress-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--muted);margin-bottom:.55rem}.quiz-progress-track{height:9px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--teal) 10%,var(--paper));margin-bottom:1.1rem}.quiz-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--orange));transition:width .25s}.quiz-card,.quiz-result{padding:clamp(1.2rem,4vw,2.3rem);border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.quiz-question-number{display:inline-flex;padding:.3rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal);font-size:.74rem;font-weight:900}.quiz-card h2{font-size:clamp(1.35rem,2.7vw,2rem);margin:1rem 0 1.25rem}.quiz-options{display:grid;gap:.7rem}.quiz-option{display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:center;padding:.78rem;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);cursor:pointer;text-align:left;font:inherit}.quiz-option:hover:not(:disabled),.quiz-option.selected{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 7%,var(--card))}.quiz-option span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--card);font-weight:900;color:var(--teal)}.quiz-option.correct{border-color:#3d9b63;background:#e8f6ed}.quiz-option.incorrect{border-color:#c45543;background:#fae9e6}.quiz-option.correct span{background:#3d9b63;color:#fff}.quiz-option.incorrect span{background:#c45543;color:#fff}.quiz-feedback{margin-top:1rem;padding:.85rem 1rem;border-radius:13px}.quiz-feedback.correct{background:#e8f6ed;color:#225b39}.quiz-feedback.incorrect{background:#fae9e6;color:#7c3025}.quiz-feedback p{margin:.3rem 0 0}.quiz-actions,.quiz-result-actions{display:flex;gap:.65rem;justify-content:flex-end;margin-top:1.2rem}.quiz-result{text-align:center}.quiz-result-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 1rem;border-radius:22px;background:linear-gradient(135deg,var(--teal),var(--orange));color:#fff;font-size:2rem;font-weight:900}.quiz-result h2{font-size:3rem;margin:.2rem 0}.quiz-result p:not(.eyebrow){color:var(--muted);max-width:620px;margin:.6rem auto}.quiz-result-actions{justify-content:center}
@media(max-width:700px){.study-dotpoint-item{grid-template-columns:1fr}.dotpoint-quiz-btn{width:100%}.quiz-progress-row{align-items:flex-start;flex-direction:column}.quiz-actions,.quiz-result-actions{display:grid;grid-template-columns:1fr}.quiz-actions>*{width:100%}}

.quiz-question-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.45rem 0 1rem}.quiz-question-meta span{display:inline-flex;align-items:center;padding:.28rem .62rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));font-size:.78rem;font-weight:800;color:var(--accent-strong)}.quiz-original-note{margin:.35rem 0 1rem;color:var(--muted);font-size:.9rem}.quiz-option .formula,.quiz-question-text .formula{font-variant-numeric:lining-nums}

/* VCE quiz progress dashboard */
.progress-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(3rem,7vw,6rem) max(5vw,1rem);background:radial-gradient(circle at 82% 20%,rgba(245,201,93,.3),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--teal) 18%,var(--paper)),var(--paper))}.progress-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.04em;margin:.2rem 0 1rem}.progress-hero p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:1.08rem}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 14px;border-radius:12px;font:inherit;font-weight:850;text-decoration:none;cursor:pointer}.secondary-btn:hover{border-color:var(--teal);color:var(--teal)}.progress-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2.2rem}.progress-summary-grid article{padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 8px 24px rgba(18,49,58,.05)}.progress-summary-grid span,.progress-summary-grid strong,.progress-summary-grid small{display:block}.progress-summary-grid span{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.progress-summary-grid strong{font-size:2.4rem;line-height:1.1;margin:.45rem 0 .25rem}.progress-summary-grid small{color:var(--muted)}.progress-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1rem}.progress-toolbar h2{margin:.1rem 0}.progress-toolbar p:last-child{margin:.3rem 0 0;color:var(--muted)}.progress-filters{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:wrap}.progress-filters label{display:grid;gap:.25rem;color:var(--muted);font-size:.72rem;font-weight:850}.progress-filters input,.progress-filters select{min-width:145px;border:1px solid var(--line);border-radius:11px;padding:.68rem .75rem;background:var(--card);color:var(--ink);font:inherit}.progress-filters input{min-width:220px}.progress-legend{display:flex;flex-wrap:wrap;gap:1rem;margin:.7rem 0 1rem;color:var(--muted);font-size:.82rem}.progress-legend span{display:flex;align-items:center;gap:.42rem}.legend-status{display:inline-grid;place-items:center;min-width:42px;padding:.24rem .42rem;border-radius:8px;font-size:.74rem}.legend-status.ns{background:#edf2f2;color:#61767b}.legend-status.ip{background:#fff1d9;color:#9a5a09}.legend-status.completed{background:#dff4e7;color:#24643c}.progress-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.progress-table{width:100%;min-width:1040px;border-collapse:collapse}.progress-table th{position:sticky;top:0;z-index:1;padding:.85rem .8rem;background:var(--navy);color:#fff;text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.progress-table td{padding:.8rem;border-top:1px solid var(--line);vertical-align:top}.progress-table tr:first-child td{border-top:0}.progress-table tr.progress-group-start:not(:first-child) td{border-top:4px solid color-mix(in srgb,var(--teal) 22%,var(--line))}.progress-table td small{display:block;color:var(--muted);margin-top:.18rem;max-width:180px}.progress-dot-number{white-space:nowrap;font-weight:900;color:var(--teal)}.progress-dot-text{min-width:360px;color:var(--muted);line-height:1.45}.progress-status-btn{width:112px;border:1px solid transparent;border-radius:13px;padding:.58rem .5rem;background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;transition:.18s}.progress-status-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,49,58,.12)}.progress-status-btn b,.progress-status-btn small{display:block}.progress-status-btn b{font-size:1.08rem}.progress-status-btn small{margin:.12rem 0 0;font-size:.68rem}.progress-status-btn.ns{background:#edf2f2;color:#526970;border-color:#dce6e4}.progress-status-btn.ip{background:#fff1d9;color:#8f5100;border-color:#f0d49c}.progress-status-btn.completed{background:#dff4e7;color:#1f6038;border-color:#addbbd}

/* Saved quiz state and completed-answer review */
.quiz-save-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.35rem 0 1rem}.quiz-save-row .quiz-original-note{margin:0}.quiz-save-row span{color:var(--teal);font-size:.78rem;font-weight:800;white-space:nowrap}.quiz-review{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow)}.quiz-review-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.quiz-review-head h2{font-size:clamp(2.2rem,5vw,3.8rem);margin:.1rem 0}.quiz-review-head p:last-child{margin:0;color:var(--muted)}.quiz-review-actions{display:flex;gap:.55rem;flex-wrap:wrap}.quiz-review-list{display:grid;gap:.9rem;margin-top:1.2rem}.quiz-review-item{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.quiz-review-item.is-correct{border-left:5px solid #3d9b63}.quiz-review-item.is-incorrect{border-left:5px solid #c45543}.quiz-review-item header{display:grid;grid-template-columns:38px 1fr;gap:.7rem;padding:1rem;background:var(--card)}.quiz-review-item header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:900}.quiz-review-item.is-correct header>span{background:#3d9b63}.quiz-review-item.is-incorrect header>span{background:#c45543}.quiz-review-item small{color:var(--muted)}.quiz-review-item h3{font-size:1rem;line-height:1.4;margin:.2rem 0 0}.quiz-review-answer{padding:.85rem 1rem}.quiz-review-answer p{margin:.3rem 0}.quiz-review-explanation{color:var(--muted);padding-top:.45rem;border-top:1px dashed var(--line)}.quiz-review-legacy{padding:2rem;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}

@media(max-width:1000px){.progress-summary-grid{grid-template-columns:repeat(2,1fr)}.progress-toolbar{align-items:flex-start;flex-direction:column}.progress-filters{width:100%}.progress-filters label{flex:1}.progress-filters input,.progress-filters select{width:100%;min-width:0}}
@media(max-width:700px){.progress-hero{align-items:flex-start;flex-direction:column}.progress-hero-actions{width:100%}.progress-hero-actions .secondary-btn{width:100%}.progress-summary-grid{grid-template-columns:1fr 1fr}.progress-filters{display:grid;grid-template-columns:1fr 1fr}.progress-filters label:first-child{grid-column:1/-1}.progress-filters .secondary-btn{width:100%}.quiz-save-row{align-items:flex-start;flex-direction:column}.quiz-save-row span{white-space:normal}.quiz-review-head{align-items:flex-start;flex-direction:column}.quiz-review-actions{display:grid;grid-template-columns:1fr;width:100%}.quiz-review-actions>*{width:100%}}
@media(max-width:480px){.progress-summary-grid{grid-template-columns:1fr}.progress-filters{grid-template-columns:1fr}.progress-filters label:first-child{grid-column:auto}}


/* Compact VCE progress dashboard */
.progress-toolbar-compact{align-items:center}.progress-filter-pair{display:grid;grid-template-columns:minmax(130px,170px) minmax(150px,190px) auto;align-items:end}.progress-filter-pair label{min-width:0}.progress-filter-pair select{width:100%;min-width:0}.progress-hover-help{margin-left:auto;font-style:italic}.progress-groups{display:grid;gap:.85rem}.progress-section{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 8px 24px rgba(18,49,58,.05)}.progress-section>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:1rem;align-items:center;padding:1rem 1.1rem;cursor:pointer;border-radius:18px;transition:.18s}.progress-section>summary::-webkit-details-marker{display:none}.progress-section>summary:hover{background:color-mix(in srgb,var(--teal) 6%,var(--card))}.progress-section>summary span:first-child{min-width:0}.progress-section>summary small,.progress-section>summary strong{display:block}.progress-section>summary small{text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-size:.66rem;font-weight:900;margin-bottom:.18rem}.progress-section>summary strong{font-size:1.02rem;line-height:1.25}.progress-section-summary{color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.progress-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--teal) 9%,var(--paper));color:var(--teal);font-size:1.15rem;font-weight:900;transition:transform .18s}.progress-section[open] .progress-chevron{transform:rotate(180deg)}.progress-section[open]>summary{border-bottom:1px solid var(--line);border-radius:18px 18px 0 0}.progress-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,82px));gap:.8rem;padding:1.05rem}.progress-dot-tile{position:relative;isolation:isolate;aspect-ratio:1;width:100%;min-width:0;border:1px solid transparent;border-radius:15px;padding:.55rem;background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .16s,box-shadow .16s,border-color .16s}.progress-dot-tile:hover,.progress-dot-tile:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px rgba(18,49,58,.16);z-index:30;outline:none}.progress-dot-tile b{font-size:1rem;line-height:1}.progress-dot-tile small{font-size:.62rem;margin-top:.28rem;font-weight:850;opacity:.75}.progress-dot-index{position:absolute;top:.38rem;left:.45rem;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:7px;background:rgba(255,255,255,.7);font-size:.62rem;font-weight:950}.progress-dot-tile.ns{background:#edf2f2;color:#526970;border-color:#dce6e4}.progress-dot-tile.ip{background:#fff1d9;color:#8f5100;border-color:#f0d49c}.progress-dot-tile.completed{background:#dff4e7;color:#1f6038;border-color:#addbbd}.progress-dot-tile::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:min(390px,72vw);padding:.72rem .82rem;border-radius:12px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:650;line-height:1.42;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.24);opacity:0;visibility:hidden;pointer-events:none;transition:.14s;z-index:60}.progress-dot-tile::before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%) translateY(4px);border:7px solid transparent;border-top-color:var(--navy);opacity:0;visibility:hidden;transition:.14s;z-index:61}.progress-dot-tile:hover::after,.progress-dot-tile:hover::before,.progress-dot-tile:focus-visible::after,.progress-dot-tile:focus-visible::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(max-width:760px){.progress-filter-pair{grid-template-columns:1fr 1fr}.progress-filter-pair .secondary-btn{grid-column:1/-1}.progress-hover-help{width:100%;margin-left:0}.progress-section>summary{grid-template-columns:minmax(0,1fr) 28px}.progress-section-summary{grid-column:1/-1;grid-row:2}.progress-chevron{grid-column:2;grid-row:1}.progress-tile-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.65rem;padding:.85rem}.progress-dot-tile::after{display:none}.progress-dot-tile::before{display:none}}
@media(max-width:460px){.progress-filter-pair{grid-template-columns:1fr}.progress-filter-pair .secondary-btn{grid-column:auto}.progress-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.progress-dot-tile{border-radius:12px;padding:.4rem}.progress-dot-index{top:.28rem;left:.3rem}}


/* VCE Progress: viewport-safe tooltip and score colour bands */
.progress-dot-tile::after,.progress-dot-tile::before{display:none!important}
.progress-floating-tooltip{position:fixed;z-index:3000;width:max-content;max-width:min(390px,calc(100vw - 24px));padding:.72rem .82rem;border-radius:12px;background:var(--navy);color:#fff;font-size:.75rem;font-weight:650;line-height:1.42;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.28);pointer-events:none;overflow-wrap:anywhere}
.progress-floating-tooltip[hidden]{display:none}
.progress-floating-tooltip::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:7px solid transparent}
.progress-floating-tooltip[data-placement="top"]::after{top:100%;border-top-color:var(--navy)}
.progress-floating-tooltip[data-placement="bottom"]::after{bottom:100%;border-bottom-color:var(--navy)}

.legend-status.ip,.progress-dot-tile.ip{background:#55666b;color:#fff;border-color:#3f5055}
.progress-dot-tile.ip .progress-dot-index{background:rgba(255,255,255,.9);color:#405158}
.legend-status.score-low,.progress-dot-tile.score-low{background:#f8d7d7;color:#8a1c1c;border-color:#e7a0a0}
.legend-status.score-developing,.progress-dot-tile.score-developing{background:#ffe3bd;color:#844300;border-color:#efbd79}
.legend-status.score-middle,.progress-dot-tile.score-middle{background:#fff2b8;color:#6f5800;border-color:#e3cf70}
.legend-status.score-high,.progress-dot-tile.score-high{background:#dff3e6;color:#1f6038;border-color:#a9d8b9}
.legend-status.score-perfect,.progress-dot-tile.score-perfect{background:#bfe7cd;color:#154b2b;border-color:#70ba8a}
.progress-dot-tile.completed b{font-weight:950}
.progress-score-legend-label{font-weight:900;color:var(--ink)}
@media(max-width:760px){.progress-floating-tooltip{display:none!important}}

/* Compact quiz and VCE Quiz layouts */
.quiz-hero{
  padding:1.25rem max(5vw,1rem) 1.35rem;
  min-height:0;
}
.quiz-hero .quiz-back{
  margin-bottom:.6rem;
  padding:.4rem .72rem;
  font-size:.9rem;
}
.quiz-hero .eyebrow{
  margin-bottom:.25rem;
  font-size:.68rem;
}
.quiz-hero h1{
  font-size:clamp(1.75rem,3.2vw,2.8rem);
  line-height:1.06;
  margin:.12rem 0 .45rem;
  letter-spacing:-.035em;
}
.quiz-hero>p:last-child{
  max-width:1200px;
  margin:0;
  font-size:clamp(.86rem,1.35vw,1rem);
  line-height:1.4;
}
.quiz-content{
  max-width:1080px;
  padding-top:1.15rem;
  padding-bottom:2rem;
}
.quiz-progress-row{
  margin-bottom:.2rem;
  font-size:.88rem;
}
.quiz-save-row{
  margin:.12rem 0 .55rem;
  font-size:.82rem;
}
.quiz-progress-track{
  height:7px;
  margin-bottom:.7rem;
}
.quiz-card,.quiz-result{
  padding:clamp(.95rem,2vw,1.4rem);
  border-radius:18px;
}
.quiz-question-number{
  padding:.24rem .5rem;
  font-size:.69rem;
}
.quiz-question-meta{
  margin-top:.35rem;
}
.quiz-card h2{
  font-size:clamp(1.15rem,2vw,1.55rem);
  line-height:1.3;
  margin:.65rem 0 .8rem;
}
.quiz-options{
  gap:.48rem;
}
.quiz-option{
  grid-template-columns:32px 1fr;
  gap:.62rem;
  padding:.58rem .68rem;
  border-radius:12px;
  line-height:1.28;
}
.quiz-option span{
  width:29px;
  height:29px;
  border-radius:8px;
  font-size:.88rem;
}
.quiz-feedback{
  margin-top:.7rem;
  padding:.65rem .8rem;
}
.quiz-actions{
  margin-top:.8rem;
}

.progress-hero{
  padding:1.9rem max(5vw,1rem) 2rem;
  align-items:center;
}
.progress-hero h1{
  font-size:clamp(2.2rem,4vw,3.8rem);
  margin:.1rem 0 .55rem;
}
.progress-hero p:not(.eyebrow){
  max-width:760px;
  margin:.2rem 0 0;
  font-size:.98rem;
  line-height:1.45;
}
.progress-hero-actions .secondary-btn{
  padding:.72rem 1rem;
}
.progress-content{
  padding-top:1.4rem;
}
.progress-summary-grid{
  gap:.75rem;
  margin-bottom:1.25rem;
}
.progress-summary-grid article{
  padding:.78rem .95rem;
  border-radius:15px;
}
.progress-summary-grid span{
  font-size:.68rem;
}
.progress-summary-grid strong{
  font-size:1.85rem;
  margin:.25rem 0 .08rem;
}
.progress-summary-grid small{
  font-size:.72rem;
  line-height:1.25;
}
.progress-toolbar{
  margin-bottom:.7rem;
}
.progress-toolbar h2{
  font-size:clamp(1.45rem,2.2vw,2rem);
}
.progress-legend{
  margin:.5rem 0 .75rem;
  gap:.7rem;
}

@media(max-width:700px){
  .quiz-hero{padding:1rem 1rem 1.1rem}
  .quiz-hero h1{font-size:1.72rem}
  .quiz-content{padding-top:.85rem;padding-bottom:1.25rem}
  .quiz-save-row{gap:.25rem;margin-bottom:.45rem}
  .quiz-option{padding:.55rem .6rem}
  .progress-hero{padding:1.45rem 1rem 1.5rem;gap:1rem}
  .progress-hero h1{font-size:2.35rem}
  .progress-content{padding-top:1rem}
  .progress-summary-grid{gap:.55rem;margin-bottom:1rem}
  .progress-summary-grid article{padding:.7rem .75rem}
  .progress-summary-grid strong{font-size:1.55rem}
}


/* Study Design Quiz Status: Unit–AoS checkbox filters */
.progress-filter-checks{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:.7rem;
  max-width:720px;
}
.progress-area-filter-block{display:grid;gap:.3rem;min-width:0}
.progress-filter-heading{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:850;
}
.progress-area-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(82px,1fr));
  gap:.38rem;
}
.progress-area-option{display:block;min-width:0;cursor:pointer}
.progress-area-option input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.progress-area-option span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.48rem .58rem;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--card);
  color:var(--muted);
  font-size:.75rem;
  font-weight:900;
  white-space:nowrap;
  transition:.16s ease;
}
.progress-area-option:hover span{
  border-color:var(--teal);
  color:var(--teal);
  transform:translateY(-1px);
}
.progress-area-option input:focus-visible + span{
  outline:3px solid color-mix(in srgb,var(--teal) 28%,transparent);
  outline-offset:2px;
}
.progress-area-option input:checked + span{
  border-color:var(--teal);
  background:var(--teal);
  color:#fff;
  box-shadow:0 6px 14px rgba(13,124,133,.18);
}
.progress-filter-reset{min-height:38px}
.progress-section>summary strong{font-size:.98rem}

@media(max-width:1100px){
  .progress-toolbar-compact{align-items:flex-start;flex-direction:column}
  .progress-filter-checks{width:100%;max-width:none;justify-content:flex-start}
  .progress-area-filter-block{flex:1}
}
@media(max-width:760px){
  .progress-filter-checks{display:grid;grid-template-columns:1fr auto;align-items:end}
  .progress-area-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .progress-area-option span{font-size:.7rem;padding:.45rem .35rem}
}
@media(max-width:520px){
  .progress-filter-checks{grid-template-columns:1fr}
  .progress-area-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progress-filter-reset{width:100%}
}


/* Full-width Unit–AoS filters and remembered quiz location */
.progress-toolbar-compact{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:.75rem;
}
.progress-filter-checks{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  justify-content:stretch;
}
.progress-area-filter-block{width:100%}
.progress-area-filters{
  width:100%;
  grid-template-columns:repeat(11,minmax(0,1fr));
  gap:.45rem;
}
.progress-area-option span{width:100%;min-height:40px}
.progress-filter-reset{min-width:92px}
.progress-dot-tile.last-opened{
  box-shadow:0 0 0 3px var(--card),0 0 0 6px color-mix(in srgb,var(--orange) 78%,var(--teal));
}
.progress-dot-tile.last-opened .progress-dot-index{background:var(--orange);color:#fff}
@media(max-width:1250px){.progress-area-filters{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){
  .progress-filter-checks{grid-template-columns:1fr}
  .progress-area-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .progress-filter-reset{width:100%}
}
@media(max-width:520px){.progress-area-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Cloudflare production mobile audit — final overrides */
:where(button,a,input,select,summary){-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--teal) 42%,transparent);outline-offset:2px}
img,iframe{max-width:100%}
.main-nav{min-width:0}

@media(max-width:700px){
  .topbar{padding:max(9px,env(safe-area-inset-top)) 14px 8px;gap:6px}
  .brand-mark{width:40px;height:40px;border-radius:13px}
  .brand strong{font-size:17px}.brand small{font-size:12px}
  .top-actions{margin-left:auto}.icon-btn{min-width:44px;min-height:44px}
  .main-nav{
    width:calc(100% + 4px);margin:4px -2px 0;padding:0 2px 3px;
    display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;
    scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  .main-nav::-webkit-scrollbar{display:none}
  .nav-btn{min-height:44px;padding:9px 13px;font-size:.82rem;white-space:nowrap;scroll-snap-align:center;flex:0 0 auto}
  body[data-current-page="quiz"] .main-nav{display:none}

  .hero{padding:34px 16px 36px;gap:22px}
  .hero h1{font-size:clamp(2.15rem,10.5vw,3rem);line-height:1.02;margin-bottom:14px}
  .hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.55}
  .search-shell{margin-top:20px;border-radius:15px;padding:5px 10px}
  .search-shell input{font-size:16px;min-width:0}
  .quick-searches{margin-top:11px}
  .hero-stats{gap:8px}.hero-stats div{padding:10px 11px;border-radius:15px}.hero-stats strong{font-size:20px}

  .walkthrough-hero,.experiment-hero,.study-design-hero{padding:34px 16px 38px;gap:24px}
  .walkthrough-hero h1,.experiment-hero h1,.study-design-hero h1{font-size:clamp(2.05rem,9.5vw,2.7rem);line-height:1.05;margin-bottom:12px}
  .walkthrough-hero p:not(.eyebrow),.experiment-hero p:not(.eyebrow),.study-design-hero p:not(.eyebrow){font-size:1rem;line-height:1.55}
  .experiment-stat{min-height:100px;padding:16px}.experiment-stat strong{font-size:3rem}
  .walkthrough-search-shell input,.experiment-search-shell input,.study-design-search-shell input{font-size:16px}

  .section{padding:34px 16px}
  .section h2{font-size:clamp(1.7rem,8vw,2.2rem)}
  .filters select,.sort-label select,.experiment-controls select{font-size:16px;min-height:44px}
  .primary-btn,.secondary-btn,.series-filter,.load-more,.text-btn,.youtube-video-btn{min-height:44px}

  .video-dialog{height:100dvh;max-height:100dvh;margin:0}
  .dialog-shell{max-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
  .dialog-close{top:max(12px,env(safe-area-inset-top));right:12px;min-width:44px;min-height:44px}
  .player-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))}

  .progress-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem}
  .progress-summary-grid article{padding:.68rem .72rem;min-width:0}
  .progress-summary-grid strong{font-size:1.45rem}
  .progress-summary-grid small{font-size:.67rem}
  .progress-hero h1{font-size:2.15rem}
  .progress-area-option span{min-height:44px}
  .progress-filter-reset{min-height:44px}
  .progress-section>summary{min-height:58px}
  .progress-dot-tile{min-height:68px}

  .quiz-hero{padding:1rem 1rem 1.05rem}
  .quiz-hero h1{font-size:1.62rem;line-height:1.08}
  .quiz-content{padding:.75rem 1rem 1.2rem}
  .quiz-option{min-height:48px;font-size:.95rem}
  .quiz-actions button,.quiz-save-row button{min-height:44px}
}

@media(max-width:360px){
  .progress-summary-grid{grid-template-columns:1fr 1fr!important}
  .progress-summary-grid article{padding:.6rem}.progress-summary-grid strong{font-size:1.3rem}
  .hero h1{font-size:2.05rem}
  .nav-btn{padding-inline:11px;font-size:.78rem}
}