/* COLOR_PRIMARY: approved institution identities; colors are not verdicts. */
:root{--is-paper:#f4efe5;--is-panel:#fbf7ef;--is-ink:#1b1610;--is-muted:#655c50;--is-line:#d5cec2;--is-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--is-serif:Newsreader,Georgia,serif;--is-max:1160px;--is-radius:6px;--is-color:#1b1610;--is-on-color:#fff;--is-state-fill:transparent}
[data-institution="build"]{--is-color:#f4efe5;--is-on-color:#1b1610;--is-tint:color-mix(in srgb,#f4efe5 9%,var(--is-paper));}
[data-institution="vera"]{--is-color:#71406f;--is-on-color:#fff;--is-tint:color-mix(in srgb,#71406f 9%,var(--is-paper));}
[data-institution="true"]{--is-color:#71406f;--is-on-color:#fff;--is-tint:color-mix(in srgb,#71406f 9%,var(--is-paper));}
[data-institution="decide"]{--is-color:#2949d8;--is-on-color:#fff;--is-tint:color-mix(in srgb,#2949d8 9%,var(--is-paper));}
[data-institution="solve"]{--is-color:#ff6b39;--is-on-color:#1b1610;--is-tint:color-mix(in srgb,#ff6b39 9%,var(--is-paper));}
[data-institution="league"]{--is-color:#c7ef49;--is-on-color:#1b1610;--is-tint:color-mix(in srgb,#c7ef49 9%,var(--is-paper));}
[data-institution="versus"]{--is-color:#2162d1;--is-on-color:#fff;--is-tint:color-mix(in srgb,#2162d1 9%,var(--is-paper));}
[data-institution="which"]{--is-color:#ef83c9;--is-on-color:#1b1610;--is-tint:color-mix(in srgb,#ef83c9 9%,var(--is-paper));}
[data-institution="beat"]{--is-color:#163a2e;--is-on-color:#fff;--is-tint:color-mix(in srgb,#163a2e 9%,var(--is-paper));}
[data-institution="news"]{--is-color:#c6284a;--is-on-color:#fff;--is-tint:color-mix(in srgb,#c6284a 9%,var(--is-paper));}
[data-institution="prompts"]{--is-color:#7557d7;--is-on-color:#fff;--is-tint:color-mix(in srgb,#7557d7 9%,var(--is-paper));}
[data-institution="record"]{--is-color:#ebe2d2;--is-on-color:#1b1610;--is-tint:color-mix(in srgb,#ebe2d2 9%,var(--is-paper));}
[data-institution="verafied"]{--is-color:#5e377f;--is-on-color:#fff;--is-tint:color-mix(in srgb,#5e377f 9%,var(--is-paper));}
html[data-institution]{background:var(--is-paper);color:var(--is-ink);font-family:var(--is-font);color-scheme:light}
html[data-institution] body{background:var(--is-paper);color:var(--is-ink);font-family:var(--is-font);font-size:15px;line-height:1.45}
html[data-institution] :is(button,input,select,textarea){font-family:var(--is-font)}
html[data-institution] :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:balance}
html[data-institution] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--is-ink);outline-offset:4px}
html[data-institution] :is(button,[role="button"]){touch-action:manipulation}
html[data-institution] img{max-width:100%}
.is-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--is-line);border-radius:999px;background:var(--is-panel);color:var(--is-ink);font:650 13px/1.3 var(--is-font);text-decoration:none;gap:8px}
.is-button.primary{background:var(--is-color);color:var(--is-on-color);border-color:var(--is-color)}
.is-label{font:700 11px/1.35 var(--is-font);letter-spacing:.09em;text-transform:uppercase}
.is-panel{padding:18px;border:1px solid var(--is-line);border-top:4px solid var(--is-color);border-radius:var(--is-radius);background:var(--is-panel)}
/* State names remain visible in each product. Shade reinforces actual state. */
[data-ui-state="started"]{--is-state-fill:color-mix(in srgb,var(--is-color) 5%,var(--is-panel))}
[data-ui-state="progressing"]{--is-state-fill:color-mix(in srgb,var(--is-color) 10%,var(--is-panel))}
[data-ui-state="complete"],[data-ui-state="revealed"]{--is-state-fill:color-mix(in srgb,var(--is-color) 18%,var(--is-panel))}
[data-ui-state="earned"]{--is-state-fill:color-mix(in srgb,var(--is-color) 24%,var(--is-panel))}
[data-ui-state="warning"],[data-ui-state="stopped"]{--is-state-fill:color-mix(in srgb,var(--is-color) 8%,var(--is-panel));border:2px solid var(--is-ink)}
[data-ui-state]{background:var(--is-state-fill)}
@media(min-width:1024px){.is-button{min-height:34px;padding:7px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html[data-institution]{scroll-behavior:auto}}

[data-institution="algorithmic"]{--is-color:#b6311a;--is-on-color:#fff;--is-tint:color-mix(in srgb,#b6311a 9%,var(--is-paper))}
html[data-institution="record"] body{background:#ebe2d2}

/* Vera keeps its working alignment bands and optional chat voice. */
html[data-institution="vera"]{--paper:var(--is-paper);--paper-2:#e9e3d8;--green:#71406f;--gold:#9b6297;--sans:var(--is-font)}
html[data-institution="vera"] :is(.site-header,.public-header){background:var(--is-paper);backdrop-filter:none;border-top:4px solid #71406f;box-shadow:none}
html[data-institution="vera"] :is(.hero,.marketing-hero,.home-hero){padding-block:28px;min-height:0}
html[data-institution="vera"] :is(.hero h1,.marketing-hero h1,.home-hero h1){font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.03em}
html[data-institution="vera"] .hero-copy{font:400 16px/1.5 var(--is-font);max-width:64ch}
html[data-institution="vera"] :is(.primary-button,.secondary-button){border-radius:999px;box-shadow:none;min-height:44px;font-size:13px;background-image:none}
html[data-institution="vera"] .mini-label{font-family:var(--is-font);font-size:10px;letter-spacing:.09em}
html[data-institution="vera"] .message-body p{font-family:var(--is-font);font-size:16px;line-height:1.55}
html[data-institution="vera"] .message{gap:14px;margin-bottom:22px}
html[data-institution="vera"] .empty-chat h2{font-size:clamp(26px,4vw,36px);line-height:1.15}
html[data-institution="vera"] .conversation-topbar{padding-block:12px}
html[data-institution="vera"] .message.vera.alignment-red:not(.alignment-revealed){animation:none;border-left:3px solid #e74c3c;padding-left:12px}
html[data-institution="vera"] .vd-card{box-shadow:none}
html[data-institution="vera"] .vd-goal{font-family:var(--is-font)}
html[data-institution="vera"] :is(.page-hero,.org-hero){min-height:0;padding-block:32px}
html[data-institution="vera"] :is(.page-hero h1,.org-hero h1){font-size:clamp(30px,4vw,44px);line-height:1.15}
@media(min-width:1024px){html[data-institution="vera"] :is(.primary-button,.secondary-button){min-height:34px;padding:8px 16px}html[data-institution="vera"] :is(.hero,.marketing-hero,.home-hero){max-width:1160px;margin-inline:auto}html[data-institution="vera"] .vd-shell{max-width:1160px;margin-inline:auto}html[data-institution="vera"] .message-body p{font-size:15px}}
html[data-institution="verafied"]{--purple:#5e377f;--paper:var(--is-paper);--cream:#eee5db;--line:var(--is-line)}
html[data-institution="verafied"] .topbar{min-height:62px;padding:14px max(20px,calc((100vw - 1160px)/2));background:var(--is-paper);backdrop-filter:none;border-top:4px solid #5e377f;gap:16px;flex-wrap:wrap}
html[data-institution="verafied"] :is(.hero,.domains,.process){padding:28px max(20px,calc((100vw - 1160px)/2));background:var(--is-paper);color:var(--is-ink)}
html[data-institution="verafied"] .hero{background:var(--is-tint)}
html[data-institution="verafied"] h1{font:600 clamp(30px,4vw,44px)/1.12 var(--is-serif)}
html[data-institution="verafied"] h2{font:600 clamp(24px,3vw,30px)/1.15 var(--is-serif)}
html[data-institution="verafied"] .hero>p:last-child{font-size:16px;line-height:1.5}
html[data-institution="verafied"] .domain-grid{gap:12px;margin-top:18px}
html[data-institution="verafied"] .domain-card{padding:16px;min-height:130px;background:var(--is-panel);border-radius:6px}
html[data-institution="verafied"] .domain-card:hover{transform:none;background:var(--is-tint)}
html[data-institution="verafied"] .domain-card h3{font-size:20px}
html[data-institution="verafied"] .domain-card p{font-size:14px;line-height:1.45}
html[data-institution="verafied"] .process .eyebrow{color:#5e377f}
html[data-institution="verafied"] .process ol{margin:20px 0 0;background:var(--is-line);gap:1px}
html[data-institution="verafied"] .process li{padding:18px;background:var(--is-tint)}
@media(min-width:1200px){html[data-institution="verafied"] .domain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
