/* Универсальный стиль документ-страниц Платформы Ноев Ковчег */
:root{
  --bg:#0a0f1a;
  --paper:#15192a;
  --paper-2:#1b2032;
  --line:#243248;
  --line-2:#2e3e58;
  --ink:#e8eaf0;
  --ink-2:#a8b0c4;
  --ink-3:#6e7793;
  --accent:#5fa3e9;
  --accent-2:#86c1f5;
  --gold:#d4a857;
  --gold-2:#e8c281;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:var(--bg);color:var(--ink);
  font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
body{
  background:
    radial-gradient(ellipse at 12% 78%, rgba(95,163,233,.10), transparent 55%),
    radial-gradient(ellipse at 88% 14%, rgba(212,168,87,.07), transparent 60%),
    var(--bg);
  min-height:100vh;display:flex;flex-direction:column;
}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-2);text-decoration:underline}

/* Top bar */
.docbar{
  padding:1.2rem 4vw;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  color:var(--ink-3);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  border-bottom:1px solid var(--line);
  background:rgba(10,15,26,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);
}
.docbar b{color:var(--accent);letter-spacing:.18em}
.docbar .back{
  color:var(--ink-2);text-decoration:none;font-weight:600;
  border:1px solid var(--line);border-radius:6px;
  padding:6px 12px;font-size:.7rem;letter-spacing:.18em;
  transition:all .15s;
}
.docbar .back:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}

/* Article container */
article{
  flex:1;max-width:880px;margin:0 auto;padding:3rem 5vw 5rem;width:100%;
}
article h1{
  font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem, 3.6vw, 2.8rem);
  font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--ink);
  margin:1.6rem 0 1rem;
}
article h2{
  font-family:'Cormorant Garamond',serif;font-size:clamp(1.45rem, 2.4vw, 1.85rem);
  font-weight:600;line-height:1.18;color:var(--ink);
  margin:2.4rem 0 .8rem;padding-top:1.2rem;border-top:1px solid var(--line);
}
article h3{
  font-family:'Manrope',sans-serif;font-size:1.15rem;font-weight:600;line-height:1.3;
  color:var(--gold-2);margin:1.8rem 0 .6rem;letter-spacing:.01em;
}
article h4{
  font-family:'Manrope',sans-serif;font-size:1rem;font-weight:600;
  color:var(--accent-2);margin:1.4rem 0 .5rem;
}
article h5,article h6{
  font-family:'Manrope',sans-serif;font-size:.92rem;font-weight:600;
  color:var(--ink-2);margin:1.2rem 0 .4rem;text-transform:uppercase;letter-spacing:.08em;
}
article p{color:var(--ink);margin:.8rem 0;font-size:1rem;line-height:1.65}
article ul,article ol{margin:.6rem 0 1rem 1.6rem;color:var(--ink)}
article li{margin:.3rem 0;line-height:1.6}
article li > ul, article li > ol{margin-top:.3rem}
article blockquote{
  border-left:3px solid var(--gold);background:rgba(212,168,87,.06);
  padding:.8rem 1.2rem;margin:1.2rem 0;color:var(--ink-2);font-style:italic;
  border-radius:0 8px 8px 0;
}
article blockquote p{margin:.3rem 0}
article code{
  font-family:'Consolas','SF Mono',monospace;font-size:.92em;
  background:rgba(95,163,233,.10);color:var(--accent-2);
  padding:.1em .4em;border-radius:4px;
}
article pre{
  background:var(--paper-2);border:1px solid var(--line);
  border-radius:10px;padding:1rem 1.2rem;overflow-x:auto;
  margin:1.2rem 0;font-size:.88rem;line-height:1.5;
}
article pre code{background:transparent;color:var(--ink);padding:0}
article hr{
  border:0;border-top:1px solid var(--line);margin:2rem 0;
}
article strong{color:var(--ink);font-weight:700}
article em{color:var(--gold-2);font-style:italic}
article table{
  border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.9rem;
  background:var(--paper);border-radius:10px;overflow:hidden;
}
article th,article td{
  padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--line);
  vertical-align:top;
}
article th{
  background:var(--paper-2);color:var(--gold-2);font-weight:600;
  font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;
}
article tr:last-child td{border-bottom:0}
article tr:nth-child(even) td{background:rgba(255,255,255,.015)}

/* Lead/intro paragraph */
article .lead{font-size:1.1rem;color:var(--ink-2);line-height:1.6;margin:1rem 0 1.6rem}

/* Footer */
.docfoot{
  padding:1.6rem 4vw 2.4rem;border-top:1px solid var(--line);
  color:var(--ink-3);font-size:.78rem;letter-spacing:.14em;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
}

/* Print */
@media print{
  body{background:#fff;color:#1a1a1a}
  .docbar,.docfoot{display:none}
  article{max-width:none;padding:0}
  article h1,article h2,article h3,article h4,article p,article li{color:#1a1a1a}
  article a{color:#0a4d8c}
}