:root{--bg:#f6f5f1;--sf:#fff;--ac:#2c3e50;--ok:#277d4c;--tx:#1a1a18;--tm:#6b6960;--tl:#9c9a90;--bd:#e2e0d8;--bl:#eceae3}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
a{color:var(--ac);text-decoration:underline}
.nav{padding:20px clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bd)}
.nav-logo{font-size:18px;font-weight:700;color:var(--ac);letter-spacing:-0.5px;text-decoration:none}
.nav a.back{font-size:14px;color:var(--tm);font-weight:500;text-decoration:none}
article{max-width:680px;margin:0 auto;padding:60px clamp(20px,5vw,40px) 100px}
article h1{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,38px);font-weight:700;color:var(--ac);margin-bottom:12px;line-height:1.2}
.meta{font-size:13px;color:var(--tl);font-family:'DM Mono',monospace;margin-bottom:32px}
article h2{font-size:20px;font-weight:600;color:var(--tx);margin:36px 0 12px}
article p{font-size:16px;color:var(--tm);line-height:1.8;margin-bottom:16px}
article strong{color:var(--tx);font-weight:600}
.cta-box{background:var(--sf);border:2px solid var(--ac);border-radius:8px;padding:28px;margin:40px 0;text-align:center}
.cta-box p{font-size:15px;color:var(--tx);margin-bottom:16px}
.btn{display:inline-block;padding:12px 28px;background:var(--ac);color:#fff;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity 0.2s}
.btn:hover{opacity:0.85;color:#fff}