/* Общий стиль юридических страниц: оферта, политика конфиденциальности, контакты.
   Палитра совпадает с основным сайтом (studio.css). */
:root { --bg:#f8f7f3; --card:#fff; --line:#dddfd4; --text:#262d25; --muted:#686f61;
        --accent:#c34428; --gold:#ff7955; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font:15px/1.65 'Segoe UI', Arial, sans-serif; }
.wrap { max-width:840px; margin:0 auto; padding:22px 20px 48px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:14px 0; border-bottom:1px solid var(--line); margin-bottom:30px; }
.top a.home { display:inline-flex; align-items:center; gap:9px; text-decoration:none;
  color:var(--text); font-weight:700; font-size:20px; letter-spacing:-.6px; }
.brand-icon { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px;
  background:var(--gold); color:#fff; border-radius:8px; font-size:23px; transform:rotate(-8deg); }
.top nav { display:flex; gap:14px; flex-wrap:wrap; font-size:13.5px; }
.top nav a { color:var(--muted); text-decoration:none; }
.top nav a:hover { color:var(--accent); }
h1 { font-size:clamp(24px,3.4vw,32px); letter-spacing:-.9px; margin:4px 0 12px; }
h2 { font-size:17.5px; margin:30px 0 10px; }
p { margin:0 0 11px; }
.muted { color:var(--muted); }
a { color:var(--accent); }
.req { background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin:16px 0; }
.req dl { display:grid; grid-template-columns:max-content 1fr; gap:7px 20px; margin:0; }
.req dt { color:var(--muted); }
.req dd { margin:0; font-weight:600; }
.pending { font-weight:400; color:#8a5a00; background:#fff3e0; border:1px solid #ffd9a8;
  border-radius:6px; padding:1px 8px; font-size:13px; }
.legal-note { font-size:13px; color:var(--muted); margin-top:30px; padding-top:14px;
  border-top:1px dashed var(--line); }
.foot { margin-top:38px; padding-top:18px; border-top:1px solid var(--line);
  display:flex; gap:18px; flex-wrap:wrap; font-size:13.5px; color:var(--muted); }
.foot a { color:var(--muted); }
@media (max-width:560px) {
  .req dl { grid-template-columns:1fr; gap:2px 0; }
  .req dd { margin-bottom:9px; }
  .top { flex-direction:column; align-items:flex-start; gap:10px; }
}