/* oil2x.ru — страницы о проекте и документы */
:root {
  --bg:#f4f2ec; --paper:#fff; --ink:#17160f; --muted:#6b665c;
  --line:rgba(20,18,14,.12); --accent:#4a6400; --age:#17160f;
}
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink);
  font:400 17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--accent); }
.wrap { max-width:760px; margin:0 auto; padding:28px 22px 80px; }
.top { display:flex; align-items:center; gap:14px; margin-bottom:28px;
  padding-bottom:18px; border-bottom:1px solid var(--line); }
.brand { font-weight:700; letter-spacing:.02em; color:var(--ink); text-decoration:none; font-size:1.15rem; }
.age { display:inline-block; font:700 .78rem/1 system-ui,sans-serif; letter-spacing:.06em;
  color:var(--age); text-decoration:none; }
.top nav { margin-left:auto; display:flex; gap:14px; flex-wrap:wrap; }
.top nav a { color:var(--muted); text-decoration:none; font-size:.92rem; }
.top nav a:hover { color:var(--ink); }
h1 { font-size:1.7rem; line-height:1.25; margin:0 0 .7em; font-weight:700; }
h2 { font-size:1.15rem; margin:1.6em 0 .5em; font-weight:650; }
p, li { color:#2a281f; }
.muted { color:var(--muted); font-size:.92rem; }
ul { padding-left:1.2em; }
.card { background:var(--paper); border:1px solid var(--line); border-radius:14px;
  padding:22px 24px; margin:18px 0; }
.foot { margin-top:48px; padding-top:22px; border-top:1px solid var(--line);
  color:#9a958b; font-size:.88rem; }
.foot a { color:#8a857a; text-decoration:none; }
.foot a:hover { color:var(--ink); }
.foot .row { display:flex; flex-wrap:wrap; gap:.4em 1.1em; margin:.7em 0; align-items:center; }
.cookiebanner { position:fixed; left:16px; right:16px; bottom:16px; z-index:80;
  background:#17160f; color:#f6f3ec; border-radius:14px; padding:14px 16px;
  display:flex; gap:14px; align-items:flex-start; flex-wrap:wrap;
  box-shadow:0 16px 40px rgba(0,0,0,.28); font-size:.95rem; }
.cookiebanner p { margin:0; flex:1; min-width:220px; color:#e8e4da; }
.cookiebanner a { color:#c6e86a; }
.cookiebanner button { font:inherit; cursor:pointer; border:0; border-radius:99px;
  background:#c6e86a; color:#17160f; padding:.55em 1.1em; font-weight:650; }
@media (max-width:640px){
  .wrap{padding:max(16px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));}
  h1{font-size:1.35rem}
  .top{flex-wrap:wrap}
  .top nav{margin-left:0; width:100%}
  .card{padding:16px}
  .cookiebanner{left:10px; right:10px; bottom:max(10px, env(safe-area-inset-bottom))}
}