
:root{
  --paper:#f6f2e9; --paper2:#efe9db; --ink:#1c1a16; --ink2:#5c564a;
  --blue:#122e6b; --blue2:#1d3f8f; --red:#b5122e; --gold:#8a6c1f;
  --card:#fffdf7; --line:#d8d0bd; --ok:#2c6e3f; --bad:#a01c1c;
  --shadow:0 1px 2px rgba(28,26,22,.08),0 6px 18px rgba(28,26,22,.07);
  --serif:"Iowan Old Style","Charter","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:"Avenir Next","Segoe UI",Verdana,sans-serif;
}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;margin:0}
body.modal-open{overflow:hidden}
.tricolore{display:flex;height:4px}
.tricolore i{flex:1}
.tricolore i:nth-child(1){background:var(--blue)}
.tricolore i:nth-child(2){background:#fffdf7}
.tricolore i:nth-child(3){background:var(--red)}
.wrap{max-width:46rem;margin:0 auto;padding:0 18px 70px}
header{text-align:center;padding:26px 0 6px}
header h1{font-family:var(--serif);font-size:25px;letter-spacing:.06em;color:var(--blue);margin:0}
header h1 a{color:inherit;text-decoration:none}
.lam{color:var(--red)}
.back{display:inline-block;margin-top:8px;font-size:13px;color:var(--ink2);text-decoration:none}
.back:hover{color:var(--blue)}

h2.page{font-family:var(--serif);font-size:27px;color:var(--blue);margin:24px 0 6px;text-align:center}
.upd{text-align:center;color:var(--ink2);font-size:13px;margin:0 0 22px}

nav.toc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:0 0 26px}
nav.toc ol{margin:0;padding-left:20px}
nav.toc li{margin:5px 0;font-size:14.5px}
nav.toc a{color:var(--blue2);text-decoration:none}
nav.toc a:hover{text-decoration:underline}

section.doc{margin:0 0 34px;scroll-margin-top:14px}
section.doc>h3{font-family:var(--serif);font-size:22px;color:var(--blue);margin:0 0 4px;
 padding-bottom:8px;border-bottom:2px solid var(--line)}
section.doc>.sub{color:var(--ink2);font-size:13px;font-style:italic;margin:0 0 16px}
h4{font-size:15.5px;color:var(--blue);margin:20px 0 6px}
p{margin:0 0 11px}
ul,ol{margin:0 0 12px;padding-left:22px}
li{margin:0 0 5px}
a{color:var(--blue2)}
.note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);
 border-radius:10px;padding:13px 16px;margin:0 0 14px;font-size:14.5px}
.note b{color:var(--blue)}
.warn{border-left-color:var(--red)}
table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13.5px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--blue);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.tablewrap{overflow-x:auto}
.foot{text-align:center;color:var(--ink2);font-size:12.5px;margin-top:34px;line-height:1.6}
@media (max-width:560px){
  .wrap{padding:0 14px 60px}
  h2.page{font-size:23px}
  section.doc>h3{font-size:19px}
}

.loaderr{max-width:36rem;margin:4rem auto;padding:1.5rem;border-radius:.75rem;
 background:#fff5f5;border:1px solid #f0c0c0;color:#7a1020;font:16px/1.5 system-ui,sans-serif;
 text-align:center}
