@layer reset{*,:before,:after{box-sizing:border-box}html,body,h1,h2,h3,p,ol,ul,dl,dd,blockquote{margin:0}button,input,select,textarea{font:inherit}}@layer tokens{:root{--cc-cream:#f2eadc;--cc-ivory:#fbf7ef;--cc-paper:#fffdf8;--cc-ink:#281910;--cc-ink-soft:#503b2f;--cc-copper:#9a4f2d;--cc-copper-dark:#74371f;--cc-gold:#b99a60;--cc-line:#2819102e;--cc-muted:#7a6b60;--cc-error:#8c241f;--cc-success:#315b3d;--cc-display:Georgia, "Times New Roman", Times, serif;--cc-body:Arial, Helvetica, sans-serif;--cc-container:min(100% - 48px, 1440px)}}@layer base{html{scroll-behavior:smooth;background:var(--cc-cream);min-height:100%}body{min-height:100vh;color:var(--cc-ink);background:var(--cc-cream);font-family:var(--cc-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}:focus-visible{outline:3px solid var(--cc-gold);outline-offset:3px}::selection{color:var(--cc-paper);background:var(--cc-copper)}}@layer components,utilities;@media (max-width:600px){:root{--cc-container:min(100% - 32px, 1440px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}