.td-shell{width:min(1180px,calc(100% - 48px));margin:auto;padding:26px 0 70px;color:#211b2b;min-height:70vh}
.td-nav{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 18px;border-bottom:1px solid #dcd5e5;margin:0 0 28px}
.td-nav a{display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border-radius:10px;color:#51465d;font-weight:750;text-decoration:none;font-size:.88rem}
.td-nav a:hover,.td-nav a:focus-visible{background:#e9dfff;color:#452078}.td-nav a[aria-current]{background:#211b2b;color:#fff}
.td-heading{max-width:760px;margin-bottom:18px}.td-heading .eyebrow{color:#6335a6;letter-spacing:.13em;font-size:.75rem;margin:0 0 8px}.td-heading h1{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 12px}.td-heading>p:last-child{font-size:1.06rem;line-height:1.6;color:#5d5369;margin:0}
.td-heading h1:focus-visible{outline:3px solid #8c52ff;outline-offset:5px}
.td-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.td-shell .primary-button,.td-shell .secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;line-height:1.25;font-size:.9rem;text-decoration:none;text-align:center}.td-text-link{color:#60339c;font-weight:800;text-decoration:none;line-height:1.5}.td-text-link:hover{text-decoration:underline}
.td-free-note{font-size:.82rem;color:#62566e;margin:12px 0 26px}.td-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:22px 0 38px}.td-start,.td-workflow,.td-planning-form,.td-certification{border:1px solid #dfd5ee;border-radius:22px;padding:26px;background:#fff}
.td-start{background:#eadfff;position:relative}.td-start>.td-icon{float:right;background:#fff;color:#6335a6}.td-icon{width:46px;height:46px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#eee6fa;color:#6335a6;flex:none}.td-shell .eyebrow{font-size:.73rem;letter-spacing:.12em;color:#6335a6;font-weight:850}.td-shell h2{letter-spacing:-.03em;line-height:1.2;margin:6px 0 12px;font-size:1.55rem}.td-shell h3{letter-spacing:-.02em;line-height:1.25}.td-start>p:not(.eyebrow),.td-workflow>p,.td-planning-form>p,.td-planned-output p,.td-certification>p{color:#5d5268;line-height:1.65;font-size:.94rem}
.td-preview-list{display:grid;gap:8px;margin:22px 0 19px}.td-preview-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #ded0f0;border-radius:12px;background:#ffffffbf;color:#211b2b;text-decoration:none}.td-preview-list a:hover{border-color:#8c52ff;background:#fff}.td-preview-list strong,.td-preview-list small{display:block}.td-preview-list strong{font-size:.92rem}.td-preview-list small{font-size:.76rem;color:#695a79;margin-top:4px}.td-preview-list b{font-size:.78rem;color:#60339c;white-space:nowrap}
.td-workflow ol{list-style:none;margin:22px 0;padding:0;display:grid;gap:20px}.td-workflow li{display:flex;align-items:flex-start;gap:13px;font-size:.89rem;line-height:1.55;color:#695c74}.td-workflow li>b{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#f0e8fd;color:#6938ad;font-size:.78rem;flex:none}.td-workflow li strong{display:block;color:#211b2b;font-size:.97rem;margin-bottom:2px}.td-workflow>p:not(.eyebrow){font-size:.8rem}.td-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.td-section-head p{color:#695c74;font-size:.86rem}.td-section-head h2{margin-bottom:0}
.td-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.td-tool-card{display:flex;flex-direction:column;padding:20px;border:1px solid #ded5e8;border-radius:18px;background:#fff;text-decoration:none;color:#211b2b;transition:border-color .15s,box-shadow .15s}.td-tool-card:hover,.td-tool-card:focus-visible{border-color:#8c52ff;box-shadow:0 5px 15px #4e267610}.td-tool-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px}.td-status{display:inline-block;border:1px solid #d5c9e7;background:#f0eaf8;color:#654a88;border-radius:20px;padding:5px 9px;font-size:.68rem;line-height:1.3;font-weight:850;white-space:nowrap}.td-status-live{background:#e3f5ec;color:#256047;border-color:#b7dac7}.td-tool-card h3{font-size:1.08rem;margin:17px 0 10px}.td-tool-card p{font-size:.88rem;color:#675b73;line-height:1.6;margin:0 0 18px}.td-tool-card .td-text-link{font-size:.82rem;margin-top:auto}.td-tool-display .td-icon{background:#d3eee7;color:#276f5e}.td-tool-certification .td-icon{background:#ffebbb;color:#81591c}
.td-resource-strip{display:flex;align-items:center;gap:18px;margin-top:26px;padding:22px;background:#f0edf5;border:1px solid #ded5e8;border-radius:18px}.td-resource-strip h2{font-size:1.15rem;margin:0 0 5px}.td-resource-strip p{font-size:.88rem;color:#695c74;margin:0;line-height:1.5}.td-resource-strip>a{margin-left:auto;flex:none}.td-shell :is(a,button,select,input,summary,textarea):focus-visible{outline:3px solid #8c52ff;outline-offset:3px}
.td-note{font-size:.85rem;color:#675b73;line-height:1.6;margin:17px 0}.td-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:20px;background:#f0eaf8;border-radius:16px;margin:22px 0}.td-shell label{display:flex;flex-direction:column;gap:7px;font-size:.81rem;font-weight:800;color:#51415f}.td-shell select,.td-shell input,.td-shell textarea{width:100%;min-width:0;min-height:44px;font:inherit;font-size:.88rem;color:#211b2b;border:1px solid #cdbfdd;border-radius:9px;background:#fff;padding:10px}.td-results{font-size:.86rem;font-weight:750;color:#5d5268}.td-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.td-activity{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #ded5e8;border-radius:18px;background:#fff}.td-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:#6b587e;font-weight:800}.td-concept{color:#60339c}.td-activity h3{font-size:1.2rem;margin:14px 0 10px}.td-activity>p{font-size:.89rem;line-height:1.6;color:#675b73;margin:0 0 12px}.td-activity .td-meta{font-size:.76rem;font-weight:750}.td-activity .td-objective{border-top:1px solid #eee8f5;padding-top:13px}.td-objective strong{display:block;font-size:.74rem;color:#60339c;margin-bottom:3px}.td-activity details{font-size:.83rem;color:#675b73;line-height:1.6;margin:0 0 18px}.td-activity summary{min-height:36px;font-weight:800;color:#51415f;cursor:pointer;padding-top:6px}.td-activity details ul{padding-left:20px}.td-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.td-card-actions .primary-button{flex:1}.td-card-actions .secondary-button{font-size:.82rem}.td-activity .td-copy-status{font-size:.78rem;margin:10px 0 0;min-height:0}.td-copy-status:empty{display:none}.td-activity textarea{margin-top:8px;min-height:80px;resize:vertical;overflow-wrap:anywhere}.td-empty{grid-column:1/-1;padding:28px;border:1px dashed #b6a3ce;border-radius:16px}
.td-planning{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:22px}.td-planning-form h2,.td-planned-output h2,.td-certification h2{font-size:1.4rem}.td-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.td-form-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.td-form-bottom p{width:100%;font-size:.82rem;line-height:1.6;color:#675b73;margin:4px 0}.td-shell button:disabled{opacity:1;background:#ece8f1;color:#70627e;border-color:#d5ccdf;cursor:default;box-shadow:none;transform:none}.td-planned-output{background:#f0eaf8;border-radius:22px;padding:26px;border:1px solid #e0d6ed}.td-planned-output li{font-size:.94rem;line-height:1.7;color:#5d5268;margin-bottom:12px}.td-planned-output ul,.td-planned-output ol{padding-left:22px}.td-display-select{margin:22px 0 16px}.td-cert-mark{display:flex;align-items:center;gap:17px;padding:25px;background:#211b2b;color:#e8d7ff;border-radius:16px;margin-bottom:24px}.td-cert-mark svg{width:60px;height:60px;color:#be9aff;flex:none}.td-cert-mark span{font-size:.72rem;letter-spacing:.1em}.td-cert-mark strong{display:block;font-size:1.5rem;letter-spacing:.02em;color:#fff;margin-top:4px}
.td-resources .info-card{margin-top:20px}.td-display-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 24px;background:#211b2b;color:#fff}.td-display-bar>strong{margin-right:auto}.td-display-bar small{font-size:.7rem;color:#cab0f5;margin-left:8px}.td-display-bar>div{display:flex;gap:8px}.td-display-bar p{width:100%;font-size:.82rem;margin:0}.td-display-bar p:empty{display:none}.td-display-bar button{min-height:44px}.td-displaying>.site-header,.td-displaying>.site-footer,.td-displaying #game-back,.td-displaying .play-heading{display:none}.td-displaying .td-display-bar{display:flex}.td-displaying #game-view{padding-top:16px}.td-displaying .play-panel{max-width:1150px;width:100%;margin:auto}.td-displaying .staff-frame{width:100%;max-width:950px;margin-inline:auto}.td-displaying .staff-frame svg{width:100%;max-height:440px}.td-displaying #game-view .multiple-answers button,.td-displaying #game-view .letter-answers button,.td-displaying #game-view .theory-answers button{font-size:clamp(1.2rem,2.4vw,1.6rem);min-height:60px}.td-displaying #game-view .question-label{font-size:clamp(1.15rem,2.3vw,1.5rem)}
.td-displaying .play-shell{max-width:1180px}
.td-displaying .aa-toolbar{display:none}
.td-displaying .staff-reading-frame{max-width:880px}.td-displaying .staff-reading-frame svg{max-height:500px}.td-displaying .staff-letter-answers button{min-height:60px;font-size:1.6rem}.td-displaying .theory-practicing [data-notation]{min-height:230px;max-height:320px}
@media(min-width:760px){.td-displaying .measure-frame{max-width:950px}.td-displaying .measure-frame svg{height:160px}.td-displaying .measure-choices{max-width:950px}.td-displaying .measure-choice svg{width:min(95%,260px);height:90px}.td-displaying .measure-choice-number{font-size:1rem}}
@media(min-width:1100px){.site-header .main-nav{gap:0}.site-header .nav-page-link{padding-inline:9px;font-size:.92rem}}
@media(max-width:1050px){.td-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.td-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.td-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.td-filters button{justify-self:start}.td-overview,.td-planning{grid-template-columns:1.1fr 1fr}.td-resource-strip{flex-wrap:wrap}.td-resource-strip>a{margin-left:64px}}
@media(max-width:760px){.td-shell{width:calc(100% - 30px);padding-top:18px}.td-nav{gap:3px;margin-bottom:22px}.td-nav a{font-size:.8rem;padding:7px 9px}.td-overview,.td-planning{grid-template-columns:1fr}.td-section-head{align-items:flex-start;flex-direction:column;gap:0}.td-section-head>p{margin-top:8px}.td-start,.td-workflow,.td-planning-form,.td-planned-output,.td-certification{padding:22px}.td-quick .td-text-link{padding:8px 0}.td-resource-strip>a{margin-left:0}.td-display-bar{padding:10px 15px}}
@media(max-width:480px){.td-tool-grid,.td-activity-grid,.td-fields{grid-template-columns:1fr}.td-tool-card{padding:21px}.td-filters{padding:16px;gap:10px}.td-filters label{font-size:.76rem}.td-preview-list a{gap:7px;padding:12px}.td-preview-list b{font-size:.71rem}.td-resource-strip{padding:18px;gap:12px}.td-resource-strip>div{flex:1;min-width:0}.td-card-actions .primary-button{flex:auto}.td-display-bar>strong{font-size:.85rem}.td-display-bar>div{flex-wrap:wrap}.td-cert-mark{padding:18px}}
@media(prefers-reduced-motion:reduce){.td-tool-card{transition:none}}
@media(max-width:480px){.td-resource-strip{display:grid;grid-template-columns:46px minmax(0,1fr)}.td-resource-strip>a{grid-column:1/-1;justify-self:start}}