@layer surfaces {

:root{--orange:#c2410c;--ink:#3a2e2a;--muted:#6d6662;--line:#e5e7e5;--bg:#fff;--soft:#f4faf6;--rail:#f8faf9}
body{background:var(--bg);color:var(--ink);font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.75}
body>.container{max-width:800px}h1,h2,h3,strong{color:var(--ink)!important}h1{letter-spacing:-.035em}p,li{color:var(--ink)}.subtitle,.sub,.crumb{color:var(--muted)}
a,.back,.email-box a{}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.back{display:inline-flex;align-items:center}
hr,.footer-links,footer{border-color:var(--line)}.footer-links,.footer-links a,footer,footer a{color:var(--muted)}.footer-links a,footer a{display:inline-flex;align-items:center;min-height:44px}
.email-box{background:var(--soft);border:1px solid #c9e1d3;border-radius:12px;text-align:left}.email-box a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.top .in{max-width:1224px;min-height:76px}.brand{color:var(--ink);font-size:21px;letter-spacing:-.035em}.top nav a{display:inline-flex;min-height:44px;align-items:center}
.cta,.play{display:inline-flex;align-items:center;justify-content:center}.cta:hover,.play:hover{}
.card{border-radius:12px;padding:18px}.card:hover{background:#f8faf9}.facts li{border-radius:6px;background:var(--soft);border-color:#c9e1d3;color:#365445}.tip{border-radius:0 8px 8px 0;border-left-width:3px}
@media(max-width:600px){body{padding:24px 18px}body:has(.top){padding:0}.container h1{font-size:28px}.subtitle{margin-bottom:28px}.email-box{padding:18px}.top .in{min-height:70px}.brand{font-size:19px}.page{padding:0 18px}.grid{grid-template-columns:1fr}.card{padding:16px}.top .cta{}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

}