:root{--paper:#fff9ed;--ink:#173854;--blue:#155b84;--gold:#ffd36a;--line:#dfd1b9}*{box-sizing:border-box}body{margin:0;background-color:var(--paper);background-image:radial-gradient(#b99b6620 .7px,transparent .7px);background-size:6px 6px;color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--blue);text-underline-offset:4px}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd5a24;outline-offset:4px}.site-nav{max-width:1220px;margin:auto;padding:22px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.wordmark{font-family:Georgia,serif;font-size:27px;font-weight:bold;margin-right:auto;text-decoration:none;color:var(--ink)}.site-nav .links{display:flex;gap:12px 24px;flex-wrap:wrap}.site-nav .links a{padding:10px 0;font-size:14px}.home-main{max-width:1220px;margin:auto;padding:12px 28px 48px}.workshop-hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;padding:26px 0 42px}.workshop-hero h1{font:700 clamp(42px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-2px;margin:18px 0 24px}.workshop-hero p{max-width:470px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#8c5525}.hero-art{margin:0;transform:rotate(1deg);background:#fff4da;padding:8px;border-radius:10px;box-shadow:0 16px 35px #5d391826}.hero-art img{display:block;width:100%;height:auto;border-radius:6px}.hero-art figcaption{font-size:12px;padding:8px;color:#634a30}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}.workshop-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 23px;background:#f8c754;color:#20384a;border:1px solid #bb872e;border-radius:12px;text-decoration:none;font-weight:750;box-shadow:0 3px 0 #b88e48}.workshop-button.alt{background:#fff9ed;border-color:#b7b8a2;box-shadow:none}.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px 0 50px}.door{padding:26px;background:#fff0c9;border:1px solid #e4d0a5;border-radius:8px;box-shadow:0 6px 14px #775b1910}.door:nth-child(2){background:#e1f0e7;transform:rotate(1deg)}.door:nth-child(3){background:#e7e9f8;transform:rotate(-1deg)}.door h2{font:700 26px/1.2 Georgia,serif;margin:12px 0}.door p{font-size:15px}.door a{display:inline-block;padding:10px 0;font-weight:700}.paper-number{font:italic 24px Georgia,serif;color:#776b4c}.family-note{padding:28px;border-top:1px solid var(--line);font-size:14px}.site-footer{max-width:1220px;margin:auto;padding:24px 28px 40px;font-size:13px;border-top:1px solid var(--line)}.site-footer a{display:inline-block;margin:6px 18px 0 0}.studio-header{background:#fff2d5;color:var(--ink);border-bottom:1px solid #dfcaa8;padding:26px max(24px,4%);display:flex;justify-content:space-between;align-items:center;gap:24px}.studio-header .mini-art{width:160px;border-radius:12px;box-shadow:0 5px 16px #59452425}.studio-header a{color:var(--blue)}.studio-header h1{font:700 38px/1.15 Georgia,serif;margin:12px 0}.studio-header p{margin:6px 0}.wizardMain{max-width:1220px;padding:28px 24px}.panel{background:#fffdf7;border:1px solid #e6dccb;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 6px 20px #6a4b1410}.step{max-width:920px}.step h2{font-family:Georgia,serif;font-size:30px}.actions{gap:14px;margin:22px 0;align-items:center}button{min-height:48px;padding:12px 20px;border-radius:10px;line-height:1.4;background:var(--blue);white-space:normal}button.secondary{background:#f2ead8;color:var(--ink);border:1px solid #d2c3a8}button:disabled{opacity:.5;cursor:not-allowed}.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:26px 0}.steps button{background:#f3e8d3;color:var(--ink);padding:12px 10px;border:1px solid #dfcfad}.steps button[aria-current=step]{background:var(--blue);color:white}.savebar{position:static;background:#21465c;border-radius:14px;padding:20px;gap:14px}.savebar p{flex-basis:100%;font-size:14px}.savebar button{margin:0;background:#fff0c9;color:#19364a}.savebar .hint{color:#fff0c9}.choices{gap:22px}.choice{border:1px solid #d3c199;border-radius:14px;background:#fff3d3;padding:28px;min-height:180px}.choice:nth-child(2){background:#e5f1e9}.templateGrid{gap:16px}.templateGrid button{border-radius:12px;border-color:#d3c199;line-height:1.6}.wizardNav{gap:20px;max-width:920px;margin:28px auto}.wizardNav button{min-width:120px}.step input,.step textarea,.step select{border-color:#c4b89f;border-radius:9px;padding:12px;font-size:16px}.step input[type=checkbox]{display:inline-block;width:auto;margin-right:9px}.researchbox{background:#edf3ef;border-color:#a3bdac}.researchbox .card{background:#fffdf7}.researchbox a{display:inline-block;margin:6px 12px 6px 0}.profile-panel{max-width:1172px;margin:24px auto 0;background:#fff0cb}.profile-tabs{display:flex;gap:14px;flex-wrap:wrap}.profile-tabs button{background:#fffaf0;border:1px solid #ccb78d;color:var(--ink);min-width:130px}.profile-tabs button[aria-pressed=true]{background:var(--blue);color:#fff}.profile-panel audio{max-width:100%;width:360px;display:block;margin:16px 0}.profile-panel p{max-width:760px}.profile-panel h2{font-family:Georgia,serif}.pending-template{font-size:14px;background:#f3ead9;padding:16px;border-radius:10px;margin-top:20px}@media(max-width:760px){.site-nav{padding:18px 20px;gap:8px}.workshop-hero{grid-template-columns:1fr}.home-main{padding:6px 20px 30px}.workshop-hero h1{font-size:46px}.doors{grid-template-columns:1fr;gap:18px}.door:nth-child(n){transform:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.savebar{display:grid;grid-template-columns:1fr 1fr}.savebar p{grid-column:1/-1;min-width:0}.savebar button{width:100%;font-size:14px}.wizardMain{padding:20px 16px}.panel{padding:22px 18px}.profile-panel{margin:20px 16px 0}.profile-tabs button{flex:1;min-width:100px}.studio-header{padding:20px;align-items:flex-start}.studio-header .mini-art{width:100px}.studio-header h1{font-size:30px}}@media(max-width:420px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-header .mini-art{display:none}.action-row>*{width:100%}.wizardNav button{min-width:0;flex:1}}@media print{.profile-panel,.site-nav,.studio-header{display:none!important}body{background:white}.panel,.board{box-shadow:none}.card{background:white}.wizardMain{padding:0}}

/* Approved artwork and original brand logo */
.actual-logo{display:block;width:300px;max-width:100%;height:82px;background:white;overflow:hidden;border-radius:6px}.actual-logo img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}.approved-nav{max-width:1536px;padding:14px 4%;background:#fff}.approved-page{max-width:1536px;margin:auto}.approved-scene{position:relative;overflow:hidden;background:#fff9ed}.approved-scene>img{width:100%;height:auto;display:block;margin-top:-6%}.image-link{position:absolute;display:block;border-radius:10px;z-index:2}.image-link:hover{box-shadow:inset 0 0 0 3px #d59424;background:#ffd15c12}.image-link.primary{left:4%;top:30%;width:22%;height:8%}.image-link.water{left:2%;top:62%;width:31%;height:33%}.image-link.robot{left:34%;top:62%;width:31%;height:33%}.image-link.light{left:67%;top:62%;width:31%;height:33%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:22px;background:#fff4df}.scene-actions a{min-height:48px}.studio-header{background:#fff4df url('assets/approved-workshop.webp') right center/auto 280% no-repeat}.studio-header>div{background:#fff;padding:14px 22px;border-radius:12px}@media(max-width:650px){.approved-nav{gap:12px}.actual-logo{width:240px;height:65px}.approved-nav .links{width:100%;gap:18px}.approved-scene .image-link{display:none}.scene-actions{display:grid;grid-template-columns:1fr;padding:20px}.scene-actions a{width:100%;text-align:center}.studio-header{background-size:auto 100%;}.studio-header>div{padding:12px}.studio-header .actual-logo{width:225px;height:62px}}

/* Team page and explicit readable studio text */
.team-page{max-width:1172px;margin:30px auto;padding:0 24px 40px}.team-page .profile-panel{margin:0}.studio-header,.studio-header h1,.studio-header p,.wizardMain,.wizardMain .panel,.wizardMain .board{color:#173854}.studio-header a{color:#155b84}.savebar,.savebar p{color:#fff}.team-page h1{font:700 38px/1.2 Georgia,serif}.profile-tabs button{cursor:pointer}

/* Shared homepage navigation with a separate studio title */
.studio-intro{max-width:1220px;margin:0 auto;padding:28px 24px 8px;color:#173854}.studio-intro h1{font:700 clamp(30px,4vw,42px)/1.15 Georgia,serif;margin:8px 0 12px}.studio-intro p{margin:8px 0}.approved-nav .links a{color:#155b84}@media print{.studio-intro{display:none}}

/* Compact shared header and studio spacing */
.approved-nav{padding-top:6px;padding-bottom:6px;gap:12px 24px}.actual-logo{width:240px;height:62px}.studio-intro{padding-top:14px;padding-bottom:0}.studio-intro h1{font-size:30px;margin:6px 0}.studio-intro p{margin:4px 0}.studio-intro .eyebrow{font-size:11px}.studio-intro + .wizardMain{padding-top:14px}@media(max-width:650px){.approved-nav{gap:4px 14px}.actual-logo{width:210px;height:54px}.approved-nav .links{gap:8px 18px}.approved-nav .links a{padding:5px 0}.studio-intro{padding-top:12px}.studio-intro h1{font-size:28px}}

/* Science Fair Studio: compact, legible start choices. */
.wizardMain .step .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wizardMain .step .choices button.choice{min-width:0;min-height:86px;padding:12px;background:#fff8e9!important;border:1px solid #bd9c63;color:#173854!important;text-align:left;font-size:14px;line-height:1.35;text-shadow:none!important}
.wizardMain .step .choices button.choice:nth-child(2){background:#e8f3ec!important}
.wizardMain .step .choices button.choice strong{display:block;margin-bottom:5px;color:#173854!important;font-size:17px;line-height:1.2}
@media(max-width:650px){.wizardMain .step .choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wizardMain .step .choices button.choice{min-height:82px;padding:9px;font-size:12px}.wizardMain .step .choices button.choice strong{font-size:14px}}