:root{
  --bg:#f7f6f3; --surface:#ffffff; --border:#e4e1da; --text:#1f2320;
  --muted:#6b6f6a; --accent:#8a6d3b; --accent-soft:#f1e8d9; --v1:#2f6f4e; --v2:#8a6d3b; --v3:#3a5a8a;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:"Georgia","Times New Roman",serif;
  line-height:1.5;
}
header.top{
  background:var(--surface); border-bottom:1px solid var(--border);
  padding:28px 24px;
}
.wrap{max-width:880px; margin:0 auto; padding:0 20px}
h1{font-size:1.6rem; margin:0 0 4px}
.subtitle{color:var(--muted); font-size:.95rem; margin:0}
nav.crumb{font-size:.85rem; margin-top:10px}
nav.crumb a{color:var(--accent); text-decoration:none}
nav.crumb a:hover{text-decoration:underline}
main{padding:32px 0 80px}
.meta-row{display:flex; gap:18px; flex-wrap:wrap; color:var(--muted); font-size:.85rem; margin-bottom:24px}
.intro{background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; margin-bottom:28px; font-size:.95rem}
.intro ul{margin:8px 0 0; padding-left:20px}
.car{background:var(--surface); border:1px solid var(--border); border-radius:12px; margin-bottom:28px; overflow:hidden}
.car > h2{
  margin:0; padding:16px 20px; font-size:1.15rem;
  background:var(--accent-soft); border-bottom:1px solid var(--border);
}
.car .price{font-weight:normal; color:var(--muted); font-size:.85rem; display:block; margin-top:2px}
.variant{padding:18px 20px; border-top:1px solid var(--border)}
.variant:first-of-type{border-top:none}
.variant h3{
  margin:0 0 10px; font-size:.95rem; text-transform:uppercase; letter-spacing:.03em;
  display:inline-block; padding:3px 10px; border-radius:20px; color:#fff;
}
.v1 h3{background:var(--v1)}
.v2 h3{background:var(--v2)}
.v3 h3{background:var(--v3)}
.variant .row{margin:10px 0}
.variant .label{font-weight:bold; font-size:.85rem; color:var(--muted); display:block; margin-bottom:2px}
.variant blockquote{
  margin:4px 0 0; padding:10px 14px; background:var(--bg); border-left:3px solid var(--accent);
  border-radius:0 6px 6px 0; font-style:italic;
}
.obs{background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; margin-top:8px}
.obs ul{padding-left:20px}
.history-list{list-style:none; padding:0; margin:0}
.history-list li{
  background:var(--surface); border:1px solid var(--border); border-radius:10px;
  padding:16px 20px; margin-bottom:14px;
}
.history-list a{color:var(--text); text-decoration:none; font-size:1.05rem; font-weight:bold}
.history-list a:hover{color:var(--accent)}
.history-list .date{color:var(--muted); font-size:.8rem; display:block; margin-top:4px}
footer{color:var(--muted); font-size:.8rem; text-align:center; padding:20px}
