@font-face { font-family: 'Museo'; src: url('/chisty-razum/fonts/MuseoSansCyrl-300.ttf'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Museo'; src: url('/chisty-razum/fonts/MuseoSansCyrl-500.ttf'); font-weight: 500; font-display: swap; }
:root { --bg:#f6f1e6; --ink:#1c1a17; --ink-soft:#6f6558; --seal:#a8321f; --stroke:rgba(28,26,23,0.10); --card:rgba(255,255,255,0.45); }
* { margin:0; padding:0; box-sizing:border-box; }
html { background:var(--bg); -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--ink); font-family:'Museo',-apple-system,sans-serif; font-weight:300; font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:clip; }
.wrap { max-width:640px; margin:0 auto; padding:28px 20px 56px; padding-left:max(20px,env(safe-area-inset-left)); padding-right:max(20px,env(safe-area-inset-right)); }
.top { display:flex; justify-content:space-between; gap:12px; font-size:13px; letter-spacing:.04em; color:var(--ink-soft); margin-bottom:44px; }
.top a { color:var(--ink-soft); text-decoration:none; border-bottom:1px solid var(--stroke); }
.kicker { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--seal); margin-bottom:14px; }
h1 { font-weight:300; font-size:clamp(28px,8vw,40px); line-height:1.15; letter-spacing:-.01em; margin-bottom:22px; overflow-wrap:break-word; }
h2 { font-weight:500; font-size:22px; line-height:1.25; margin:44px 0 14px; padding-top:22px; border-top:1px solid var(--stroke); }
h3 { font-weight:500; font-size:17px; margin:22px 0 6px; }
p { margin-bottom:14px; overflow-wrap:break-word; }
p:first-of-type { font-size:19px; color:var(--ink); }
ul, ol { margin:0 0 16px 22px; } li { margin-bottom:8px; padding-left:2px; } li::marker { color:var(--seal); }
a { color:var(--seal); text-underline-offset:3px; }
strong { font-weight:500; }
.cta { margin:44px 0 0; padding:22px 20px; background:var(--card); border:1px solid var(--stroke); border-radius:2px; }
.cta p { margin-bottom:12px; font-size:17px; }
.cta a.btn { display:inline-block; padding:13px 22px; background:var(--ink); color:var(--bg); text-decoration:none; font-weight:500; font-size:15px; letter-spacing:.03em; }
.disc { margin-top:40px; padding-top:18px; border-top:1px solid var(--stroke); font-size:13px; line-height:1.55; color:var(--ink-soft); }
.disc p { font-size:13px !important; margin-bottom:6px; color:var(--ink-soft) !important; }
.disc a { color:var(--ink-soft); }
@media (min-width:700px){ .wrap{padding-top:48px} body{font-size:18px} }
.top a:first-child{white-space:nowrap}.top a:last-child{text-align:right}