/* Website treatment selected by Gabe: White with Ink Header, October 15, 2026. */

:root{--surface:#FFFFFF;--panel:#FFFFFF;--ink:#170B0A;--muted:#5D6167;--accent:#F0B93E;--link:#913B20;--gold:#F0B93E}
body,.paper,.lib-hero{background:#FFFFFF;color:#170B0A}.lib-hero{margin-bottom:0;padding-top:32px}.lib-hero h1{color:#170B0A}.lib-hero .lede{color:#5D6167}
.site-header{background:#FFFFFF;color:#170B0A;border-bottom:1px solid #E5E6E8}.site-header .ember-mark,.site-header .ember-synth,.site-header .ember-creatives,.site-links a{color:#170B0A}.site-links a[aria-current]{color:#170B0A;border-color:#F0B93E}.site-header .site-cta{background:#F0B93E;color:#170B0A;box-shadow:none}.site-header .ember-dot{background:#F6C64A;box-shadow:0 0 12px #F0B93E,0 0 22px #D2622F55}
.filters{background:#F8F9FA;border-color:#E2E4E8;box-shadow:none}.filters input,.filters select{background:#FFFFFF;border-color:#CED2D8;color:#170B0A}.filters input::placeholder{color:#686D75}.button.secondary,.type-filters button{background:#FFFFFF;border-color:#D7DADF;color:#170B0A}.type-filters button[aria-pressed=true]{background:#F0B93E;color:#170B0A;border-color:#F0B93E}.type-filters button:hover:not([aria-pressed=true]),.button.secondary:hover{background:#FFF4D0}
.lib-card{background:#FFFFFF;color:#170B0A;border:1px solid #DFE2E7;box-shadow:0 3px 12px #170B0A03;border-radius:13px}.lib-card h2{color:#170B0A}.lib-card p,.badge,.resource-topic,.lib-card dd,.lib-card summary,#resource-count,.editorial-note{color:#5D6167}.resource-icon{background:#FFF3CE;color:#913B20;border:1px solid #F0B93E55}.text-link{color:#913B20}.lib-card details{border-top-color:#E5E7EB}.editorial-note{border-color:#E5E7EB}
.resource-card:is(:hover,:focus-within){background:#FFFFFF;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 25px color-mix(in srgb,var(--accent) 25%,transparent),0 12px 28px color-mix(in srgb,var(--accent) 12%,transparent)}.lib-footer{background:#FFFFFF;color:#170B0A;border-top:1px solid #E5E7EB}.lib-footer small{color:#5D6167}
.site-header{background:#170B0A;border-color:#170B0A}.site-header .ember-mark,.site-header .ember-synth,.site-header .ember-creatives,.site-links a{color:#F6E7CE}.site-links a[aria-current]{color:#F6C64A;border-color:#F0B93E}.site-header .site-cta{background:#F0B93E;color:#170B0A}.type-filters button[aria-pressed=true]{background:#170B0A;color:#FFFFFF;border-color:#170B0A}.resource-card{border-top:3px solid #F0B93E}
/* Match the approved directory proportions. */
.wrap{max-width:1360px}.lib-hero{padding:32px 0 23px}h1{font-size:42px}.filters{padding:17px;border:1px solid #E2E4E8;border-radius:13px}.resource-grid{gap:20px}.lib-card{padding:24px;min-height:242px}.site-header{padding-block:22px}
.resource-card,.library-home-grid>a{transition:border-color .18s,box-shadow .18s,background .18s}
.resource-card:is(:hover,:focus-within) .resource-icon{background:#F0B93E;border-color:#F0B93E;color:#170B0A;box-shadow:0 0 18px #F0B93E66}
.resource-card:is(:hover,:focus-within) .text-link{background:#F0B93E;color:#170B0A;padding:8px 12px;border-radius:7px;margin:-8px -12px}
/* Tools and learning use the same white canvas. */
#planner-form,.guide-aside{background:#FFFFFF;border-color:#DFE2E7}input,select,textarea{background:#FFFFFF;color:#170B0A;border-color:#CED2D8}.field-note,.guide-steps p,.guide-aside p,.guide-aside small,.hero-meta,.eyebrow{color:#5D6167}.guide-aside hr{border-color:#E5E7EB}.planner-result{background:#170B0A}.planner-result p{color:#F6E7CE}.planner-result .eyebrow{color:#F6C64A}
/* Homepage palette, after the legacy theme rules. */
body.usability-layout,body.usability-layout .hero,body.usability-layout #about,body.usability-layout #systems,body.usability-layout #packages,body.usability-layout #contact,body.usability-layout footer,.library-home{background:#FFFFFF;color:#170B0A}
body.usability-layout .veil-window{display:none}
body.usability-layout .hero h1,body.usability-layout .h2,body.usability-layout .light .h2,body.usability-layout .light h3{color:#170B0A}
body.usability-layout .hero .grad-ital{background:none;color:#170B0A;-webkit-text-fill-color:#170B0A}
body.usability-layout.veil-light .hero .hero-sub{color:#5D6167!important}
body.usability-layout .section-sub,body.usability-layout .light .section-sub,body.usability-layout .light .about-copy p,body.usability-layout .hero-film figcaption,body.usability-layout .sys-body,body.usability-layout .sys-label,body.usability-layout .work-stat,body.usability-layout .journey-step p,body.usability-layout .journey-action span,body.usability-layout .tier li,body.usability-layout .tier .note,body.usability-layout .partnership-options small,body.usability-layout .alacarte,body.usability-layout footer{color:#5D6167}
body.usability-layout .about-copy strong,body.usability-layout .work-figure,body.usability-layout .tier h3,body.usability-layout .partnership-options summary{color:#170B0A}
body.usability-layout .kicker,body.usability-layout .ital,body.usability-layout .contact-email,body.usability-layout .tier-label{color:#913B20}
body.usability-layout .card,body.usability-layout .light .sys-anything,body.usability-layout .journey-step,body.usability-layout .contact-panel{background:#FFFFFF;background-image:none;border:1px solid #DFE2E7;box-shadow:0 3px 12px #170B0A03}
body.usability-layout .light .sys-anything,body.usability-layout .tier.featured{border-top:3px solid #F0B93E}
body.usability-layout[data-concept=veil]:not(.journey) .light .sys-anything .anything-body,body.usability-layout .light .sys-anything .anything-lede{color:#5D6167}
body.usability-layout .light .sys-anything .anything-em,body.usability-layout .light .sys-anything .anything-body em{color:#170B0A}
body.usability-layout .sys-chip,body.usability-layout .journey-number,body.usability-layout .pop-badge{background:#FFF3CE;color:#170B0A;border-color:#F0B93E}
body.usability-layout .contact-blob{display:none}
body.usability-layout .btn-gold,body.usability-layout .cta-gold{background:#F0B93E;color:#170B0A;border-color:#F0B93E;box-shadow:none}
body.usability-layout.veil-light .hero .btn-ghost,body.usability-layout .cta-outline{background:#FFFFFF!important;color:#170B0A!important;border-color:#CED2D8!important}
.library-home{border-color:#E5E7EB}.home-resource-heading p,.library-home-grid p{color:#5D6167}.home-resource-heading>a,.library-home-grid span,.library-home-grid strong{color:#913B20}.library-home-grid>a{background:#FFFFFF;color:#170B0A;border-color:#DFE2E7;border-top:3px solid #F0B93E}
.library-home-grid>a:is(:hover,:focus-within){border-color:#F0B93E;box-shadow:0 0 0 1px #F0B93E,0 0 25px #F0B93E40}
body.usability-layout footer .ember-mark,body.usability-layout footer .ember-synth,body.usability-layout footer .ember-creatives,body.usability-layout .foot-links a{color:#170B0A}
body.usability-layout footer .ember-dot{background:#F6C64A;box-shadow:0 0 12px #F0B93E}
body.usability-layout a:focus-visible,.library-home-grid>a:focus-visible{outline:3px solid #913B20;outline-offset:4px}
body.usability-layout .site-header a:focus-visible{outline-color:#F0B93E}
@media(max-width:640px){h1{font-size:32px}.lib-card{padding:20px}}
@media(max-width:600px){.site-header{padding-block:15px 0}}
@media(prefers-reduced-motion:reduce){.resource-card,.library-home-grid>a{transition:none;transform:none}}
/* Keep expanded partnership text readable on its new white cards. */
body.usability-layout .light .tier.featured h3,body.usability-layout .light .tier.featured .tier-name,body.usability-layout .light .tier.featured .anything-lede{color:#170B0A}
body.usability-layout .light .tier.featured li,body.usability-layout .light .tier.featured .note,body.usability-layout .light .tier.featured .tier-for,body.usability-layout .light .alacarte p,body.usability-layout .foot-left{color:#5D6167}
body.usability-layout .light .tier.featured .tier-label{color:#913B20}
body.usability-layout .light .alacarte{background:#FFFFFF;border-color:#DFE2E7}
body.usability-layout .light .alacarte .tag{background:#FFF3CE;color:#170B0A}
body.usability-layout .light .alacarte strong{color:#170B0A}
