@media screen{.worksheet-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.worksheet-journey li{color:#666078;border-bottom:3px solid #e1ddef;align-items:center;gap:9px;padding:8px 10px;font-size:1.125rem;line-height:1.4;display:flex}.worksheet-journey li>span:first-child{background:#eeebf8;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:700;display:inline-grid}.worksheet-journey .journey-step-label{min-width:0;line-height:1.4}.worksheet-journey li[aria-current=step]{color:#493782;border-color:#6654a7;font-weight:700}.worksheet-journey li[aria-current=step]>span:first-child{color:#fff;background:#6654a7}.worksheet-journey .complete{color:#356e5b;border-color:#9bc6b2}.content-picker-filters{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px 28px;padding:22px 24px;display:grid}.content-topic-search,.content-grade-filter{min-width:0}.content-grade-filter legend{margin-bottom:8px;font-size:1.375rem}.content-grade-options{scrollbar-width:thin;gap:8px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.content-grade-options button{border:1px solid var(--color-border-strong);border-radius:var(--radius-button);min-width:68px;min-height:48px;color:var(--color-text-secondary);background:var(--color-surface);flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 15px;font-weight:700;display:inline-flex}.content-grade-options button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.content-grade-options button[aria-pressed=true]{border-color:var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-hover)}.content-filter-check{font-size:1rem;display:none}.content-grade-options button[aria-pressed=true] .content-filter-check{display:inline}.content-picker-count{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 2px;display:flex}.content-picker-count p{color:#4d4565;margin:0;font-size:1.25rem;font-weight:700}.content-filter-reset{color:#5f4e98;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:6px 10px;font-weight:700;text-decoration:underline}.content-filter-reset:hover{color:#453672}.content-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.content-choice{border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;padding:20px 22px;display:flex}.content-choice-context{color:#6b617e;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 7px;font-size:1.125rem;line-height:1.35;display:flex}.content-choice-context strong{color:#5d4b8d;background:#f4f0fb;border:1px solid #d8d0e9;border-radius:9px;padding:2px 9px}.content-choice h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.5rem;line-height:1.35}.content-choice-focus{color:#565e70;flex-wrap:wrap;gap:3px 8px;margin:0 0 12px;font-size:1.125rem;line-height:1.45;display:flex}.content-choice-focus span{display:inline}.content-choice-focus b{color:#9789ba;margin-right:8px}.content-choice-design{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 4px;font-size:1.0625rem;line-height:1.45;display:flex}.content-choice-design strong{color:var(--color-primary-hover)}.content-choice-design span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-soft);padding:1px 9px}.content-choice-learning-design{color:var(--color-text-muted);margin:0 0 12px;font-size:1rem;line-height:1.5}.content-choice-size{color:var(--muted);margin:0 0 14px;font-size:1.0625rem}.content-choice .button{width:100%;min-height:46px;margin-top:auto;padding-block:7px}.content-picker-empty{text-align:center;border:2px dashed var(--color-border-strong);border-radius:var(--radius-container);background:var(--color-surface);padding:34px 24px}.content-picker-empty h2{margin-bottom:6px}.content-picker-empty p{color:var(--muted);margin-bottom:8px}.content-picker-empty ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.content-picker-empty li{color:#5b4d82;background:#f1edf9;border-radius:999px;padding:3px 12px}.worksheet-availability{border-color:var(--color-border);background:linear-gradient(135deg,#fff 58%,#f7f4fc);max-width:820px;margin-inline:auto}.worksheet-availability .status-pill{margin-bottom:10px;display:inline-flex}.worksheet-availability h2{margin-top:0}.worksheet-availability-actions{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:18px;display:flex}.worksheet-availability-actions>a:not(.button){min-height:44px;color:var(--color-primary-hover);align-items:center;font-weight:700;display:inline-flex}.workflow-shell>.back-link{margin-bottom:8px}.workflow-heading{margin:0 0 14px}.workflow-heading .eyebrow{margin-bottom:4px}.workflow-heading>p:last-child{margin-bottom:0}.topic-selection-summary{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.topic-selection-summary p{margin:0}.topic-selection-summary a{flex-shrink:0;padding:8px}.pathway-intro{max-width:760px;margin-bottom:var(--space-3)}.pathway-intro p{margin:0}.pathway-help{color:var(--color-text-secondary);font-size:1.1875rem;font-weight:700;line-height:1.55}.pathway-difficulty-note{color:var(--color-text-muted);font-size:1rem;line-height:1.55}.practice-route-options{gap:var(--space-4)}.practice-path-card{gap:var(--space-4);min-height:0;padding:var(--space-5);border-color:var(--color-border);border-left:4px solid var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:24px 62px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.practice-path-card[data-pathway=fading]{border-left-color:var(--color-accent-blue-ink)}.practice-path-card[data-pathway=independent]{border-left-color:var(--color-accent-mint-ink)}.practice-path-card:hover{border-color:var(--color-border-strong);border-left-color:var(--color-primary);background:var(--color-surface-soft);box-shadow:var(--shadow-hover)}.practice-path-card[data-pathway=fading]:hover{border-left-color:var(--color-accent-blue-ink)}.practice-path-card[data-pathway=independent]:hover{border-left-color:var(--color-accent-mint-ink)}.practice-path-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-surface) 52%,var(--color-primary-soft));box-shadow:0 0 0 3px #6654a724,var(--shadow-card)}.practice-path-card:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:4px}.practice-path-card .pathway-radio{accent-color:var(--color-primary);margin-top:8px}.pathway-motif{width:62px;height:62px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:18px;align-self:start;place-items:center;display:grid}.practice-path-card[data-pathway=fading] .pathway-motif{color:var(--color-accent-blue-ink);background:var(--color-accent-blue)}.practice-path-card[data-pathway=independent] .pathway-motif{color:var(--color-accent-mint-ink);background:var(--color-accent-mint)}.pathway-motif svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:46px;height:46px}.pathway-motif svg path:last-child{fill:currentColor;stroke:none;opacity:.75}.pathway-copy{gap:var(--space-1);width:100%}.pathway-copy>strong{color:#392768;font-size:1.5rem;line-height:1.4}.pathway-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:26px;display:flex}.pathway-selected-state{border-radius:var(--radius-pill);color:#fff;background:var(--color-primary);white-space:nowrap;align-items:center;gap:5px;padding:2px 10px;font-size:.9375rem;font-weight:700;display:inline-flex}.pathway-descriptor{color:var(--color-primary-hover);font-size:1.0625rem;font-weight:700;line-height:1.45}.pathway-audience{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:1.0625rem;font-weight:700;line-height:1.5}.pathway-facts{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:1rem;display:flex}.pathway-support-meter{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-primary-hover);background:var(--color-primary-soft);white-space:nowrap;padding:4px 11px;display:inline-flex}.pathway-support-dots,.summary-support-meter{letter-spacing:.12em}.pathway-activity-count{white-space:nowrap}.pathway-experience{margin-top:var(--space-2);color:var(--color-text-secondary);gap:5px;font-size:1rem;line-height:1.5;display:grid}.pathway-experience>b{color:var(--color-text-primary)}.pathway-experience-list{flex-wrap:wrap;gap:5px 12px;display:flex}.pathway-experience-list>span{align-items:center;gap:5px;display:inline-flex}.pathway-experience-list>span>span{color:var(--color-success);font-size:.875rem;font-weight:700}.practice-summary{background:linear-gradient(160deg,#fff 42%,#f5f1fb);border-color:#d9d1ea}.practice-summary .summary-top{align-items:center}.summary-grade-pill{border-radius:var(--radius-pill);min-height:32px;color:var(--color-primary-hover);background:var(--color-primary-soft);border:1px solid #d8d0e9;align-items:center;padding:2px 11px;font-size:1rem;font-weight:700;display:inline-flex}.practice-summary .summary-topic-label{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.9375rem;line-height:1.4}.practice-summary .summary-topic{margin:0 0 var(--space-4);color:#30234f;overflow-wrap:anywhere;font-size:1.45rem;line-height:1.45}.practice-summary dl{margin:0 0 var(--space-5);border-color:#ded7eb}.practice-summary dl>div{align-items:baseline}.practice-summary .summary-detail-wide{display:block}.practice-summary .summary-detail-wide dt{margin-bottom:2px}.practice-summary .summary-detail-wide dd{text-align:left;color:#2f244e;font-weight:700;line-height:1.45}.practice-summary .summary-support-value{flex-wrap:wrap;align-items:center;gap:4px 9px;display:flex}.summary-support-meter{color:#5b438f;font-size:1.05rem;font-weight:700}.practice-summary>.button.primary{background:var(--color-primary);min-height:54px;box-shadow:var(--shadow-card);font-size:1.125rem}.practice-summary>.button.primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-hover)}.preview-overview{gap:var(--space-5) var(--space-8);margin-bottom:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-container);background:linear-gradient(145deg,var(--color-surface) 54%,var(--color-surface-soft));box-shadow:var(--shadow-card);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.preview-overview-copy{min-width:0}.preview-overview-topline{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.preview-grade{color:#5f4c91;margin:0;font-size:1.0625rem;font-weight:700}.preview-ready-state{border-radius:var(--radius-pill);color:var(--color-text-muted);background:#f0eef4;align-items:center;gap:6px;margin:0;padding:3px 10px;font-size:.9375rem;line-height:1.4;display:inline-flex}.preview-ready-state.is-ready{color:var(--color-success);background:var(--color-success-soft)}.preview-overview h1{color:#30204f;overflow-wrap:anywhere;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.35}.preview-facts{margin:var(--space-4) 0 0;flex-wrap:wrap;gap:7px 0;display:flex}.preview-facts>div{border-left:1px solid #ded8e9;align-items:baseline;gap:6px;min-width:0;padding:0 14px;display:flex}.preview-facts>div:first-child{border-left:0;padding-left:0}.preview-facts dt{color:var(--color-text-muted);font-size:.9375rem;line-height:1.45}.preview-facts dd{color:#342654;text-align:left;overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.45}.preview-support{letter-spacing:.14em;color:#5d438d;white-space:nowrap;display:inline-flex}.preview-actions{gap:10px;width:min(100%,250px);display:grid}.preview-actions>.button,.preview-actions>button{width:100%}.preview-actions>.button.primary{background:var(--color-primary);min-height:54px;box-shadow:var(--shadow-card)}.preview-actions>.button.primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-hover)}.preview-back{order:-1}.preview-save-action{border-top:1px solid #ded8eb;padding-top:10px}.preview-save-action>.button{width:100%}.preview-save-action .save-form{background:0 0;border:0;border-radius:0;width:100%;padding:0}.preview-save-action .save-form .button{color:#5b478c;box-shadow:none;background:#fff;border-color:#cfc7e0}.preview-save-action .save-form .button:hover{background:#f4f0fa}.preview-save-action .save-form .small-note{margin-top:7px;font-size:.79rem}.preview-print-options{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);max-width:100%;color:var(--color-text-secondary);margin:0 0 12px}.preview-print-options summary{min-height:44px;padding:10px 16px}.preview-print-options p{color:#665d77;margin:0;padding:0 16px 14px;font-size:.9375rem}.preview-page-navigation{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:9px 12px;display:flex}.preview-page-navigation output{color:#493778;font-weight:700}.preview-page-navigation>div{gap:8px;display:flex}.preview-page-navigation .button{min-height:42px;padding:6px 14px}.preview-page-navigation .button:disabled{opacity:.48;cursor:not-allowed}.preview-shell:has(.preview-overview) .page-viewer{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-container);background-color:#f0eef4;background-image:linear-gradient(#6654a709 1px,#0000 1px),linear-gradient(90deg,#6654a709 1px,#0000 1px);background-size:24px 24px}.preview-shell:has(.preview-overview) .worksheet.sheet-page{border-color:#cfc9dc;box-shadow:0 10px 30px #30275021}.preview-header-copy>p:last-child{color:var(--muted);margin:10px 0 0}.edition-tabs a[aria-current=page]{color:#fff;background:#6654a7}.builder-summary>p{margin-bottom:0}.journey-current{display:none}.pathway-builder .builder-main,.pathway-builder .practice-summary{box-shadow:none;background:var(--color-surface)}.pathway-builder .pathway-section-title{color:var(--color-text-primary);font-size:var(--type-section-title-size);line-height:var(--type-section-title-line);margin:0}.pathway-builder .practice-route-options{gap:var(--space-3);margin-bottom:var(--space-4)}.pathway-builder .compact-path-card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);box-shadow:none;grid-template-columns:22px minmax(0,1fr);transition:none;transform:none}.pathway-builder .compact-path-card:hover{background:var(--color-surface-soft);box-shadow:none;transform:none}.pathway-builder .compact-path-card:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:none}.pathway-builder .pathway-copy{gap:var(--space-1)}.pathway-builder .pathway-copy>strong{color:var(--color-primary-hover);font-size:var(--type-card-title-size);line-height:var(--type-card-title-line)}.pathway-builder .pathway-audience{margin:0;font-weight:400}.compact-path-support{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);color:var(--color-primary-hover);flex-wrap:wrap;font-size:1rem;font-weight:700;display:flex}.pathway-builder .pathway-copy>.pathway-counts{gap:var(--space-1) var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;font-size:1.3125rem;line-height:1.5;display:flex}.pathway-counts>span{white-space:normal}.pathway-next{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border);display:flex}.pathway-next p{color:var(--color-text-secondary);gap:2px;margin:0;font-size:1rem;line-height:1.5;display:grid}.pathway-next strong{color:var(--color-text-primary);font-size:1.125rem}.pathway-builder .pathway-next .button{min-height:48px;box-shadow:none;flex-shrink:0;transition:none;transform:none}.pathway-builder .pathway-comparison,.pathway-builder .advanced{margin:var(--space-3) 0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);box-shadow:none;overflow:visible}.pathway-builder :is(.pathway-comparison,.advanced)>summary{min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);color:var(--color-primary-hover);font-weight:700;list-style-position:inside;display:list-item}.pathway-builder :is(.pathway-comparison,.advanced)>summary:hover,.pathway-builder .advanced[open]>summary{background:var(--color-surface-soft)}.pathway-comparison>p,.pathway-comparison>div{padding:0 var(--space-4)}.pathway-comparison section{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.pathway-comparison h3{margin:0 0 6px;font-size:1.25rem}.pathway-comparison section p{margin:0 0 8px}.pathway-comparison blockquote{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-border-strong);background:var(--color-surface-soft);margin:0}.pathway-builder .advanced-content{gap:var(--space-6);padding:var(--space-4)}.pathway-builder .advanced-content fieldset{background:0 0;border:0;padding:0}.pathway-builder .advanced-content legend{padding:0}.pathway-builder .check-row{min-height:44px;padding:var(--space-2);border-radius:var(--radius-input)}.pathway-builder .check-row:hover{background:var(--color-surface-soft)}.pathway-builder .check-row small,.pathway-builder .field-help{color:var(--color-text-secondary)}.pathway-builder .advanced .advanced-content .field :is(input,select){border-color:var(--color-text-muted);border-radius:var(--radius-input);min-width:0;min-height:48px}.pathway-builder .advanced .advanced-content .field :is(input,select):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:none}.pathway-builder .practice-summary dl{border:0;border-radius:0;padding:0}.pathway-builder .practice-summary .studio-illustration-note{background:0 0;border:0;padding:0;display:block}.pathway-builder .practice-summary .small-note{color:var(--color-text-secondary)}@media (max-width:900px){.content-picker-filters{grid-template-columns:1fr;align-items:stretch}.preview-overview{grid-template-columns:1fr}.preview-actions{flex-wrap:wrap;width:100%;display:flex}.preview-actions>.button,.preview-actions>button,.preview-save-action{flex:210px}.preview-save-action{border-top:0;border-left:1px solid #ded8eb;padding-top:0;padding-left:10px}}@media (max-width:800px){.compact-journey .worksheet-journey{display:none}.compact-journey .journey-current{border-left:3px solid var(--color-primary);color:var(--color-primary-hover);background:var(--color-primary-soft);overflow-wrap:anywhere;margin:0 0 14px;padding:9px 12px;font-size:1.125rem;font-weight:700;line-height:1.5;display:block}.pathway-builder .builder-main{padding:var(--space-4) var(--space-3)}.pathway-builder .pathway-next{flex-direction:column;align-items:stretch}.pathway-builder .pathway-next .button{width:100%}.worksheet-journey{gap:4px}.worksheet-journey li{flex-direction:column;align-items:flex-start;padding:8px 4px;font-size:1rem}.content-picker-filters{padding:18px}.topic-selection-summary{align-items:flex-start}}@media (max-width:640px){.worksheet-journey{gap:6px;margin-bottom:14px;display:flex}.worksheet-journey li{border:1px solid #e1ddef;border-bottom-width:3px;border-radius:12px;flex-direction:row;flex:0 0 40px;justify-content:center;min-width:0;padding:5px}.worksheet-journey li[aria-current=step]{flex:auto;justify-content:flex-start;padding-inline:9px}.worksheet-journey li>span:first-child{flex-basis:26px;width:26px;height:26px}.worksheet-journey .journey-step-label{display:none}.worksheet-journey li[aria-current=step] .journey-step-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.0625rem;display:inline;overflow:hidden}.content-choice-grid{grid-template-columns:1fr}.content-grade-options{margin-right:-18px;padding-right:18px}.content-choice{padding:18px}.content-picker-count{align-items:flex-start}.practice-path-card{gap:var(--space-3);padding:var(--space-4);grid-template-columns:22px 50px minmax(0,1fr)}.pathway-motif{border-radius:15px;width:50px;height:50px}.pathway-motif svg{width:38px;height:38px}.pathway-copy>strong{font-size:1.375rem}.pathway-card-top{align-items:flex-start}.pathway-facts{flex-direction:column;align-items:flex-start;gap:7px}.preview-overview{border-radius:var(--radius-card);padding:20px 17px}.preview-overview-topline{flex-direction:column;align-items:flex-start}.preview-facts{grid-template-columns:1fr;gap:5px;display:grid}.preview-facts>div,.preview-facts>div:first-child{border-left:0;padding:0}.preview-actions{display:grid}.preview-actions>.button,.preview-actions>button,.preview-save-action{width:100%}.preview-save-action{border-top:1px solid #ded8eb;border-left:0;padding-top:10px;padding-left:0}.preview-page-navigation{flex-direction:column;align-items:stretch}.preview-page-navigation>div{grid-template-columns:1fr 1fr;display:grid}.preview-page-navigation .button{width:100%}.preview-shell:has(.preview-overview) .page-viewer{padding:var(--space-2);border-radius:var(--radius-card)}}@media (max-width:460px){.practice-path-card{grid-template-columns:22px minmax(0,1fr)}.pathway-motif{display:none}.pathway-selected-state{padding-inline:8px}.pathway-experience-list{grid-template-columns:1fr;gap:3px;display:grid}}}
:root{--color-primary:#6654a7;--color-primary-hover:#514087;--color-primary-soft:#f3effa;--color-background:#fbfaf7;--color-surface:#fff;--color-surface-soft:#f8f5fc;--color-text-primary:#30364f;--color-text-secondary:#566172;--color-text-muted:#6d7286;--color-border:#ddd8e8;--color-border-strong:#afa3c8;--color-focus:#9a4d00;--color-success:#356e5b;--color-success-soft:#edf7f1;--color-warning:#765b16;--color-warning-soft:#fff7df;--color-error:#963f3a;--color-error-soft:#fff1ef;--color-accent-mint:#dff1e8;--color-accent-mint-ink:#356e5b;--color-accent-yellow:#fff1c9;--color-accent-yellow-ink:#765b16;--color-accent-blue:#e8f0fa;--color-accent-blue-ink:#42658a;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-button:.875rem;--radius-input:.875rem;--radius-card:1.125rem;--radius-container:1.5rem;--radius-pill:999px;--shadow-card:0 3px 0 #5948820f, 0 8px 22px #3a305c0f;--shadow-hover:0 3px 0 #59488214, 0 13px 28px #3a305c1a;--shadow-overlay:0 20px 52px #30275029;--font-body:var(--font-ui-body), Tahoma, Thonburi, Arial, sans-serif;--font-heading:var(--font-ui-heading), Tahoma, Thonburi, Arial, sans-serif;--type-page-title-size:clamp(2.125rem, 2.8vw, 2.5rem);--type-page-title-line:1.4;--type-section-title-size:1.75rem;--type-section-title-line:1.5;--type-card-title-size:1.5rem;--type-card-title-line:1.45;--type-body-size:1.375rem;--type-body-line:1.7;--type-helper-size:1.125rem;--type-helper-line:1.6;--type-label-size:1.25rem;--type-label-line:1.5;--type-metadata-size:1.125rem;--type-metadata-line:1.55;--weight-regular:400;--weight-bold:700;--mascot-size-small:2.5rem;--mascot-size-medium:6rem;--mascot-size-hero:11.25rem;--motif-color:var(--color-primary);--motif-color-soft:var(--color-accent-blue-ink);--motif-opacity:.12;--motif-opacity-symbol:.1;--motif-opacity-grid:.06;--motif-opacity-geometry:.1;--motif-size-small:1.25rem;--motif-size-medium:2rem;--motif-size-large:3rem;--motion-fast:.12s;--motion-normal:.18s;--motion-ease:cubic-bezier(.2, .8, .2, 1)}@media screen and (max-width:650px){:root{--type-page-title-size:2rem;--type-page-title-line:1.4}}@media screen{:root{--ink:var(--color-text-primary);--muted:var(--color-text-muted);--blue:var(--color-primary);--blue-dark:var(--color-primary-hover);--line:var(--color-border);--surface:var(--color-surface);--canvas:var(--color-background);--notice:var(--color-warning-soft);--notice-ink:var(--color-warning);--radius:var(--radius-card);--soft-shadow:var(--shadow-card);--shadow:var(--shadow-overlay)}html{background:var(--color-background)}body{color:var(--color-text-primary);background:radial-gradient(at 100% 0, #6654a712 0, transparent 44%), linear-gradient(180deg, var(--color-background), #f8faf7);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--weight-regular);line-height:var(--type-body-line)}:is(h1,h2,h3):not(.worksheet *){color:var(--color-text-primary);font-family:var(--font-heading);font-weight:var(--weight-bold)}h1:not(.worksheet *),.type-page-title{font-size:var(--type-page-title-size);line-height:var(--type-page-title-line)}h2:not(.worksheet *),.type-section-title{font-size:var(--type-section-title-size);line-height:var(--type-section-title-line)}h3:not(.worksheet *),.type-card-title{font-size:var(--type-card-title-size);line-height:var(--type-card-title-line)}.type-body{font-size:var(--type-body-size);line-height:var(--type-body-line)}.type-helper,.small-note,.field-help{font-size:var(--type-helper-size);line-height:var(--type-helper-line)}.type-label,:is(.field,legend){font-size:var(--type-label-size);line-height:var(--type-label-line)}.type-metadata,.eyebrow,.route-index{font-size:var(--type-metadata-size);line-height:var(--type-metadata-line)}.muted,.small-note,.field-help{color:var(--color-text-muted)}.button{border-radius:var(--radius-button);transition:color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease)}.button.primary{border-color:var(--color-primary);background:var(--color-primary);box-shadow:var(--shadow-card);color:#fff}.button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.button.secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-primary)}.button.secondary:hover{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-card);transform:translateY(-1px)}.button[aria-pressed=true],.button[data-state=selected]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 2px var(--color-primary);color:var(--color-primary-hover)}.button:active,.button[data-state=active]{box-shadow:none;transform:translateY(0)scale(.99)}.button[aria-busy=true],.button[data-state=loading]{opacity:.72;cursor:progress}.button[data-state=error]{border-color:var(--color-error);background:var(--color-error);color:#fff}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}:is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(.worksheet *){border-color:var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-text-primary);transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease)}:is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(.worksheet *):hover{border-color:var(--color-primary)}:is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(.worksheet *):focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 4px #6654a72e}:is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(.worksheet *)[aria-invalid=true]{border-color:var(--color-error);background:var(--color-error-soft);box-shadow:0 0 0 3px #963f3a1f}:is(input,select,textarea):not(.worksheet *)[aria-busy=true],:is(input,select,textarea):not(.worksheet *)[data-state=loading]{opacity:.72;cursor:progress}:is(input,select,textarea):not(.worksheet *):disabled{background:var(--color-surface-soft);color:var(--color-text-muted);cursor:not-allowed}:is(.ui-card,.surface-panel,.builder-summary,.advanced,.empty-state,.about-section){border-color:var(--color-border);border-radius:var(--radius-card);background-color:var(--color-surface);box-shadow:var(--shadow-card)}.about-shell .about-section{box-shadow:none}:is(.ui-card,.topic-card,.content-choice,.content-version-option,.route-option){transition:background-color var(--motion-normal) var(--motion-ease), border-color var(--motion-normal) var(--motion-ease), box-shadow var(--motion-normal) var(--motion-ease), transform var(--motion-normal) var(--motion-ease)}:is(.ui-card,.topic-card,.content-choice,.content-version-option):hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}:is(.ui-card,.topic-card,.content-choice,.content-version-option):active{transform:translateY(0)}:is(.ui-card,.topic-card,.content-choice,.content-version-option)[aria-selected=true],:is(.ui-card,.topic-card,.content-choice,.content-version-option)[data-state=selected]{border-color:var(--color-primary);box-shadow:0 0 0 3px #6654a724, var(--shadow-card)}:is(.ui-card,.topic-card,.content-choice,.content-version-option)[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}:is(.ui-card,.topic-card,.content-choice,.content-version-option)[aria-busy=true]{opacity:.72;cursor:progress}:is(.ui-card,.surface-panel,.topic-card,.content-choice,.content-version-option)[data-state=error]{border-color:var(--color-error);background:var(--color-error-soft)}:is(.filter-control,.content-grade-options button,.topic-grade-options button){border-color:var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text-secondary);transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease)}:is(.filter-control,.content-grade-options button,.topic-grade-options button):hover{border-color:var(--color-primary);background:var(--color-primary-soft)}:is(.filter-control,.content-grade-options button,.topic-grade-options button):active{transform:scale(.98)}:is(.filter-control,.content-grade-options button,.topic-grade-options button)[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-hover);color:#fff}:is(.filter-control,.content-grade-options button,.topic-grade-options button)[aria-busy=true],:is(.filter-control,.content-grade-options button,.topic-grade-options button)[data-state=loading]{opacity:.72;cursor:progress}:is(.filter-control,.content-grade-options button,.topic-grade-options button)[aria-invalid=true],:is(.filter-control,.content-grade-options button,.topic-grade-options button)[data-state=error]{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}:is(.filter-control,.content-grade-options button,.topic-grade-options button):disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}:is(.selectable-card,.route-option){border-color:var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}:is(.selectable-card,.route-option):hover{border-color:var(--color-border-strong);background:var(--color-surface-soft);box-shadow:var(--shadow-hover);transform:translateY(-1px)}:is(.selectable-card,.route-option).selected,:is(.selectable-card,.route-option)[aria-selected=true],:is(.selectable-card,.route-option)[data-selected=true]{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-surface), var(--color-primary-soft));box-shadow:0 0 0 3px #6654a724, var(--shadow-card)}:is(.selectable-card,.route-option):has(input:checked){border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-surface), var(--color-primary-soft));box-shadow:0 0 0 3px #6654a724, var(--shadow-card)}:is(.selectable-card,.route-option):active{transform:translateY(0)scale(.995)}:is(.selectable-card,.route-option)[aria-busy=true],:is(.selectable-card,.route-option)[data-state=loading]{opacity:.72;cursor:progress}:is(.selectable-card,.route-option)[aria-invalid=true],:is(.selectable-card,.route-option)[data-state=error]{border-color:var(--color-error);background:var(--color-error-soft)}:is(.selectable-card,.route-option):has(input:disabled){opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}input:is([type=radio],[type=checkbox]):not(.worksheet *){accent-color:var(--color-primary)}:is(a,button,input,select,textarea,summary,[tabindex]):not(.worksheet *):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}:is(.success-notice,[data-tone=success]){border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}:is(.dev-notice,[data-tone=warning]){border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}:is([role=alert],[data-tone=error]):not(.worksheet *){border-color:var(--color-error);color:var(--color-error)}.studio-illustration[data-mascot-size=small]{width:var(--mascot-size-small);height:auto}.studio-illustration[data-mascot-size=medium]{width:var(--mascot-size-medium);height:auto}.studio-illustration[data-mascot-size=hero]{width:var(--mascot-size-hero);height:auto}.studio-motif{color:var(--motif-color);opacity:var(--motif-opacity);pointer-events:none;-webkit-user-select:none;user-select:none}.studio-motif--star{color:var(--color-primary);opacity:var(--motif-opacity)}.studio-motif--math{color:var(--color-accent-mint-ink);opacity:var(--motif-opacity-symbol)}.studio-motif--soft{color:var(--motif-color-soft)}.studio-motif--grid{color:var(--color-accent-blue-ink);opacity:var(--motif-opacity-grid)}.studio-motif--geometry{color:var(--color-accent-yellow-ink);opacity:var(--motif-opacity-geometry)}.studio-motif--small{width:var(--motif-size-small);height:var(--motif-size-small)}.studio-motif--medium{width:var(--motif-size-medium);height:var(--motif-size-medium)}.studio-motif--large{width:var(--motif-size-large);height:var(--motif-size-large)}}@media screen and (prefers-reduced-motion:reduce){:root{--motion-fast:.01ms;--motion-normal:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}
@media screen{.auth-mode-nav{background:#eeeaf6;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:12px 12px 0;padding:5px;display:grid}.auth-mode-nav a{text-align:center;color:#565069;border-radius:10px;padding:9px 12px;font-weight:700;text-decoration:none}.auth-mode-nav a[aria-current=page]{color:#514087;background:#fff;box-shadow:0 2px 7px #51408712}.password-auth-form{gap:17px}.auth-password-input{background:#fff;border:1px solid #bab4cb;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.auth-password-input:focus-within{outline-offset:2px;border-color:#6654a7;outline:3px solid #c6b8e4}.password-auth-form .auth-password-input input:not([type=checkbox]):not([type=radio]){min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1}.password-auth-form .auth-password-input input:not([type=checkbox]):not([type=radio]):focus{box-shadow:none;outline:0}.auth-password-input:has([aria-invalid=true]){background:#fff3f2;border-color:#a7444d}.auth-password-toggle{color:#514087;min-width:60px;min-height:44px;font:inherit;cursor:pointer;background:#f2eff8;border:0;border-radius:8px;flex:none;margin:3px;padding:6px 10px;font-weight:700}.auth-password-toggle:hover{background:#e7e0f1}.auth-password-help{margin:-8px 0 0}.auth-forgot-link{color:#514087;justify-self:end;font-weight:700}.auth-submit{width:100%;min-height:48px}.auth-feedback{border:1px solid;border-radius:12px;margin:0;padding:13px 16px;line-height:1.6}.auth-feedback-error{color:#822d35;background:#fff3f2;border-color:#e4bbbd}.auth-feedback-success{color:#235b45;background:#edf7f1;border-color:#bad8c8}.auth-account-email{overflow-wrap:anywhere;margin:0}.auth-alternative{text-align:center;border-top:1px solid #ded8e8;margin:0 22px 22px;padding-top:17px}.auth-alternative p{color:#656073;margin:0 0 4px}.auth-alternative a{color:#514087;font-weight:700}.auth-footer-link{text-align:center;margin:18px 22px}@media (max-width:600px){.auth-mode-nav{margin:8px 8px 0}.auth-mode-nav a{padding:8px 5px}.auth-password-toggle{min-width:56px}.auth-forgot-link{justify-self:start}.auth-shell .auth-visual-copy .eyebrow,.auth-shell .auth-visual-copy p:last-child,.auth-shell .auth-panel .page-heading .eyebrow{display:none}.auth-shell .auth-visual.studio-auth-welcome{padding:14px 20px}.auth-shell .auth-panel{padding:20px 18px}.auth-shell .auth-panel>.back-link{margin-bottom:12px}.auth-shell .auth-panel .page-heading{margin-bottom:18px}.auth-shell .auth-panel .page-heading h1{margin-bottom:6px;font-size:2rem;line-height:1.3}.auth-shell .auth-panel .page-heading>p:last-child{margin-bottom:0;line-height:1.6}.auth-shell .password-auth-form{gap:14px;padding:16px}}}
@media screen{.app-sidebar{border-right-color:var(--color-border);background:var(--color-surface);padding:17px 11px 22px}.primary-navigation{gap:15px;display:grid}.sidebar-group{min-width:0}.sidebar-group-utility{border-top:1px solid var(--color-border);padding-top:12px}.sidebar-caption{color:var(--color-text-muted);letter-spacing:0;margin:0 0 5px;padding:0 13px;font-size:1.125rem;line-height:1.35}.sidebar-links{gap:3px;padding:3px;display:grid}.sidebar-links>a{border-radius:var(--radius-button);min-width:0;min-height:56px;color:var(--color-text-primary);background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:7px 9px;text-decoration:none;display:flex;position:relative}.sidebar-links>a:hover{background:var(--color-surface-soft);color:var(--color-primary-hover)}.sidebar-links>a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-hover)}.sidebar-links>a[aria-current=page]:before{content:"";background:var(--color-primary);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:1px}.sidebar-links .menu-icon{width:31px;height:31px;color:var(--color-text-muted);background:0 0;border-radius:9px;flex:0 0 31px;place-items:center;display:grid}.sidebar-links .menu-icon svg{width:21px;height:21px}.sidebar-links>a[aria-current=page] .menu-icon{background:var(--color-surface);color:var(--color-primary-hover)}.sidebar-links .menu-copy{min-width:0}.sidebar-links .menu-copy strong{overflow-wrap:anywhere;font-size:1.25rem;font-weight:700;line-height:1.3}.sidebar-links-utility>a{min-height:49px;padding-left:14px}.sidebar-links-utility .menu-copy strong{font-size:1.1875rem}.app-sidebar :is(a,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;z-index:1}}@media screen and (max-width:980px){.app-sidebar{background:var(--color-surface);padding:0}.sidebar-caption{display:block}.menu-toggle{border-bottom:1px solid var(--color-border);background:var(--color-surface);min-height:52px;color:var(--color-primary-hover);padding:8px 18px;font-size:1.125rem}.menu-toggle>span:last-child{color:var(--color-text-secondary);font-size:1rem}.sidebar-content{padding:9px 16px 17px}.primary-navigation{gap:12px}.sidebar-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}.sidebar-group-utility{padding-top:10px}}@media screen and (max-width:650px){.sidebar-links{grid-template-columns:1fr}.sidebar-links>a{min-height:50px}.sidebar-links-utility>a{min-height:44px}}
.formative-panel{color:#23334a;background:#fff;border:1px solid #c8d6e8;border-radius:18px;margin:24px 0;padding:24px;box-shadow:0 4px 18px #17499b0a}.formative-panel h2{margin:0 0 8px;font-size:clamp(1.5rem,2vw,2rem)}.formative-panel p{line-height:1.6}.formative-form{gap:18px;max-width:760px;margin-top:18px;font-size:1.05rem;display:grid}.formative-form>label,.formative-form fieldset>label{gap:7px;font-weight:700;display:grid}.formative-form fieldset{border:1px solid #9eb3ce;border-radius:12px;gap:12px;margin:0;padding:16px 18px;display:grid}.formative-form legend{padding:0 6px;font-size:1.12rem;font-weight:700}.formative-form input:not([type=checkbox]),.formative-form select{box-sizing:border-box;color:#23334a;width:100%;min-height:46px;font:inherit;background:#fff;border:2px solid #627eaa;border-radius:9px;padding:8px 12px}.formative-form input[type=checkbox]{accent-color:#244e8c;flex:none;width:22px;height:22px}.formative-form .formative-choice{align-items:flex-start;gap:10px;font-weight:500;line-height:1.5;display:flex}.formative-form :focus-visible,.formative-nav a:focus-visible,.formative-ticket-list a:focus-visible{outline-offset:3px;outline:3px solid #244e8c}.formative-form button{justify-self:start;min-height:46px}.formative-help{color:#405777;margin:0}.formative-ticket-list{gap:9px;padding:0;list-style:none;display:grid}.formative-ticket-list li{border:1px solid #c8d6e8;border-radius:9px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 14px;display:flex}.formative-nav{flex-wrap:wrap;justify-content:space-between;gap:14px;margin:18px 0;font-size:1.05rem;font-weight:700;display:flex}.formative-results{max-width:1000px}.formative-success{color:#245d37;background:#e8f5ed;border-radius:10px;padding:12px 16px;font-weight:700}@media (max-width:600px){.formative-panel{padding:18px}.formative-ticket-list li{display:grid}}@media print{.formative-nav,.formative-panel,.formative-results{display:none!important}}
@font-face{font-family:interfaceBody;src:url(../media/THSarabunNew_Regular-s.p.23s4qebk2007h.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:interfaceBody;src:url(../media/THSarabunNew_Bold-s.p.0n0wvjsc4ghm9.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:interfaceBody Fallback;src:local(Arial);ascent-override:122.78%;descent-override:66.48%;line-gap-override:4.36%;size-adjust:68.74%}.interfacebody_50bd6083-module__gO4uGG__className{font-family:interfaceBody,interfaceBody Fallback,Tahoma,Thonburi,Arial}.interfacebody_50bd6083-module__gO4uGG__variable{--font-ui-body:"interfaceBody", "interfaceBody Fallback", Tahoma, Thonburi, Arial}
@font-face{font-family:interfaceHeading;src:url(../media/THSarabunNew_Bold-s.p.0n0wvjsc4ghm9.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:interfaceHeading Fallback;src:local(Arial);ascent-override:115.09%;descent-override:62.32%;line-gap-override:4.09%;size-adjust:73.33%}.interfaceheading_65cfe61f-module__wT6tzq__className{font-family:interfaceHeading,interfaceHeading Fallback,Tahoma,Thonburi,Arial;font-style:normal;font-weight:700}.interfaceheading_65cfe61f-module__wT6tzq__variable{--font-ui-heading:"interfaceHeading", "interfaceHeading Fallback", Tahoma, Thonburi, Arial}