/* Approved palettes share one layout; accents never carry small text on pale surfaces. */
:root{--mini-canvas:#f7f2ea;--mini-cream:#efe5d7;--mini-surface:#f9f4ec;--mini-ink:#302722;--mini-muted:#695849;--mini-button:#302722;--mini-dark:#241c18;--mini-dark2:#302722;--mini-accent:#c8a96b;--ivory:var(--mini-canvas);--cream:var(--mini-cream);--ink:var(--mini-ink);--chocolate:var(--mini-dark);--gold:var(--mini-accent);--taupe:var(--mini-muted);--sand:var(--mini-cream);color:var(--mini-ink);background:linear-gradient(115deg,var(--mini-canvas),var(--mini-cream) 60%,var(--mini-canvas))}
header{background:var(--mini-canvas);border-color:var(--mini-accent)}
.lead,.note,.eyebrow,.ecosystem-item small,.income-cell small{color:var(--mini-muted)}
.primary{background:var(--mini-button);border-color:var(--mini-button);color:var(--mini-canvas)}
.quiet,.mobile-menu,.close{color:inherit}
.goal{background:color-mix(in srgb,var(--mini-canvas) 90%,transparent);border-color:var(--mini-muted)}
.goal[aria-pressed=true]{background:var(--mini-surface);border-color:var(--mini-ink)}
.hero:after,html[dir=rtl] .hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--mini-canvas) 97%,transparent),color-mix(in srgb,var(--mini-canvas) 94%,transparent) 34%,color-mix(in srgb,var(--mini-canvas) 77%,transparent) 54%,transparent 90%)}
html[dir=rtl] .hero:after{transform:scaleX(-1)}
.section.dark{background:radial-gradient(at 60% 20%,var(--mini-dark2),var(--mini-dark) 65%);color:var(--mini-canvas)}
.dark .lead,.dark .note,.dark .eyebrow,.flow-node span{color:var(--mini-canvas);opacity:.9}
.flow-node{color:var(--mini-canvas)}.flow-node[aria-selected=true]{color:var(--mini-canvas);text-decoration:underline;text-decoration-color:var(--mini-accent);text-underline-offset:7px}
.flow,.focus-panel,.income-cell,.skill,.story{border-color:var(--mini-accent)}
.flow-node:before{background:var(--mini-dark)}
.dark .secondary{border-color:var(--mini-accent)}
.skill:before{color:var(--mini-muted)}
.registration-guide,.sponsor-card,.editor-panel,.video-pending,.annual{background:var(--mini-surface);color:var(--mini-ink);border-color:var(--mini-accent)}
input,select,textarea,label input,label select,label textarea,.registration select{background:var(--mini-surface);color:var(--mini-ink);border:1px solid var(--mini-muted)}
select option{background:var(--mini-surface);color:var(--mini-ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--mini-ink)}
.dark button:focus-visible,.dark a:focus-visible{outline-color:var(--mini-canvas)}
#status{background:var(--mini-dark);color:var(--mini-canvas)}
.co-brand{display:flex;align-items:center;gap:8px;font-size:12px;max-width:190px;overflow-wrap:anywhere;border-inline-start:1px solid var(--mini-accent);padding-inline-start:14px}
.co-brand img{width:38px;height:38px;object-fit:contain}.co-brand span{min-width:0}
.registry-scroll{width:100%;max-width:100%;overflow-x:auto;margin-top:24px;overscroll-behavior-inline:contain}
.registry-table{border-collapse:collapse;width:100%;min-width:1250px;font-size:13px}
.registry-table th,.registry-table td{text-align:start;padding:10px;border-bottom:1px solid var(--mini-accent);vertical-align:top}
.registry-table input{width:240px;padding:10px}.registry-table select{padding:10px;min-width:160px}.registry-table button{white-space:nowrap}
.editor-panel{min-width:0}.translation-locale{padding:16px 0;border-top:1px solid var(--mini-accent)}
.translation-pair{padding-block:14px;overflow-wrap:anywhere}.translation-pair p{white-space:pre-wrap;line-height:1.6}
.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-image{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:3px}
.partner-contact{display:inline-block;margin-inline-end:20px;margin-block:18px;overflow-wrap:anywhere}
@media(max-width:640px){header:has(.co-brand){flex-wrap:wrap}header:has(.co-brand) .co-brand{max-width:140px;order:2}header:has(.co-brand) .controls{margin-inline-start:auto}.co-brand{font-size:11px}.gallery-strip{grid-template-columns:1fr 1fr}.editor-panel{padding:18px}.hero:after,html[dir=rtl] .hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--mini-canvas) 97%,transparent),color-mix(in srgb,var(--mini-canvas) 84%,transparent))}}

/* Client-facing call to action: turquoise-blue, champagne edge. */
.nutrition-experience .primary{color:#fff;background:linear-gradient(120deg,#086c78,#075e96);border:1px solid #c8a96b;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff35,0 4px 0 #054954,0 8px 20px #075e9620;transition:background .2s,box-shadow .2s,transform .2s}
.nutrition-experience .primary:hover{background:linear-gradient(120deg,#075963,#064e7d);box-shadow:inset 0 1px 0 #ffffff35,0 5px 0 #054954,0 10px 24px #075e9630}
.nutrition-experience .primary:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff25,0 2px 0 #054954}
.nutrition-experience .primary:focus-visible{outline:3px solid #075e96;outline-offset:5px}.nutrition-experience .dark .primary:focus-visible{outline-color:#f7f2ea}
.nutrition-section{background:linear-gradient(115deg,#f5eee5,#eee3d3);border-block:1px solid #c8a96b55}.nutrition-section h2,.nutrition-section>.lead{grid-column:1/-1}.nutrition-section .photo{max-height:380px}.nutrition-section .personal-inquiry{max-width:760px}
.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 6vw 42px;max-width:1600px;margin:auto}.section>.editorial-pair{padding:0;margin:25px 0 38px}.editorial-pair img{width:100%;aspect-ratio:1.55;object-fit:cover;border:1px solid #c8a96b88;border-radius:14px;box-shadow:0 16px 34px #241c1812}
@media(max-width:640px){.editorial-pair{gap:12px;padding-bottom:25px;grid-template-columns:1fr}.nutrition-section .primary{width:100%;white-space:normal}.nutrition-section .actions{gap:18px}.navigation{gap:12px}}
@media(prefers-reduced-motion:reduce){.nutrition-experience .primary{transition:none}}
@media(max-width:1250px){.nutrition-experience .navigation{display:none;position:absolute;inset-inline:0;top:100%;background:var(--mini-canvas);padding:18px 5vw;box-shadow:0 10px 15px #241c1811}.nutrition-experience .navigation.open{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nutrition-experience .mobile-menu{display:block;font-size:18px;border:0;background:none;padding:8px}.nutrition-experience header{gap:12px}.nutrition-experience .controls{margin-inline-start:auto}}
