/* Shared FRESH-33 palette, controls and cards for both audiences. */
:root{
  --ink:#292f24;--paper:#f4efe4;--white:#fff;--muted:#69726e;
  --sage:#6f8178;--soft:#e8e6d8;--line:#d9ddd8;--accent:#8a6552;
  --highlight:#d5bda0;--clay:#8a6552;--clay-soft:#f0e6dd;
  --slate:#586f75;--slate-soft:#e8eef0;--sand:#827153;--sand-soft:#eee8dc;
}
body{font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}
button,input,textarea{font:inherit}
.brand em{font-size:9px;font-style:normal;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--highlight)}
.label,.section-no{font-size:12px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#52634f}
.directions .section-no{color:var(--highlight)}
.hero :is(.button.gold,.cta),.button.gold{background:var(--highlight);color:var(--ink)}
:is(.button.gold,.button.dark,.cta){display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 24px;font-size:16px;line-height:1.35;font-weight:600;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:0;transition:background-color .2s,color .2s}
.button.dark,.cta.dark{background:var(--ink);color:var(--white)}
.button.text,.hero-secondary{font-size:15px;font-weight:500;line-height:1.5;text-underline-offset:6px}
.button.gold:hover,.hero .cta:hover{background:#e4d3bd}
.button.dark:hover,.cta.dark:hover{background:#424d3b}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--slate);outline-offset:5px}
.system-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.system-link{display:block;min-width:0;text-decoration:none;color:inherit;--card-accent:#52634f;--card-hover:#eef1ed}
.system-link:nth-child(4n+2){--card-accent:var(--slate);--card-hover:var(--slate-soft)}
.system-link:nth-child(4n+3){--card-accent:var(--clay);--card-hover:var(--clay-soft)}
.system-link:nth-child(4n){--card-accent:var(--sand);--card-hover:var(--sand-soft)}
.system-list article{grid-template-columns:45px minmax(0,1fr);border-top:3px solid var(--card-accent)}
.system-list article>span{color:var(--card-accent)}
.system-link h3,.system-link p{min-width:0}
.system-link:focus-visible{position:relative;z-index:1;outline-offset:-3px}
.system-link:hover article,.system-link:focus-visible article{background:var(--card-hover)}
.page-nav{background:var(--paper);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.page-nav::-webkit-scrollbar{display:none}
.page-nav a{white-space:nowrap}
.related a{transition:background-color .2s}
.related a:hover{background:var(--slate-soft)}
.steps article:nth-child(2)>span{color:var(--slate)}
.steps article:nth-child(3)>span{color:var(--clay)}
.steps article:nth-child(4)>span{color:var(--sand)}
.carousel-progress i{background:var(--highlight)}
@media(max-width:760px){.brand em{font-size:7px}:is(.button.gold,.button.dark,.cta){min-height:50px;font-size:14px;padding:15px 20px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions>a{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.system-list{grid-template-columns:1fr}.system-list article{grid-template-columns:26px minmax(0,1fr)}.label,.section-no{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}