@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root { color-scheme:dark; --bg:#171512; --surface:#25201c; --ink:#eee2d3; --muted:#c0b2a1; --gold:#d4b383; --line:#6e5740; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:15px/1.75 'DM Sans',sans-serif; }
a { color:#e9c99b; text-underline-offset:4px; }
a:focus-visible { outline:2px solid #e9c99b; outline-offset:4px; }
.container { width:min(940px,calc(100% - 44px)); margin:auto; }
.header { border-bottom:1px solid #4d3b2b; background:#201b18; padding:24px 0; }
.header-inner { display:flex; justify-content:space-between; gap:25px; align-items:center; }
.brand { color:#f0dfc7; text-decoration:none; font:500 30px/1 'Cormorant Garamond',Georgia,serif; }
.brand em { color:var(--gold); font-weight:400; }
.back { font-size:12px; letter-spacing:.06em; }
main { padding:75px 0 95px; }
.kicker { font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:700; color:var(--gold); }
h1,h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:400; }
h1 { font-size:clamp(50px,7vw,81px); line-height:1; margin:16px 0 25px; }
h2 { font-size:35px; line-height:1.1; margin:0 0 18px; color:#f5e5d1; }
.intro { font-size:15px; color:#c9b9a4; max-width:760px; margin-bottom:34px; }
.notice { background:#4a3426; border-left:3px solid #ddae73; padding:19px 23px; margin:28px 0 34px; color:#f5dfc5; }
.notice strong { color:#fff1d8; }
.sections { display:grid; gap:22px; }
.panel { border:1px solid #584633; background:var(--surface); padding:31px 36px; }
p { margin:12px 0; color:var(--muted); }
ul,ol { color:var(--muted); padding-left:22px; }
li { margin:7px 0; }
strong { color:#eee0cd; font-weight:600; }
.placeholder { color:#ffce9d; font-style:italic; }
.key-value { display:grid; grid-template-columns:190px 1fr; gap:10px 24px; margin-top:14px; }
.key-value dt { color:#e0c49c; font-weight:600; }
.key-value dd { margin:0; color:var(--muted); overflow-wrap:anywhere; }
.doc-links { display:flex; gap:18px; flex-wrap:wrap; border-top:1px solid #51402e; padding-top:29px; margin-top:40px; font-size:12px; }
.footer { border-top:1px solid #493726; color:#ad9e8d; padding:25px 0 45px; font-size:12px; }
@media(max-width:620px) {
  .header-inner { display:block; }
  .back { display:block; margin-top:12px; }
  main { padding:52px 0 70px; }
  .panel { padding:24px 20px; }
  .key-value { grid-template-columns:1fr; gap:2px; }
  .key-value dd { margin-bottom:12px; }
}
