:root{--paper:#f5f0e7;--cream:#fffaf1;--ink:#282821;--muted:#5f5d54;--line:#d8d0c0;--orange:#e97d50}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.7}
a{color:inherit}
.container{width:min(820px,calc(100% - 34px));margin:auto}
header{border-bottom:1px solid var(--line);background:var(--paper)}
.bar{height:72px;display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.06em;text-decoration:none}
.brand .dot{color:var(--orange);margin-left:.25em}
.back{font-size:.88rem;font-weight:700;text-decoration:none}
.back:hover{color:var(--orange)}
main{padding:56px 0 80px}
h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);letter-spacing:-.05em;line-height:1.05;margin:0 0 28px}
h2{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;letter-spacing:-.03em;margin:36px 0 8px}
p,li{font-size:.97rem}
ul{padding-left:20px}
.card{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:22px 26px}
.muted{color:var(--muted);font-size:.85rem}
footer{background:var(--ink);color:#b3aea1;padding:26px 0;font-size:.82rem}
footer a{margin-right:20px;text-decoration:none;color:var(--cream)}
footer a:hover{color:#f4d57a}

.brand-logo{width:34px;height:34px;display:block}