:root{--ink:#132b46;--muted:#556a7d;--teal:#087b83;--turquoise:#64e1d1;--blue:#155fd4;--line:#dce5eb;--paper:#fff;--canvas:#f2f6f9;--radius:20px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.studio{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--teal);text-underline-offset:4px}a:hover{color:#095b63}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e69c15;outline-offset:4px}img{max-width:100%}button{cursor:pointer}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px 24px}.skip-link:focus{top:12px}
.studio-topbar{min-height:94px;display:flex;align-items:center;gap:24px;padding:18px 3vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:16px;line-height:1.2}.brand:hover{color:var(--ink)}.brand strong{font-size:22px;letter-spacing:-.7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:51px;height:51px;border-radius:15px;background:var(--ink);color:white;font-size:21px;font-weight:800;letter-spacing:-2px}.brand-mark span{color:var(--turquoise);font-size:15px;letter-spacing:-3px;margin-right:4px}.brand-divider{height:35px;width:1px;background:var(--line)}.top-label{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--muted)}.top-resource{margin-left:auto;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;padding:8px 0}.top-resource span{margin-left:12px;color:var(--teal)}.menu-button{display:none;background:var(--ink);color:white;border:0;border-radius:8px;padding:9px 13px;font-size:14px}
.studio-layout.exe-content{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1640px;margin:0 auto;background:none;color:var(--ink);padding:0}.studio-nav{position:sticky;top:94px;align-self:start;min-height:calc(100vh - 94px);padding:35px 22px;border-right:1px solid var(--line)}.nav-label,.nav-foot{font-size:12px;font-weight:700;letter-spacing:1.3px;color:var(--muted);padding-left:12px;margin:0 0 20px}.studio-nav ul{padding:0;margin:0;list-style:none}.studio-nav li{margin:0 0 8px}.exe-content .studio-nav a{display:flex;gap:12px;align-items:center;min-height:50px;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:550;color:var(--muted)}.exe-content .studio-nav a:hover{background:#e4edf3;color:var(--ink)}.exe-content .studio-nav a.active{background:var(--ink);color:white;box-shadow:0 6px 14px #132b4614}.nav-number{font-size:12px;font-weight:800;color:var(--teal);min-width:24px}.active .nav-number{color:var(--turquoise)}.nav-foot{margin:40px 0 0;padding-top:26px;border-top:1px solid var(--line);line-height:1.9;font-size:12px}.nav-foot strong{font-weight:500;letter-spacing:0;color:var(--muted);font-size:13px}
.studio .page{min-width:0;padding:34px clamp(22px,3vw,52px) 0;max-width:1405px}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:800;color:var(--teal);margin:0 0 12px}.welcome-hero{display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;border-radius:24px;background:var(--ink);min-height:390px;color:white}.hero-copy{padding:36px clamp(24px,3vw,46px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .eyebrow{color:var(--turquoise)}.hero-copy h1{font-size:clamp(40px,4.2vw,68px);line-height:1.03;letter-spacing:-2.8px;font-weight:750;margin:0 0 22px}.hero-copy h1 em{font-style:normal;color:var(--turquoise)}.hero-intro{font-size:16px;line-height:1.7;max-width:390px;color:#dfebf3;margin:0 0 26px}.exe-content .button-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 18px;border-radius:9px;background:var(--turquoise);color:var(--ink);font-weight:750;text-decoration:none;font-size:14px;min-height:48px}.exe-content .button-primary:hover{background:#9ceee2;transform:translateY(-1px)}.hero-photo{margin:0;position:relative;min-width:0;min-height:340px}.hero-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:61% center}.hero-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;font-size:11px;letter-spacing:1.7px;font-weight:650;background:#132b46e6;border:1px solid #ffffff22;border-radius:6px;color:#fff;padding:10px 13px;width:fit-content}
.learning-path{padding:38px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2,.welcome-note h2{font-size:28px;font-weight:750;letter-spacing:-.9px;line-height:1.2;margin:0}.section-heading .eyebrow{margin-bottom:8px}.section-note{font-size:13px;color:var(--muted);padding-bottom:3px}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.exe-content .step-card{display:flex;align-items:flex-start;gap:14px;position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:23px 20px;min-height:162px;text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s}.exe-content .step-card:hover{transform:translateY(-4px);border-color:#79b9c2;box-shadow:0 12px 24px #16344e0a;color:var(--ink)}.step-number{flex:0 0 36px;display:grid;place-items:center;height:36px;border-radius:10px;background:#e5f5f2;color:#05636c;font-size:14px;font-weight:800}.step-2 .step-number{background:#eaf0ff;color:#2858ad}.step-3 .step-number{background:#fff0dd;color:#8d5610}.step-4 .step-number{background:#f0ebfc;color:#6041a0}.step-5 .step-number{background:#e9f2e8;color:#3d6537}.step-body{min-width:0;padding-right:4px}.step-card h3{font-size:19px;line-height:1.3;letter-spacing:-.5px;margin:3px 0 10px;font-weight:700}.step-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.card-arrow{font-size:17px;position:absolute;top:18px;right:14px;color:var(--muted)}.resource-card{background:#eaf2f8!important}.welcome-note{margin:30px 0;display:grid;grid-template-columns:1fr 180px;gap:35px;align-items:center;border-radius:18px;background:white;border:1px solid var(--line);padding:30px}.welcome-note p{font-size:15px;color:var(--muted);margin:14px 0;line-height:1.8}.welcome-note .eyebrow{font-size:12px;margin:0 0 9px}.welcome-note img{width:180px;border-radius:50%}.exe-content .text-link{font-size:14px;font-weight:750;color:var(--teal)}.exe-content .download-strip{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;background:#e2eef2;border-radius:14px;color:var(--ink);text-decoration:none;gap:20px}.download-strip strong{font-size:16px}.download-strip small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.download-strip>span:last-child{font-size:25px}
.lesson-heading{padding:10px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.lesson-heading h1{font-size:clamp(30px,3.6vw,48px);line-height:1.13;font-weight:750;letter-spacing:-1.8px;max-width:850px;margin:0 0 14px}.lesson-lead{font-size:17px;color:var(--muted);margin:0;max-width:800px}.lesson-page .page-content{padding:0;max-width:none;margin:0}.exe-content article.box{background:white;border:1px solid var(--line);border-radius:18px;margin:0 0 24px;box-shadow:0 5px 20px #132b4603;overflow:hidden}.exe-content .box-head{display:flex;gap:14px;align-items:center;padding:22px 26px;border-bottom:1px solid #e9eff3;background:white;border-radius:0}.exe-content .box-head .box-title{margin:0;flex:1;color:var(--ink);font-size:21px;line-height:1.35;letter-spacing:-.45px;font-weight:700}.box-icon{display:none}.studio .box-toggle{display:block;border:1px solid var(--line);background:#f0f6f8;border-radius:8px;color:var(--teal);width:34px;height:34px;flex:0 0 34px;position:relative;padding:0}.studio .box-toggle:after{content:'−';font-size:24px;position:absolute;inset:0;line-height:29px;text-align:center}.studio .minimized .box-toggle:after{content:'+'}.studio .box-toggle span{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.box-content{padding:26px 30px;font-size:16px;line-height:1.8;display:flow-root}.box-content p{margin:0 0 1.15em}.box-content p:last-child{margin-bottom:0}.box-content .idevice_node{display:flow-root;min-width:0}.box-content img{max-width:100%;height:auto;border-radius:12px}.box-content figure{max-width:100%;margin:24px auto}.box-content figcaption{font-size:13px;color:var(--muted)}.box-content figcaption span{font-size:13px!important}.box-content img[style*="float"]{max-width:35%;margin:0 24px 20px 0}.box-content img[style*="float: right"]{margin:0 0 20px 24px}.box-content a{color:#086d80;text-decoration:underline;text-decoration-thickness:1px;font-weight:550}.box-content a:hover{color:#124fab}.box-content ul,.box-content ol{padding-left:24px}.box-content li{margin:8px 0}.box-content iframe{max-width:100%;border:0;border-radius:12px}.box-content iframe[src*="youtube"]{width:100%;max-width:850px;height:auto;aspect-ratio:560/314}.box-content .exe-fx{clear:both}.box-content .exe-accordion h2,.box-content .fx-accordion-title{font-size:18px!important;line-height:1.5;background:#eef5f8!important;border:1px solid var(--line)!important;border-radius:9px;color:var(--ink)!important}.box-content .fx-accordion-title a{color:var(--ink)!important;font-weight:650}.box-content .fx-accordion-section{border-color:var(--line)!important;padding:22px!important}.box-content .exe-fx .fx-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0}.box-content .exe-fx .fx-tabs li{margin:0}.box-content .exe-fx .fx-tabs a{padding:10px 16px;border-radius:8px;background:#eaf1f8;color:var(--ink);font-size:14px}.box-content .exe-fx .fx-tabs .fx-current a{background:var(--ink);color:white}.table-hint{font-size:14px;color:var(--muted)}.idevice_node.rubric{overflow-x:auto}.rubric table{min-width:880px}.rubric th{background:#eaf3f6!important;color:var(--ink)!important}.rubric td,.rubric th{padding:14px!important;border-color:var(--line)!important;font-size:14px;line-height:1.55}.rubric input[type=checkbox]{width:20px!important;height:20px!important;accent-color:var(--teal)}.rubric button,.rubric input[type=button]{background:var(--teal);color:#fff;border:0;padding:10px 15px;border-radius:8px;font-size:14px}.exe-download-package-link{text-align:center}.exe-download-package-link a{display:inline-block;padding:13px 23px;background:var(--teal);color:#fff!important;border-radius:9px;text-decoration:none}.lesson-pagination{display:flex;justify-content:space-between;gap:20px;padding:10px 0 24px}.exe-content .lesson-pagination a{border:1px solid var(--line);border-radius:12px;padding:16px 22px;background:white;text-decoration:none;min-width:160px;color:var(--ink)}.lesson-pagination small{font-size:11px;letter-spacing:1.4px;display:block;color:var(--muted);margin-bottom:4px}.lesson-pagination strong{font-size:16px}.lesson-pagination .next-lesson{text-align:right;margin-left:auto;background:var(--ink)!important;color:#fff!important}.lesson-pagination .next-lesson small{color:var(--turquoise)}.studio-footer{margin:30px 0 0;padding:24px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.studio-footer a{color:var(--muted)}
@media(min-width:1500px){.studio-layout.exe-content{grid-template-columns:250px minmax(0,1fr)}.welcome-hero{min-height:420px}.hero-copy h1{font-size:70px}}
@media(max-width:1150px){.studio-layout.exe-content{grid-template-columns:205px minmax(0,1fr)}.studio-nav{padding:30px 12px}.studio .page{padding:25px 24px 0}.hero-copy{padding:28px}.hero-copy h1{font-size:48px}.hero-intro{font-size:15px}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-note{display:none}.welcome-note{grid-template-columns:1fr 125px;padding:25px;gap:20px}.welcome-note img{width:125px}}
@media(max-width:800px){.studio-topbar{min-height:80px;padding:14px 22px;gap:16px}.brand-mark{width:44px;height:44px;border-radius:12px}.brand strong{font-size:19px}.brand{font-size:14px}.brand-divider,.top-label,.top-resource{display:none}.menu-button{display:block;margin-left:auto}.studio-layout.exe-content{display:block}.studio-nav{display:none;position:static;min-height:0;padding:18px 22px;background:white;border-bottom:1px solid var(--line);border-right:0}.menu-open .studio-nav{display:block}.studio-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.nav-foot{display:none}.nav-label{margin-bottom:10px}.studio .page{padding:24px 22px 0}.welcome-hero{grid-template-columns:1fr 1fr;min-height:360px}.hero-copy{padding:28px 24px}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero-photo{min-height:360px}.hero-photo figcaption{font-size:10px;left:14px;bottom:14px;padding:8px;letter-spacing:1px}.studio-footer{flex-direction:column;gap:5px}.lesson-heading{padding-top:5px}.lesson-heading h1{letter-spacing:-1px}.box-content{padding:22px}.exe-content .box-head{padding:18px 22px}}
@media(max-width:540px){.studio-topbar{padding:12px 18px;min-height:77px}.studio .page{padding:18px 16px 0}.welcome-hero{grid-template-columns:1fr;border-radius:18px}.hero-copy{padding:28px}.hero-copy h1{font-size:49px}.hero-intro{font-size:16px;max-width:none}.hero-photo{min-height:230px;max-height:230px}.hero-photo img{object-position:center 48%}.hero-photo figcaption{font-size:10px}.learning-path{padding-top:28px}.section-heading h2{font-size:25px}.step-grid{grid-template-columns:1fr;gap:12px}.exe-content .step-card{min-height:126px;padding:20px}.step-card h3{font-size:20px}.step-body{padding-right:16px}.step-number{flex-basis:40px;height:40px}.welcome-note{display:block;padding:24px}.welcome-note img{display:none}.welcome-note h2{font-size:25px}.download-strip{padding:19px!important}.download-strip small{font-size:13px}.box-content{padding:20px 18px;overflow-wrap:anywhere}.exe-content .box-head{padding:18px;gap:10px}.exe-content .box-head .box-title{font-size:19px}.box-content img[style*="float"]{float:none!important;display:block;margin:0 auto 20px!important;max-width:min(100%,250px)}.lesson-pagination{gap:10px}.exe-content .lesson-pagination a{min-width:0;flex:1;padding:13px}.lesson-pagination strong{font-size:14px}.lesson-heading h1{font-size:33px}.lesson-lead{font-size:16px}.studio-nav ul{grid-template-columns:1fr}.studio-nav{max-height:calc(100dvh - 77px);overflow-y:auto}.rubric #exe-rubrics-header{grid-template-columns:1fr}.box-content table:not(.rubric table){display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.studio-topbar,.studio-nav,.lesson-pagination,.menu-button,.box-toggle{display:none!important}.studio-layout.exe-content{display:block}.studio .page{padding:0}.box-content{display:block!important}.studio{background:#fff!important}.welcome-hero{color:#132b46;background:#eaf2f8}.hero-copy .eyebrow,.hero-copy h1 em,.hero-intro{color:#132b46}.hero-photo{min-height:300px}}

/* Official school-radio logo, supplied by the owner. */
.studio-topbar .brand{flex-shrink:0}.studio-topbar .brand-logo{display:block;width:140px;height:140px;object-fit:contain}.studio-topbar{padding-top:0;padding-bottom:0}
@media(max-width:800px){.studio-topbar .brand-logo{width:116px;height:116px}}

.welcome-note img.welcome-logo{display:block;height:auto;object-fit:contain;border-radius:0}
@media(max-width:540px){.welcome-note img.welcome-logo{width:180px;max-width:100%;margin:24px auto 0}}