@layer tokens{:root{--color-background:#f8fafc;--color-surface:#fff;--color-text:#1e293b;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-accent:#e0f2fe;--color-muted:#64748b;--color-border:#cbd5e1;--color-focus:#ea580c;--space-small:.5rem;--space-medium:1rem;--space-large:2rem;--font-family-body:system-ui, -apple-system, sans-serif;--font-size-base:1rem;--radius-base:12px;--shadow-base:0 6px 18px #0f172a14}}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-background);padding:var(--space-large);line-height:1.6}h1,h2,h3{font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.125rem}a{color:var(--color-primary);text-underline-offset:.15em;text-decoration-thickness:.1em;&:hover{color:var(--color-primary-hover)}&:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:4px}}ul,ol{gap:var(--space-small);padding-inline-start:1.25rem;display:grid}li{line-height:1.5}}@layer layout{.page{max-width:1100px;margin-inline:auto}.hero{padding-block:calc(var(--space-large) * 2)}.section{margin-bottom:calc(var(--space-large) * 2)}.eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:700}}@layer components{button,.button,input[type=submit]{border-radius:var(--radius-base);background:var(--color-primary);color:#fff;font:inherit;cursor:pointer;border:none;padding:.75rem 1rem;&:not(:disabled):hover{background:var(--color-primary-hover)}&:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}&:disabled{opacity:.6;cursor:not-allowed}}.cards{gap:calc(var(--space-medium) * 2);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);padding:clamp(1rem,2vw,1.5rem);& h3{margin-bottom:var(--space-small)}& p{color:var(--color-muted);margin-bottom:var(--space-medium)}}form{gap:var(--space-medium);display:grid}:is(input,textarea,select){border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;padding:.75rem;&:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}}.site-nav{gap:var(--space-medium);margin-bottom:var(--space-large);padding:var(--space-medium);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);flex-wrap:wrap;display:flex;& a{border-radius:var(--radius-base);padding:.65rem 1rem;font-weight:600;text-decoration:none;&:hover{background:var(--color-accent)}&:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}}}.temples{gap:var(--space-large);display:grid}}@layer utilities{.flow>*+*{margin-top:var(--space-medium)}.cluster{gap:var(--space-small) var(--space-medium);flex-wrap:wrap;align-items:center;display:flex}.measure{max-width:60ch}}