/* Beatbotz palette retained; product refinements are scoped to the Studio. */
:root{--muted:#52616b}html{scroll-padding-top:155px}body{line-height:1.55}button,a,textarea,select{touch-action:manipulation}button{min-height:44px}p{overflow-wrap:anywhere}main,.tool,.play-scene{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b45a00;outline-offset:3px}.sidebar{scrollbar-width:thin}.brand-mark,.brand small,.brand strong,.eyebrow{font-family:Arial,sans-serif}.access-dock{display:flex;gap:8px;flex-wrap:wrap;padding:12px clamp(15px,4vw,52px);background:#e2efea;border-bottom:1px solid #bacfc6}.access-dock button{border:1px solid #8daaa1;border-radius:10px;padding:8px 13px;background:white;color:var(--navy);font-weight:700;font-size:14px}.access-dock button:first-child{background:var(--teal-dark);color:white}.demo-notice{font-size:14px;margin:0 0 16px;color:#425661}.demo-notice a{white-space:nowrap}.start-teaching{margin-top:25px;background:#e2efea;border:1px solid #bdd4cb;padding:28px;border-radius:24px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.start-teaching p{max-width:65ch}.start-teaching .button-row{max-width:265px}.start-teaching a,.tool a.secondary-button{text-decoration:none;display:inline-block}.desk-heading{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.release-tag{font-size:12px;letter-spacing:.05em;font-weight:700;color:#37534a}.session-timing{display:flex;gap:10px;list-style:none;flex-wrap:wrap;padding:0}.session-timing li{padding:12px;background:#eef4f0;border-radius:12px;flex:1 1 120px}.session-timing b,.session-timing span{display:block}.session-timing b{color:var(--teal-dark);font-size:14px}blockquote{margin:15px 0;padding:15px 20px;border-left:4px solid var(--teal);background:#edf6f1;font-size:1.18rem}.field-pairs{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.field-pairs>label{margin:0}.field-pairs textarea{grid-column:1/-1}.role-boundary{background:#ece6f6;padding:18px 22px;border-radius:16px;margin:18px 0}.role-boundary button{margin:10px}.session-card.selected{border:2px solid var(--teal-dark);background:#e8f5ee}.tool-footer{font-size:14px}dialog{border:1px solid #c6d4ce;border-radius:24px;padding:28px;color:var(--ink);background:#f7f8f3;max-width:850px;width:calc(100% - 28px);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#081626c9}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{margin-top:8px}dialog label{display:block;font-weight:bold}dialog textarea{width:100%;padding:12px;font:inherit;border-radius:10px;border:1px solid #809890}.symbol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.symbol-grid button{display:grid;justify-items:center;background:white;border:2px solid #a9c3b9;border-radius:15px;padding:12px;gap:5px;color:var(--navy);font-weight:bold}.symbol-grid button:hover{background:#dcf0e7}.symbol-grid span{font-size:28px;color:#075b62;line-height:1.3}.topbar{height:auto;min-height:74px;gap:10px;padding-top:8px;padding-bottom:8px}.top-actions{flex-wrap:wrap;gap:8px}.teacher-toggle{font-size:14px!important}.play-toolbar{flex-wrap:wrap}.play-toolbar>.button-row{flex-wrap:wrap}#toast{max-width:min(550px,calc(100vw - 30px));pointer-events:none}.journey-baseline .field-pairs{display:block}.journey-baseline label{margin-top:16px}.welcome-panel h1{font-size:clamp(2.15rem,3.6vw,3.8rem)}.welcome-panel{min-height:320px}.guide-wrap img{height:290px}.play-feedback{color:var(--navy)}
@media(max-width:900px){.start-teaching{grid-template-columns:1fr}.sidebar{max-height:100dvh}.topbar{position:relative}.access-dock{padding:10px 15px}.start-teaching .button-row{max-width:none}.sidebar:not(.open){visibility:hidden}.sidebar.open{visibility:visible}}
@media(max-width:600px){.topbar{display:flex;flex-wrap:wrap;min-height:70px}.top-actions{margin-left:auto}.topbar>strong{flex:1}.top-actions button{padding:8px!important;font-size:13px!important}.access-dock{gap:6px}.access-dock button{font-size:13px;padding:6px 9px;flex:1 1 110px}.symbol-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:18px}.start-teaching{padding:22px}.field-pairs{display:block}.dialog-top{align-items:flex-start}.session-card{padding:20px}.teacher-toggle{font-size:13px!important}}
@media print{.access-dock,.demo-notice,.desk-heading,.role-boundary button{display:none!important}.teacher-tool-fold{display:block!important}.teacher-tool-fold>.tools{display:block!important}.teacher-tool-fold:not([open])>*:not(summary){display:block!important}.play-scene{break-inside:auto!important}.field-pairs{display:block}.start-teaching{display:block}.session-timing li{break-inside:avoid}}
.mini-avatar{color:var(--navy)}.week-context{border:1px solid #bfd2c8;border-left:5px solid var(--teal-dark);border-radius:14px;padding:14px 18px;margin-bottom:20px;background:#fff}.week-context p{margin:6px 0}.week-context button{margin-top:6px}
/* Match the established Beatbotz site type system. Fonts are served locally. */
:root{--font-display:'Space Grotesk',Inter,Arial,sans-serif;--font-body:Inter,Arial,sans-serif;--navy:#07111f;--mint:#7ee7cf;--blue:#8db2ff}body,button,input,textarea,select{font-family:var(--font-body)}h1,h2,h3,.brand strong,.studio-lockup p,.eyebrow,.brand-mark,.brand small,.brand strong,.sidebar-foot small,.sidebar .eyebrow{font-family:var(--font-display)!important}.studio-lockup p{line-height:1.6}.brand-mark{background:var(--mint);color:var(--navy)}.welcome-panel .eyebrow{color:var(--mint)}.release-tag,.stage-time{font-family:var(--font-display)}
.play-toolbar button{border:1px solid #a8c2b7;border-radius:10px;background:#f5faf7;color:var(--navy);padding:9px 12px;font-size:13px;font-weight:700}.play-toolbar button[data-play=expand],.play-toolbar button[data-product=openBoard]{background:var(--teal-dark);color:white;border-color:var(--teal-dark)}.play-toolbar strong{font-family:var(--font-display)}.play-picture{max-width:615px;margin-left:auto;margin-right:auto}.play-picture>img{height:auto;max-height:none!important;object-fit:contain!important}.activity-expanded .play-picture{max-width:min(100%,615px)}

.section-card-art{display:block;width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin-bottom:18px}.intro.has-section-art{position:relative;padding-right:245px;min-height:168px}.section-identity-art{position:absolute;right:0;top:0;width:220px;height:auto;border-radius:18px;border:1px solid #bdd0c6}.session-card{overflow:hidden}.session-card>span{color:#075b62;font-family:var(--font-display);font-weight:700}
@media(max-width:700px){.intro.has-section-art{padding-right:0}.section-identity-art{position:static;width:100%;max-width:430px;margin-top:15px}.section-card-art{aspect-ratio:3/2}}
@media print{.section-identity-art{width:150px}.intro.has-section-art{padding-right:170px}}

.table-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#fff;border:1px solid #bfd1c6;border-radius:24px;padding:26px;margin:28px 0}.table-feature img{width:100%;border-radius:17px}.table-feature h2{font-size:32px}.table-feature .eyebrow{color:#075b62}.release-desk-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.release-desk-links a{display:block;background:#e3f2e9;color:#075b62;padding:20px;border:1px solid #b2cebf;border-radius:16px;text-decoration:none}.release-desk-links span{display:block;color:#344f45;margin-top:10px;font-size:14px}@media(max-width:700px){.table-feature,.release-desk-links{grid-template-columns:1fr}.table-feature{padding:20px}}

.programme-hero img,.table-feature img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;align-self:center}