:root{--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#fbfbf9;--color-surface-offset:#f0ede8;--color-divider:#dcd9d5;--color-border:#d4d1ca;--color-text:#28251d;--color-text-muted:#7a7974;--color-text-faint:#bab9b4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-print:#9c6b1e;--color-print-hover:#7a5118;--color-print-highlight:#f0e6d3;--color-print-surface:#faf6ef;--color-dev:#2d5f8a;--color-dev-hover:#1e4a6e;--color-dev-highlight:#d0e4f0;--color-dev-surface:#f0f5fa;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(20% .01 80/.06);--shadow-md:0 4px 12px oklch(20% .01 80/.08);--content-default:960px;--content-wide:1200px;--transition:.18s cubic-bezier(.16, 1, .3, 1);--font-body:"Inter", Arial, sans-serif;--font-display:"Inter", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}img,picture,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}a{color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{width:min(var(--content-wide), calc(100% - var(--space-8)));margin-inline:auto}.container--narrow{width:min(var(--content-default), calc(100% - var(--space-8)));margin-inline:auto}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-md);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);white-space:nowrap;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-offset)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition);color:var(--color-text);text-decoration:none;display:block}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-text-faint)}.cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}