.theme-forest{--design-accent:#164f43;--design-hero:#123b3b;--design-tint:#edf3ee}
.theme-sage{--design-accent:#476044;--design-hero:#354735;--design-tint:#f0f3e9}
.theme-mint{--design-accent:#176967;--design-hero:#124b4c;--design-tint:#eaf6f2}
.theme-navy{--design-accent:#284c72;--design-hero:#152e4c;--design-tint:#edf2f8}
.theme-sky{--design-accent:#26618a;--design-hero:#17445d;--design-tint:#edf6fb}
.theme-ocean{--design-accent:#1c6072;--design-hero:#123e4b;--design-tint:#ebf4f6}
.theme-lavender{--design-accent:#6b527e;--design-hero:#443354;--design-tint:#f4eff8}
.theme-purple{--design-accent:#754569;--design-hero:#4e2c45;--design-tint:#f7eff4}
.theme-rose{--design-accent:#904d60;--design-hero:#5b303d;--design-tint:#fbf0f2}
.theme-coral{--design-accent:#a04e42;--design-hero:#643b34;--design-tint:#fff2ec}
.theme-peach{--design-accent:#8b583a;--design-hero:#583e2b;--design-tint:#fff5ea}
.theme-amber{--design-accent:#85611f;--design-hero:#51401c;--design-tint:#fcf7e9}
.theme-olive{--design-accent:#62672d;--design-hero:#3d4323;--design-tint:#f4f5e9}
.theme-cocoa{--design-accent:#765647;--design-hero:#4b372f;--design-tint:#f6f0eb}
.theme-slate{--design-accent:#4c6070;--design-hero:#2b3c48;--design-tint:#eff3f6}
.theme-charcoal{--design-accent:#50534d;--design-hero:#2e332f;--design-tint:#f5f4ee}
.standalone-site{--site-accent:var(--design-accent,#164f43)}.standalone-site.teacher-site{--site-accent:var(--design-accent,#164f43)}
.standalone-site .site-initial,.standalone-site .site-top-nav .nav-contact,.standalone-site .back-to-top,.standalone-site .class-filters button[aria-pressed=true]{background:var(--design-accent)}
.standalone-site .teacher-hero{background:var(--design-hero)}.standalone-site .site-brand strong,.standalone-site .panel h2,.standalone-site .site-class h3,.standalone-site .site-class-facts,.standalone-site .site-class .text-btn,.standalone-site .site-top-nav a:hover,.standalone-site .site-top-nav a[aria-current]{color:var(--design-accent)}
.standalone-site .hero-primary{color:var(--design-accent)!important}.standalone-site .public-contact{background:var(--design-tint)!important}.standalone-site .site-class details,.standalone-site .center-quick-links a:hover{background:var(--design-tint)}
.standalone-site .center-hero{flex-direction:row-reverse;justify-content:space-between;gap:35px}.center-hero .profile-hero-text{flex:1}.standalone-site .center-hero .profile-portrait{display:flex;position:relative;z-index:3;flex:0 0 250px;width:250px;height:230px;padding:12px;border:1px solid #ffffff99;border-radius:24px;background:#fffffff2;box-shadow:0 15px 45px #122a3540;align-items:center;justify-content:center;overflow:hidden}.standalone-site .center-hero .profile-portrait img{width:100%;height:100%;object-fit:contain;border-radius:12px}.standalone-site .center-hero .profile-portrait:not(:has(img)){display:none}
.design-settings{border:1px solid #dce5db;border-radius:14px;padding:24px;margin:20px 0 30px;background:#fafcf8}.design-settings legend{font-size:18px;font-weight:700;padding:0 8px}.design-settings h3{font-size:16px;margin:25px 0 15px}.design-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.design-choice{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid #e0e5dd;border-radius:10px;background:#fff;cursor:pointer;font-size:16px;min-width:0}.design-choice:has(input:checked){border-color:#176858;box-shadow:0 0 0 2px #17685822}.design-choice input{position:absolute;top:12px;right:12px;width:16px;height:16px;accent-color:#176858}.design-choice:focus-within{outline:3px solid #b58b2c;outline-offset:2px}.palette-swatches{height:28px;display:grid;grid-template-columns:2fr 1fr 1fr;border-radius:6px;overflow:hidden;margin-right:23px}.palette-swatches i:nth-child(1){background:var(--design-accent)}.palette-swatches i:nth-child(2){background:var(--design-hero)}.palette-swatches i:nth-child(3){background:var(--design-tint)}.design-banner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-choice img{width:100%;height:95px;object-fit:cover;border-radius:6px}.design-choice input:checked+img{opacity:.85}.design-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;min-height:220px;background:var(--design-hero);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px;margin:20px 0}.design-preview .design-preview-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.design-preview:has(.design-preview-bg):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#152c32ba,#152c3244);z-index:-1}.design-preview h4{color:white;font-size:25px;margin:8px 0;line-height:1.4}.design-preview p{font-size:16px;color:white}.design-preview .preview-button{display:inline-block;background:white;color:var(--design-accent);padding:8px 14px;border-radius:20px;font-size:16px}.design-preview .preview-photo{width:130px;height:130px;object-fit:contain;background:#fff;padding:6px;border-radius:15px;flex-shrink:0}.design-preview small{font-size:16px}.design-save-hint{font-size:16px;color:#667563;line-height:1.8}
@media(max-width:800px){.design-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.standalone-site .center-hero .profile-portrait{flex-basis:180px;width:180px;height:180px}}
@media(max-width:650px){.standalone-site .center-hero{flex-direction:column;gap:25px}.center-hero .profile-hero-text{order:1;width:100%}.standalone-site .center-hero .profile-portrait{order:2;flex:none;width:190px;height:170px}.design-settings{padding:14px}.design-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview{padding:22px;flex-wrap:wrap}.design-preview h4{font-size:21px}.design-preview .preview-photo{width:100px;height:100px}}
@supports(background:color-mix(in srgb,red,transparent)){.standalone-site .center-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--design-hero) 82%,transparent),color-mix(in srgb,var(--design-hero) 35%,transparent) 65%,transparent)}} .standalone-site .hero-facts{color:#ffffffb8}.standalone-site .teacher-hero .page-eyebrow{color:#ffffffc9!important}.standalone-site .teacher-hero .category-tag{color:#fff}.standalone-site .teacher-hero h1 small{color:#ffffffbd}
.standalone-site .center-hero .profile-portrait{height:auto;min-height:0;padding:10px}.standalone-site .center-hero .profile-portrait img{height:auto;max-height:260px;display:block}@media(max-width:650px){.standalone-site .center-hero .profile-portrait{height:auto}}
.standalone-site .site-menu-toggle span{background:var(--design-accent)}

/* Bright themes: dark readable text on pastel hero backgrounds. */
.theme-light-mint{--design-accent:#24675b;--design-hero:#dff3e8;--design-tint:#f4fcf7}
.theme-light-sky{--design-accent:#245c80;--design-hero:#deeffb;--design-tint:#f4faff}
.theme-light-rose{--design-accent:#85465c;--design-hero:#fbe4eb;--design-tint:#fff7fa}
.theme-light-peach{--design-accent:#875335;--design-hero:#ffe8d1;--design-tint:#fff9f1}
.theme-light-lavender{--design-accent:#655082;--design-hero:#ede5fb;--design-tint:#faf7ff}
.theme-light-lemon{--design-accent:#6d601d;--design-hero:#fff3bf;--design-tint:#fffdf0}
.theme-light-aqua{--design-accent:#226570;--design-hero:#dcf4f5;--design-tint:#f3fcfc}
.theme-light-cream{--design-accent:#735c40;--design-hero:#f5ecd9;--design-tint:#fdfbf4}
.standalone-site .center-hero:not(.center-has-photo){flex-direction:row;justify-content:flex-start}.standalone-site .center-hero:not(.center-has-photo) .profile-hero-text{flex:0 1 690px;margin-right:auto;margin-left:0;text-align:left}
.standalone-site[class*="theme-light-"] .teacher-hero,.standalone-site[class*="theme-light-"] .teacher-hero h1,.standalone-site[class*="theme-light-"] .teacher-hero h2,.standalone-site[class*="theme-light-"] .teacher-hero h1 small,.standalone-site[class*="theme-light-"] .teacher-hero .page-eyebrow,.standalone-site[class*="theme-light-"] .hero-facts,.standalone-site[class*="theme-light-"] .hero-facts strong{color:var(--design-accent)!important}
.standalone-site[class*="theme-light-"] .teacher-hero .category-tag,.standalone-site[class*="theme-light-"] .teacher-hero .btn.secondary{color:var(--design-accent);border-color:var(--design-accent);background:#ffffff70}
.standalone-site[class*="theme-light-"] .center-hero:after{background:linear-gradient(90deg,var(--design-hero) 0%,color-mix(in srgb,var(--design-hero) 94%,transparent) 40%,transparent 85%)}
.standalone-site[class*="theme-light-"] .center-hero h1,.standalone-site[class*="theme-light-"] .center-hero h2,.standalone-site[class*="theme-light-"] .center-hero .page-eyebrow,.standalone-site[class*="theme-light-"] .center-hero .hero-scroll{color:var(--design-accent)!important;text-shadow:none}
.standalone-site[class*="theme-light-"] .center-hero .btn.secondary{color:var(--design-accent);background:#ffffffb3;border-color:var(--design-accent)}
.design-preview[class*="theme-light-"] h4,.design-preview[class*="theme-light-"] p,.design-preview[class*="theme-light-"] small{color:var(--design-accent)}.design-preview[class*="theme-light-"]:has(.design-preview-bg):after{background:linear-gradient(90deg,var(--design-hero),#ffffff66)}
@media(max-width:650px){.standalone-site .center-hero:not(.center-has-photo) .profile-hero-text{flex:none;width:100%}.standalone-site[class*="theme-light-"] .center-hero:after{background:color-mix(in srgb,var(--design-hero) 90%,transparent)}}