.ds-appearance{margin:32px 0 44px}.ds-section-heading{max-width:800px;margin-bottom:22px}.ds-section-heading h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25;margin:8px 0 12px}.ds-section-heading p{line-height:1.7;color:var(--muted)}.ds-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ds-style-option{display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:left;border:2px solid var(--border,#d7dedc);border-radius:16px;padding:18px;background:var(--surface,#fff);color:var(--ink);font:inherit;cursor:pointer;min-width:0}.ds-style-option.is-selected{border-color:var(--green,#285e4c);outline:2px solid color-mix(in srgb,var(--green,#285e4c) 20%,transparent);outline-offset:2px}.ds-style-option>strong{font-size:1.04rem}.ds-style-option>span:not(.ds-mini){font-size:.85rem;line-height:1.6;flex:1}.ds-style-option small{font-size:.74rem;line-height:1.4}.ds-style-option:focus-visible,.cw-palette-choice:focus-visible{outline:3px solid var(--green,#285e4c);outline-offset:4px}.ds-mini{display:flex;align-items:center;gap:10px;min-height:140px;padding:16px;background:var(--paper,#f3f6f2);border-radius:10px;overflow:hidden}.ds-mini-card{flex:1;min-width:0;background:var(--surface,#fff);border:1px solid var(--border,#d7dedc);padding:12px;display:flex;flex-direction:column;gap:9px}.ds-mini-card i{display:block;height:28px;background:var(--accent,#dce9b4);border-radius:3px}.ds-mini-card>span{height:5px;width:75%;background:var(--ink,#173e35);opacity:.25}.ds-mini-card b{display:block;background:var(--green,#285e4c);height:15px;width:68%}.ds-mini-small{transform:translateY(14px)}.ds-mini-soft .ds-mini-card{border-radius:18px;box-shadow:0 4px 12px #10243a18}.ds-mini-soft b{border-radius:999px}.ds-mini-sharp .ds-mini-card{border:2px solid var(--ink,#173e35);border-radius:0}.ds-mini-sharp b{border-radius:0}.ds-mini-quiet .ds-mini-card{border-radius:9px;padding:15px}.ds-mini-quiet b{border-radius:7px}.ds-mini-raised .ds-mini-card{border:0;border-radius:14px;box-shadow:0 10px 16px #10243a30}.ds-mini-raised b{border-radius:6px}.ds-refine{margin-top:24px;padding:26px}.ds-refine h3{margin:0 0 8px}.ds-refine p{line-height:1.6}.ds-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;align-items:end}.ds-controls .field{min-width:0}.ds-controls .field input,.ds-controls .field select{width:100%;min-width:0}.ds-controls>.button{justify-self:start}.ds-publish-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border,#d7dedc);margin-top:24px;padding-top:24px}.ds-history{margin-top:18px}.ds-history summary{cursor:pointer;font-weight:600}.cw-course-design{padding:26px}.cw-course-design>p{max-width:800px;line-height:1.7}.cw-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}.cw-palette-grid.family{grid-template-columns:repeat(5,minmax(0,1fr))}.cw-palette-choice{display:flex;flex-direction:column;gap:12px;padding:16px;border:2px solid var(--border,#d7dedc);border-radius:12px;background:var(--surface,#fff);color:var(--ink);text-align:left;font:inherit;font-size:.86rem;cursor:pointer;min-width:0}.cw-palette-choice[aria-pressed=true]{border-color:var(--green,#285e4c);box-shadow:0 0 0 2px color-mix(in srgb,var(--green,#285e4c) 14%,transparent)}.cw-palette-swatches{display:flex;gap:4px;pointer-events:none}.cw-palette-swatches input[type=color]{appearance:none;box-sizing:border-box;opacity:1;width:100%;min-width:0;height:28px;border:0;padding:0;background:transparent;pointer-events:none}.cw-palette-swatches input::-webkit-color-swatch-wrapper{padding:0}.cw-palette-swatches input::-webkit-color-swatch{border:1px solid #0001;border-radius:4px}.cw-palette-choice>strong{line-height:1.5;overflow-wrap:anywhere}.cw-palette-details{border:1px solid var(--border,#d7dedc);border-radius:12px;padding:18px}.cw-palette-details summary{font-weight:650;cursor:pointer}.cw-palette-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.cw-palette-fields .field{display:flex;flex-direction:column;gap:8px}.cw-palette-fields input[type=color]{width:100%;height:48px;padding:2px;border:1px solid var(--border,#d7dedc);border-radius:8px}.cw-color-value{font-size:.75rem;font-family:monospace;color:var(--muted)}.cw-design-inherit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border,#d7dedc);border-radius:12px}.cw-design-inherit p{margin:5px 0 0;font-size:.85rem;line-height:1.6}.cw-design-note{font-size:.82rem;line-height:1.65;color:var(--muted)}
@media(max-width:1100px){.ds-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-palette-grid.family{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.ds-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-publish-row,.cw-design-inherit{align-items:stretch;flex-direction:column}.ds-refine,.cw-course-design{padding:18px}.cw-palette-grid,.cw-palette-grid.family{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-palette-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-style-option{padding:12px}.ds-mini{padding:8px;gap:7px;min-height:105px}.ds-mini-card{padding:9px}.ds-mini-small{display:none}.ds-style-option small{font-size:.7rem}}
@media(max-width:420px){.ds-controls{grid-template-columns:minmax(0,1fr)}.ds-style-grid{gap:10px}.ds-style-option>strong{font-size:.92rem}.cw-palette-choice{padding:12px}}

.cw-palette-swatches svg{display:block;width:100%;height:28px}
.ds-mini-sharp .ds-mini-card i{border-radius:0}
.ds-settings>[hidden]{display:none!important}.ds-section-tabs{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;z-index:12;padding:8px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--radius,12px);margin:0 0 28px}.ds-section-tabs a{display:block;padding:13px 22px;font-weight:650;font-size:15px;border-radius:var(--button-radius,8px);text-decoration:none;color:var(--ink);border:1px solid transparent}.ds-section-tabs a[aria-selected=true]{background:var(--green);color:var(--button-ink,#fff);border-color:var(--green)}.ds-section-tabs a:focus-visible{outline:3px solid var(--green);outline-offset:2px}.ds-section-panel{min-width:0}.ds-section-panel>.ds-appearance{margin-top:0}.ds-section-panel .ds-appearance{scroll-margin-top:100px}
@media(max-width:600px){.ds-section-tabs{gap:4px;padding:5px;margin-bottom:22px}.ds-section-tabs a{flex:1;text-align:center;padding:12px 8px;font-size:13px}}