/* Юридические страницы MeetAssistantAI.
   Отдельный файл, а не <style> в документе: приложение отдаёт CSP со
   style-src 'self', инлайновые стили он блокирует. Шрифты подключает
   /css/fonts.css — локальные, потому что font-src тоже 'self'. */

:root{
  --paper:#f7f7f4; --sheet:#ffffff;
  --ink:#1c1d21; --ink-2:#565861; --rule:#e3e3de;
  --stamp:#503ca1; --stamp-tint:#eeebf7;
  --seal:#b3401f; --seal-tint:#faeee9;
  --font-display:'Spectral','Georgia',serif;
  --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SF Mono','Consolas',monospace;
  color-scheme: light only;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font-body);font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;}

.topbar{border-bottom:1px solid var(--rule);background:var(--sheet);}
.topbar .in{max-width:820px;margin:0 auto;padding:16px 28px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;}
.brand{font-family:var(--font-display);font-weight:600;font-size:17px;
  color:var(--ink);text-decoration:none;letter-spacing:-.01em;}
.brand span{color:var(--stamp);}
.back{font-size:14px;color:var(--ink-2);text-decoration:none;}
.back:hover{color:var(--stamp);}

.sheet{max-width:820px;margin:32px auto 72px;background:var(--sheet);
  border:1px solid var(--rule);border-radius:14px;padding:52px 60px 64px;}

h1{font-family:var(--font-display);font-weight:600;font-size:31px;
  line-height:1.2;letter-spacing:-.015em;margin:0 0 14px;}
h2{font-family:var(--font-display);font-weight:600;font-size:21px;
  letter-spacing:-.01em;margin:44px 0 12px;padding-top:22px;
  border-top:1px solid var(--rule);}
h3{font-family:var(--font-body);font-weight:600;font-size:16px;margin:28px 0 8px;}
h2:first-of-type{border-top:none;padding-top:0;}

p{margin:0 0 12px;}
ul{padding-left:20px;margin:0 0 14px;}
li{margin:6px 0;}
li::marker{color:var(--ink-2);}
strong{font-weight:600;}
a{color:var(--stamp);}

.meta{color:var(--ink-2);font-size:14px;margin:0 0 6px;}

.note{background:var(--stamp-tint);border-left:3px solid var(--stamp);
  padding:15px 20px;margin:22px 0;border-radius:0 8px 8px 0;font-size:15px;
  line-height:1.6;}
.note strong{color:var(--stamp);}

.ph{background:var(--seal-tint);color:var(--seal);font-family:var(--font-mono);
  font-size:.86em;font-weight:600;padding:2px 7px;border-radius:4px;
  white-space:nowrap;}

.tw{overflow-x:auto;margin:22px 0;
  border:1px solid var(--rule);border-radius:10px;}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px;}
th,td{padding:11px 15px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--rule);}
th{background:var(--paper);font-weight:600;font-size:13.5px;
  letter-spacing:.01em;color:var(--ink);}
tr:last-child td{border-bottom:none;}

@media(max-width:640px){
  .sheet{margin:0;border:none;border-radius:0;padding:32px 20px 48px;}
  .topbar .in{padding:14px 20px;}
  h1{font-size:26px;}
  h2{font-size:19px;}
}