:root{--orange:#e57a2e;--orange-dk:#c4611a;--sky:#2ea3f2;--ink:#2b2f33;--muted:#666d75;--line:#ebe7e3;--bg:#fbf9f7;--foot:#2f2f2f;--foot2:#222}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Montserrat,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:16px;display:flex;flex-direction:column;min-height:100vh}
a{color:var(--orange-dk)}
a:hover{color:var(--orange)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.topbar{background:var(--sky);font-size:13px;font-weight:600}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:4px 22px;padding-top:7px;padding-bottom:7px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline;color:#fff}
header.site{background:#fff;box-shadow:0 1px 0 var(--line)}
header.site .wrap{padding-top:16px;padding-bottom:16px}
header.site img{display:block;height:64px;width:auto}
main{flex:1;padding:64px 0 80px}
.hero{display:grid;grid-template-columns:2fr 3fr;gap:48px;align-items:start}
.hero h1{margin:0;color:var(--orange);font-weight:500;font-size:clamp(28px,4vw,38px);line-height:1.2;text-align:right;padding-right:40px;border-right:1px solid var(--line)}
.hero .body p{margin:0 0 1.1em}
.hero .body p:first-child{font-size:1.12em;font-weight:500}
@media (max-width:760px){.hero{grid-template-columns:1fr;gap:20px}.hero h1{text-align:left;border-right:0;padding:0 0 16px;border-bottom:2px solid var(--orange);display:inline-block}}
.doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px clamp(20px,5vw,56px)}
.doc h1{margin-top:0;color:var(--orange);font-weight:600;line-height:1.25}
.doc h2{color:var(--ink);font-size:1.2em;margin-top:2em}
.doc h3{font-size:1.02em;margin-top:1.6em}
.doc .meta{color:var(--muted);margin-top:-.5em}
.doc address{font-style:normal}
footer.site{color:#ddd;font-size:15px}
footer.site .info{background:var(--foot)}
footer.site .info .wrap{display:flex;flex-wrap:wrap;gap:28px 80px;padding-top:44px;padding-bottom:44px}
footer.site h4{color:#f0a060;font-weight:500;margin:0 0 6px;font-size:16px}
footer.site p{margin:0 0 4px}
footer.site a{color:#fff;text-decoration:none}
footer.site a:hover{text-decoration:underline;color:#fff}
footer.site .legal{background:var(--foot2);font-size:14px}
footer.site .legal .wrap{padding-top:18px;padding-bottom:18px}
footer.site .legal a{color:#f0a060}
footer.site .legal .sep{margin:0 8px;color:#777}
