:root{
  --bg:#ece5d6;
  --card:#fffdf7;
  --text:#16130e;
  --muted:#4d473b;
  --accent:#e64a10;
  --line:#16130e;
  --head:"Oswald","Arial Narrow",Impact,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#cfc5ad}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);color:var(--text);
  max-width:520px;margin:0 auto;min-height:100vh;
  border-left:2px solid var(--line);border-right:2px solid var(--line);
  font-size:15px;line-height:1.65;
  padding:0 18px calc(40px + env(safe-area-inset-bottom));
}
.doc-header{padding:18px 0 4px}
.back{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--text);text-decoration:none;
  font-family:var(--head);font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--card);border:2px solid var(--line);box-shadow:3px 3px 0 var(--line);
  padding:8px 14px;
}
.back:active{transform:translate(3px,3px);box-shadow:none}
h1{
  font-family:var(--head);font-weight:700;text-transform:uppercase;
  font-size:30px;line-height:1.1;padding:26px 0 8px;
}
h1::after{content:"";display:block;width:56px;height:6px;background:#ff5a1f;margin-top:12px}
h2{
  font-family:var(--head);font-weight:600;text-transform:uppercase;letter-spacing:.02em;
  font-size:18px;color:var(--text);padding:26px 0 4px;
}
h3{font-size:15px;font-weight:700;padding:14px 0 2px}
p{color:var(--muted);padding:6px 0}
p b, p strong{color:var(--text)}
ul{list-style:none;padding:6px 0}
ul li{color:var(--muted);position:relative;padding:5px 0 5px 22px}
ul li::before{
  content:"";position:absolute;left:2px;top:13px;
  width:8px;height:8px;background:#ff5a1f;border:1.5px solid var(--line);
}
a{color:var(--accent)}
.doc-updated{color:#6f6858;font-size:12.5px;padding-top:4px}
.doc-footer{
  margin-top:32px;padding-top:16px;border-top:2px dashed var(--line);
  color:#6f6858;font-size:12px;line-height:1.6;text-align:center;
}