@font-face{font-family:"Roboto Flex";font-style:normal;font-weight:300 900;font-stretch:100% 151%;font-display:swap;src:url(/to-inbox/fonts/roboto-flex.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FBF7F1;color:#2A211C;font-family:"Roboto Flex",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:18px;line-height:1.6}
header{border-bottom:1px solid #E8DDD0;background:#FFFDF9}
.bar{max-width:720px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}
.bar img{width:28px;height:28px;border-radius:22%;display:block}
.bar span{margin-left:auto;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A6A50;border:1px solid #E0CDB8;border-radius:999px;padding:3px 10px}
main{max-width:720px;margin:0 auto;padding:0 20px 56px}
.hero{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:20px;margin:22px 0 0;background:#F2BC72}
.kicker{margin:26px 0 0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#B5683E}
h1{margin:6px 0 0;font-size:38px;line-height:1.1;font-weight:800;font-stretch:120%;letter-spacing:-.01em}
.by{margin:10px 0 0;font-size:15px;color:#7A685C}
p{margin:22px 0 0}
h2{margin:34px 0 0;font-size:24px;line-height:1.2;font-weight:750}
ol{margin:14px 0 0;padding:0 0 0 24px}
li{margin:8px 0 0;padding-left:4px}
.tip{margin:30px 0 0;padding:16px 18px;border-radius:16px;background:#F6E7D3;font-weight:500}
footer{max-width:720px;margin:0 auto;padding:22px 20px 40px;border-top:1px solid #E8DDD0;font-size:14px;color:#7A685C}
footer a{color:#4F378B;font-weight:600}
@media (min-width:700px){h1{font-size:48px}}
@media (prefers-color-scheme:dark){
body{background:#17130F;color:#EDE3D8}
header{border-bottom-color:#2E2620;background:#1D1813}
.bar span{color:#D9B896;border-color:#4A3B2E}
.hero{background:#3A2A1A}
.kicker{color:#E8A076}
.by{color:#B3A396}
.tip{background:#2B2118}
footer{border-top-color:#2E2620;color:#B3A396}
footer a{color:#D0BCFF}
}
:root{color-scheme:light dark}