/* ПЕПЕЛ · общий стиль страниц сайта (блог, библиотека) — палитра STYLE_BIBLE */
@font-face{font-family:'Russo One';src:url('/assets/fonts/RussoOne.ttf') format('truetype');font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#0e0b07;color:#e8dcc3;font:15px/1.65 ui-monospace,Menlo,Consolas,monospace;overflow-x:hidden}
a{color:#ffb454}
.disp{font-family:'Russo One',monospace;letter-spacing:.08em}
.topnav{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:14px;
  padding:12px 18px;background:rgba(14,11,7,.95);border-bottom:1px solid #2a2115;backdrop-filter:blur(4px)}
.topnav .logo{font-family:'Russo One',monospace;color:#ffb454;font-size:16px;letter-spacing:.18em;text-decoration:none}
.topnav .lnk{color:#9b8c6e;text-decoration:none;font-size:12px;letter-spacing:.06em}
.topnav .lnk:hover,.topnav .lnk.on{color:#ffb454}
.topnav .play{margin-left:auto;font-family:'Russo One',monospace;font-size:11px;letter-spacing:.08em;
  color:#0e0b07;background:#ffb454;padding:8px 14px;text-decoration:none;white-space:nowrap}
main{max-width:760px;margin:0 auto;padding:28px 18px 40px}
.eyebrow{color:#8a6a35;font-size:11px;letter-spacing:.28em;margin-bottom:6px}
h1.page{font-family:'Russo One',monospace;font-size:clamp(22px,6vw,32px);color:#ffb454;letter-spacing:.06em;margin-bottom:8px}
.page-sub{color:#9b8c6e;font-size:12.5px;margin-bottom:26px;max-width:560px}
/* блог */
.post{border:1px solid #3a2f1e;background:#16120c;margin-bottom:22px}
.post img{width:100%;max-height:440px;object-fit:cover;display:block;border-bottom:1px solid #3a2f1e}
.post .body{padding:16px 18px}
.post .body b{color:#ffb454}
.post .date{color:#6b5f49;font-size:11px;padding:0 18px 14px}
/* библиотека */
.libgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.libcard{border:1px solid #3a2f1e;background:#16120c;padding:18px 16px;text-decoration:none;display:block;transition:.15s}
.libcard:hover{border-color:#8a6a35;background:#1c160e}
.libcard i{font-style:normal;font-size:24px;display:block;margin-bottom:8px}
.libcard b{color:#ffb454;display:block;font-size:14px;margin-bottom:6px;letter-spacing:.04em}
.libcard span{color:#9b8c6e;font-size:12px;display:block}
/* статья */
article h2{font-family:'Russo One',monospace;color:#ffb454;font-size:17px;letter-spacing:.05em;margin:28px 0 10px}
article p{margin:0 0 12px;color:#d8cbae}
article ul{margin:0 0 14px 18px;color:#d8cbae}
article li{margin-bottom:6px}
article b{color:#e8dcc3}
article .num{color:#ffb454}
.tip{border-left:2px solid #8a6a35;background:#16120c;padding:10px 14px;margin:14px 0;color:#d8cbae;font-size:13px}
.tip b{color:#ffb454}
table.tbl{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:12.5px}
table.tbl th{color:#8a6a35;text-align:left;font-weight:normal;letter-spacing:.08em;font-size:10.5px;padding:6px 8px;border-bottom:1px solid #3a2f1e}
table.tbl td{padding:6px 8px;border-bottom:1px solid #241c10;color:#d8cbae}
table.tbl td:first-child{color:#e8dcc3}
.backrow{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.backrow a{border:1px solid #3a2f1e;color:#9b8c6e;text-decoration:none;font-size:12px;padding:8px 14px}
.backrow a:hover{color:#ffb454;border-color:#8a6a35}
footer{border-top:1px solid #2a2115;margin-top:48px;padding:22px 18px 30px;text-align:center;color:#6b5f49;font-size:11px}
footer a{color:#9b8c6e}