body{margin:0;background:#fffdf9;color:#1f1f1f;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:#1f1f1f;text-underline-offset:3px;text-decoration-color:#cdc5bb}a:hover{text-decoration-color:#1f1f1f}
p,h1,h2,h3,ul{margin:0}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(20px,4.4vw,64px);box-sizing:border-box}
.hdr{position:sticky;top:0;z-index:5;background:#f7f4efcc;-webkit-backdrop-filter:saturate(1.5) blur(20px);backdrop-filter:saturate(1.5) blur(20px);box-shadow:0 1px 0 rgba(33,27,23,.07)}
.hdr .in{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo-svg{display:block;height:24px;width:auto}
.pill{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:4px 4px 4px 20px;border-radius:999px;background:#1f1f1f;color:#fff;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.pill .ar{width:38px;height:38px;border-radius:999px;background:#fff;color:#1f1f1f;display:inline-flex;align-items:center;justify-content:center}
.doc{max-width:760px;margin:0 auto;padding:clamp(72px,9vw,128px) 0 clamp(80px,9vw,140px)}
.doc h1{font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.05em;font-weight:400}
.doc .date{margin-top:20px;font-size:14px;color:#6b645d}
.doc .intro{margin-top:40px;font-size:clamp(18px,1.5vw,21px);line-height:1.55;letter-spacing:-.01em}
.doc .note{margin-top:24px;padding:18px 22px;border-radius:20px;background:#f2eee8;font-size:15px;color:#3a3531}
.doc h2{margin-top:56px;padding-top:28px;border-top:1px solid #e2dbd0;font-size:clamp(24px,2.2vw,30px);line-height:1.15;letter-spacing:-.035em;font-weight:400}
.doc h3{margin-top:28px;font-size:17px;font-weight:500;letter-spacing:-.01em}
.doc p,.doc ul{margin-top:14px;color:#3a3531}
.doc ul{padding-left:20px}
.doc li{margin-top:6px}
.doc .row{margin-top:18px;padding:16px 0;border-top:1px solid #efe9e0}
.doc .row p{margin-top:6px}
.doc .row b{font-weight:500;color:#1f1f1f}
.doc .meta{font-size:14px;color:#6b645d}
.foot{border-top:1px solid #e2dbd0}
.foot .in{padding:32px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#6b645d}
.foot nav{display:flex;gap:22px;flex-wrap:wrap}
.foot a{color:#6b645d;text-decoration:none}.foot a:hover{color:#1f1f1f}
@media (max-width:620px){.hdr .in{height:64px}.logo-svg{height:20px}.pill{min-height:42px;font-size:13px;padding-left:15px}.pill .ar{width:34px;height:34px}}
