/*
Theme Name: dnevnoy-marshrut
Description: Городской журнал — маршруты и повседневность
Version: 1.2
Author: День / Маршрут
*/
:root{--fon:#f6f8f6;--ink:#182019;--sec:#5d6a60;--grn:#2e6b4e;--grn2:#214f3a;--amber:#d97a29;--lin:#dde4dd;--pane:#ffffff}
*{box-sizing:border-box}
body{margin:0;background:var(--fon);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--grn);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
code,.mono{font-family:ui-monospace,Consolas,monospace}
.polosa{max-width:980px;margin:0 auto;padding:0 20px}
/* header */
.verh{background:var(--pane);border-bottom:1px solid var(--lin)}
.verh .polosa{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.marka{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;font-size:19px}
.marka:hover{text-decoration:none}
.marka .tochka{width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #f3d9c2}
.marka small{display:block;font-weight:400;font-size:12px;color:var(--sec)}
.verh-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.verh-nav a{font-size:13.5px;font-weight:600;color:var(--grn2);border:1px solid var(--lin);border-radius:999px;padding:6px 14px;background:var(--fon)}
.verh-nav a:hover{border-color:var(--grn);text-decoration:none}
.verh-nav ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
/* hero ticket */
.bilet{display:grid;grid-template-columns:1fr 380px;gap:0;background:var(--pane);border:1px solid var(--lin);border-radius:16px;overflow:hidden;margin:36px 0 10px}
.bilet-text{padding:36px 38px;border-right:2px dashed var(--lin)}
.metka{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
.bilet-text h1{margin:0 0 14px;font-size:clamp(30px,4.6vw,44px);line-height:1.12;letter-spacing:-.01em}
.bilet-text .opis{color:var(--sec);margin:0 0 20px;max-width:46ch}
.start{display:inline-flex;align-items:center;gap:8px;background:var(--grn);color:#fff;padding:11px 20px;border-radius:10px;font-weight:600;font-size:15px}
.start:hover{background:var(--grn2);text-decoration:none}
.bilet-foto{margin:0;position:relative;min-height:230px}
.bilet-foto img{width:100%;height:100%;object-fit:cover;display:block}
.bilet-foto figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(24,32,25,.72);color:#e9efe9;font-size:11.5px;padding:6px 12px}
/* timeline */
.etap-title{display:flex;align-items:center;gap:14px;margin:38px 0 4px}
.etap-title h2{margin:0;font-size:22px}
.etap-title .liniya{flex:1;height:1px;background:var(--lin)}
.etap-title .schet{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--sec)}
.marshrut{position:relative;margin:14px 0 8px;padding-left:34px}
.marshrut::before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:var(--lin)}
.ostanovka{position:relative;background:var(--pane);border:1px solid var(--lin);border-radius:12px;padding:20px 24px;margin:14px 0}
.ostanovka::before{content:"";position:absolute;left:-29px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--grn);box-shadow:0 0 0 3px #d3e4da}
.ostanovka .metka{color:var(--grn)}
.ostanovka h3{margin:0 0 8px;font-size:19px;line-height:1.35}
.ostanovka h3 a{color:var(--ink)}
.ostanovka h3 a:hover{color:var(--grn)}
.ostanovka p{margin:0;color:var(--sec);font-size:14.5px}
.ostanovka .kogda{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--sec);float:right;margin-left:12px}
/* history */
.arhiv{background:var(--pane);border:1px solid var(--lin);border-radius:16px;padding:26px 30px;margin:36px 0}
.arhiv h2{margin:0 0 4px;font-size:20px}
.arhiv .pod{color:var(--sec);font-size:13.5px;margin:0 0 16px}
.arhiv-spisok{columns:2;column-gap:40px;margin:0;padding:0;list-style:none}
.arhiv-spisok li{break-inside:avoid;padding:8px 0;border-bottom:1px dotted var(--lin);font-size:14px}
.arhiv-spisok a{color:var(--ink)}
.arhiv-spisok a:hover{color:var(--grn)}
.podhod{margin:30px 0 60px;color:var(--sec);font-size:15px;border-left:3px solid var(--amber);padding-left:18px;max-width:60ch}
/* article */
.zametka{max-width:700px;margin:0 auto;padding:40px 20px 20px}
.put{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;color:var(--sec);margin-bottom:22px}
.put a{color:var(--sec)}
.zametka h1{font-size:clamp(27px,4.2vw,38px);line-height:1.18;margin:6px 0 12px;letter-spacing:-.01em}
.zametka-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--sec);padding-bottom:18px;border-bottom:1px solid var(--lin);margin-bottom:8px}
.zametka-telo{font-size:16.5px}
.zametka-telo h2{font-size:22px;margin:32px 0 12px;padding-left:14px;border-left:3px solid var(--grn)}
.zametka-telo h3{font-size:18px;margin:24px 0 10px}
.zametka-telo p{margin:0 0 16px}
.zametka-telo ul,.zametka-telo ol{margin:0 0 16px;padding-left:24px}
.zametka-telo li{margin-bottom:6px}
.zametka-telo blockquote{margin:0 0 16px;background:var(--pane);border:1px solid var(--lin);border-radius:10px;padding:14px 20px;color:var(--sec)}
.tuda-suda{max-width:700px;margin:14px auto 70px;padding:0 20px}
.tuda-suda h2{font-size:17px;display:flex;align-items:center;gap:12px}
.tuda-suda h2::after{content:"";flex:1;height:1px;background:var(--lin)}
/* footer */
.niz{background:var(--ink);color:#cfd8d0}
.niz .polosa{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:30px;padding-bottom:38px}
.niz a{color:#e9efe9}
.niz-marka{font-weight:700;font-size:18px;color:#fff}
.niz-marka p{font-weight:400;font-size:13px;color:#9fb0a3;margin:6px 0 0}
.niz-links{display:flex;flex-direction:column;gap:6px;font-size:14px;text-align:right}
.niz-links p{color:#9fb0a3;margin:6px 0 0;font-size:12.5px}
@media(max-width:760px){
 .bilet{grid-template-columns:1fr}
 .bilet-text{border-right:0;border-bottom:2px dashed var(--lin)}
 .arhiv-spisok{columns:1}
 .niz-links{text-align:left}
}