/* /news/article-full.css */
:root{
  --bg:#f6f7fb; --card:#fff; --text:#1f2937; --muted:#6b7280; --border:#e5e7eb; --accent:#ff6600;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.65;
}

/* Верхняя узкая панель */
.topbar{
  position:sticky; top:0; z-index:50;
  background:var(--card);
  border-bottom:1px solid var(--border);
  padding:10px 14px;
  display:flex; gap:12px; align-items:center; justify-content:space-between;
}
.topbar .links{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.topbar a{color:var(--text); text-decoration:none; padding:6px 10px; border:1px solid var(--border); border-radius:8px}
.topbar a:hover{background:#0000000d}
.topbar .brand{font-weight:800; letter-spacing:.2px}

/* Контейнер статьи */
.article-wrap{
  width:min(1000px,96%);
  margin:16px auto;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 10px 20px rgba(0,0,0,.05);
  overflow:hidden;
}
.article-head{
  padding:18px 20px; border-bottom:1px solid var(--border);
}
.article-head h1{margin:0; font-size:clamp(22px,3.5vw,32px)}
.article-body{
  padding:20px; font-size:1.03rem;
}
.article-body img{
  max-width:100%; height:auto; display:block; margin:12px auto; border-radius:12px;
}
.article-body h2{margin-top:1.25em; color:#111827; border-left:4px solid var(--accent); padding-left:.6em}
.article-body p{margin:.9em 0; text-align:justify}
.article-foot{
  display:flex; justify-content:space-between; gap:8px;
  padding:16px 20px; border-top:1px solid var(--border); background:linear-gradient(#fff, #fafafa);
}
.btn{display:inline-block; padding:10px 14px; border-radius:10px; border:1px solid var(--border); color:var(--text); text-decoration:none}
.btn:hover{background:#0000000d}
.btn.primary{border-color:var(--accent); background:var(--accent); color:#fff}
.btn.primary:hover{filter:brightness(.95)}

@media (max-width:600px){
  .topbar{padding:8px 10px}
  .article-body{padding:16px}
}