@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,800;1,600&family=JetBrains+Mono:wght@500;700&family=Caveat:wght@700&display=swap');
/* Общий стиль юридических страниц Школы Катрина — «крем и красная ручка» */
:root{
  --paper:#faf6ee;--card:#fffdf8;--ink:#211d18;--muted:#6b6257;--line:#e2d8c6;
  --red:#d8443c;--hl:#ffe066;--board:#22302a;--chalk:#f2efe4;--chalk-dim:#b9c4ba;
  --serif:'Playfair Display',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Manrope',-apple-system,'Segoe UI',Roboto,sans-serif;background:
  repeating-linear-gradient(0deg,transparent 0 33px,rgba(33,29,24,.04) 33px 34px),var(--paper);
  color:var(--ink);line-height:1.65}
.topbar{border-bottom:2px solid var(--ink);background:rgba(250,246,238,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}
.topbar-in{max-width:860px;margin:0 auto;padding:0 22px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:800;font-size:19px;color:var(--ink)}
.logo img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--ink);box-shadow:2px 2px 0 rgba(33,29,24,.8)}
.topbar a.cta{font-family:var(--mono);font-size:12px;font-weight:700;background:var(--red);color:#fff;border:1.5px solid var(--ink);border-radius:8px;padding:8px 14px;box-shadow:2px 3px 0 var(--ink)}
.topbar a.cta:hover{transform:translate(-1px,-1px)}
.docs{max-width:860px;margin:26px auto 0;padding:0 22px;display:flex;flex-wrap:wrap;gap:9px}
.docs a{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1.5px dashed var(--muted);border-radius:999px;padding:6px 13px;text-decoration:none}
.docs a:hover{color:var(--ink);border-color:var(--ink)}
.docs a.on{color:var(--ink);background:var(--hl);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.wrap{max-width:860px;margin:0 auto;padding:26px 0 64px}
a.back{color:var(--red);font-size:13px;font-weight:700;font-family:var(--mono);display:inline-block;margin-bottom:18px}
a.back:hover{text-decoration:underline}
h1{font-family:var(--serif);font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.3px;margin-bottom:8px}
h1::after{content:"";display:block;width:96px;height:4px;background:var(--red);border-radius:3px;margin-top:14px}
.updated{display:inline-block;color:var(--ink);background:var(--hl-soft);border:1.5px dashed var(--ink);border-radius:4px;padding:5px 14px;font-size:12px;margin:4px 0 26px;font-family:var(--mono);transform:rotate(-.6deg)}
.content{background:var(--card);border:2px solid var(--ink);border-radius:6px;box-shadow:6px 7px 0 var(--ink);padding:34px 30px}
.content h2{font-family:var(--serif);font-size:20px;font-weight:800;margin:28px 0 10px;color:var(--ink)}
.content h2::after{content:"";display:block;width:42px;height:3px;background:var(--red);border-radius:2px;margin-top:6px}
.content h2:first-child{margin-top:0}
.content p{margin:9px 0;font-size:15.5px;color:#34302a}
.content ul{margin:8px 0 10px;padding-left:20px}
.content li{margin:5px 0;font-size:15px;color:#34302a}
.content li::marker{color:var(--red)}
.content a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.content a:hover{background:var(--hl);text-decoration:none}
.content .muted{color:var(--muted)}
.content .li{margin-left:22px;color:#4a443b}
.cookie-note{font-size:13px;color:var(--muted);margin-top:26px;font-family:var(--mono)}
@media(max-width:640px){.wrap{padding:22px 0 56px}.content{padding:24px 18px;box-shadow:4px 5px 0 var(--ink)}.logo{font-size:16px}.topbar a.cta{padding:7px 10px;font-size:11px}.docs{padding:0 18px}}