.button{min-height:var(--control-height);border-radius:var(--radius-control)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.button[aria-busy=true]{cursor:progress}.button.ghost{color:var(--ink);background:0 0;border:1px solid #0000}.button.ghost:hover:not(:disabled){background:var(--color-secondary)}.button.primary.danger{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.button.primary.danger:hover:not(:disabled){background:var(--color-danger-hover)}.button.secondary.danger{color:var(--color-danger);background:var(--color-danger-soft)}.button.compact{min-height:var(--control-height);font-size:var(--font-label)}.icon-button{min-width:var(--control-height);min-height:var(--control-height);border-radius:var(--radius-control)}:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.ds-field{gap:var(--space-2);align-content:start;margin:0}.ds-field>span{font-size:var(--font-label)}.ds-field-label{font-size:var(--font-label);gap:var(--space-2);justify-content:space-between;align-items:baseline;font-weight:650;display:flex}.ds-field-label small{color:var(--muted);font-weight:400}.ds-field .ds-field-hint{color:var(--ink-soft);line-height:1.5;font-size:var(--font-label);font-weight:400}.ds-field-error{color:var(--color-danger);font-size:var(--font-label);line-height:1.5}.form-field [aria-invalid=true]{border-color:var(--color-danger)}.form-field :is(input,select,textarea):disabled{background:var(--color-secondary);cursor:not-allowed}.form-field :is(input,textarea):read-only{background:var(--color-background)}.ds-status{border-radius:var(--radius-pill);width:fit-content;font-size:var(--font-caption);color:var(--ink-soft);background:var(--color-secondary);align-items:center;gap:6px;padding:5px 10px;font-weight:650;line-height:1.5;display:inline-flex}.ds-status[data-status-tone=success]{color:var(--color-success);background:var(--color-success-soft)}.ds-status[data-status-tone=warning]{color:var(--color-warning);background:var(--color-warning-soft)}.ds-status[data-status-tone=danger]{color:var(--color-danger);background:var(--color-danger-soft)}.ds-status[data-status-tone=information]{color:var(--color-information);background:var(--color-information-soft)}.ds-modal-overlay{z-index:var(--layer-dialog);background:#2646536b;position:fixed;inset:0}.ds-modal{z-index:var(--layer-dialog);background:var(--surface);width:min(640px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-dialog);box-shadow:var(--shadow-floating);margin:0;animation:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.ds-modal.ds-modal-wide{width:min(1040px,100% - 32px)}.ds-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--line);background:var(--section-soft,var(--color-background));display:flex}.ds-modal-header>div{gap:var(--space-2);min-width:0;display:grid}.ds-modal-header h2{overflow-wrap:anywhere;margin:0;font-size:1.5rem;line-height:1.3}.ds-modal-header p{color:var(--ink-soft);font-size:var(--font-label);line-height:1.5}.ds-modal-header .eyebrow{color:var(--section-ink,var(--ink-soft))}.ds-modal-header .icon-button{color:var(--ink);background:var(--surface);flex-shrink:0}.ds-confirm-overlay,.ds-confirm{z-index:var(--layer-confirmation)}.ds-confirm{padding:var(--space-6);width:min(460px,100% - 32px)}.ds-confirm h2{margin-bottom:var(--space-3);font-size:1.25rem}.ds-confirm p{color:var(--ink-soft);line-height:1.6}.ds-confirm-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.ds-modal.pei-workbench{height:min(920px,100dvh - 32px);animation:none}.ds-modal.pei-workbench .editor-header{background:var(--color-planning-soft);border-top:4px solid var(--paina-orange)}.ds-modal.pei-workbench .editor-header .eyebrow{color:var(--color-planning)}.ds-modal.pei-workbench .form-field :is(input,select,textarea){background:var(--surface);font-size:var(--field-font-size);border-color:var(--color-input-border);border-radius:var(--field-radius)}.ds-modal.pei-workbench .form-field :is(input,select,textarea):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ds-modal.pei-workbench .pei-objective-nav button[aria-current=step]{background:var(--color-action);border-color:var(--color-action)}.ds-modal.pei-workbench .pei-workbench-error{color:var(--color-danger);background:var(--color-danger-soft)}.ds-modal.pei-workbench .pei-support-form{border-color:var(--color-planning-border);border-top-color:var(--paina-orange);box-shadow:none}.ds-modal.pei-workbench .pei-support-form>header{background:var(--color-planning-soft);border-color:var(--color-planning-border)}.ds-modal.pei-workbench .pei-support-position{color:var(--color-planning)}.ds-modal.pei-workbench .pei-objective-panel{border-radius:var(--radius-card)}@media (max-width:740px){.ds-modal.pei-workbench{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.ds-modal-header{padding:var(--space-4)}.ds-confirm-actions>.button{flex:160px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.ds-modal,.ds-modal-overlay{transition:none;animation:none}}.pei-workbench .ds-field .ds-field-hint{font-weight:400;font-size:var(--font-label);color:var(--ink-soft)}
.sidebar{background:var(--surface);border-color:var(--line)}.brand-mark{background:var(--paina-blue);box-shadow:none}.brand b{color:var(--color-planning)}.nav-item[data-tone] svg{color:var(--section-ink)}.nav-item[data-tone].selected{color:var(--section-ink);background:var(--section-soft);box-shadow:inset 3px 0 var(--section-accent)}.help-card{background:var(--paina-nude);border:1px solid var(--line)}.profile-hero{background:var(--color-participation-soft);border:1px solid var(--color-participation-border);border-top:4px solid var(--paina-rose);border-radius:var(--radius-card);padding:var(--space-6)}.profile-hero .avatar{color:var(--color-participation);background:var(--surface);border:1px solid var(--color-participation-border)}.student-areas{background:var(--surface);border-radius:var(--radius-card);gap:var(--space-2)}.student-areas button[data-tone]{justify-content:center;align-items:center;gap:var(--space-2);color:var(--section-ink);border-radius:var(--radius-control);border-bottom:3px solid var(--section-accent);display:flex}.student-areas button[data-tone][aria-current],.student-areas button[data-tone]:hover{background:var(--section-soft);color:var(--section-ink);box-shadow:none}.student-sections button[data-tone][aria-current],.student-sections button[data-tone]:hover{color:var(--section-ink);background:var(--section-soft);border-color:var(--section-border)}.student-work-card[data-tone]{border-top:4px solid var(--section-accent);background:var(--section-soft);border-radius:var(--radius-card)}.student-work-card[data-tone] h3,.student-work-card[data-tone] .student-work-link{color:var(--section-ink)}.pei-reader .section-kicker{color:var(--color-planning)}.pei-reader-overview.card{border-left:4px solid var(--paina-orange);background:var(--color-planning-soft)}.pei-reader-cycle-heading svg{color:var(--color-planning)}.pei-reader-goal.card{border-top:3px solid var(--paina-orange)}.pei-reader-goal .goal-number{background:var(--color-planning-soft);color:var(--color-planning)}.pei-reader-goal-area{color:var(--color-planning)}.pei-reader-goal-footer{background:var(--color-background)}.pei-reader-shared{background:var(--color-planning-soft)}.pei-reader-participation{background:var(--color-participation-soft);border-color:var(--color-participation-border)}.pei-reader-disclosure>summary{color:var(--color-planning)}.pei-reader-goal-heading .ds-status{white-space:normal}.metric-icon.gold{color:var(--color-planning);background:var(--color-planning-soft)}.metric-icon.rose{color:var(--color-participation);background:var(--color-participation-soft)}.metric-icon.green{color:var(--color-follow-up);background:var(--color-follow-up-soft)}.metric-icon.blue{color:var(--color-information);background:var(--color-information-soft)}@media (max-width:640px){.profile-hero{padding:var(--space-4)}.student-areas button[data-tone]{gap:4px}}