:root{
  --bg:#ffffff; --fg:#0f172a; --muted:#64748b;
  --card:#f8fafc; --line:#e2e8f0; --accent:#0ea5e9;
}

*{box-sizing:border-box}
body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg)}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}

.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
.topbar__inner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 0}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.brand__logo{
  height:42px;          /* базовая высота логотипа */
  width:auto;
  display:block;
}

.brand__text{
  font-size:32px;       /* ~0.75 от 42px */
  line-height:1;
  font-weight:800;
  letter-spacing:0.02em;
  color:#0f172a;        /* как основной текст */
  text-transform:lowercase;
}
@media (max-width: 640px){
  .brand__text{
    display:none;
  }
}
.nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.nav__link{padding:6px 10px;border-radius:10px}
.nav__link:hover{background:var(--card)}

.h1{font-size:26px;margin:18px 0 10px}

.top-hour{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.top-hour__title{font-weight:800;margin-bottom:10px}
.top-hour__list{display:flex;flex-direction:column;gap:8px}
.top-hour__item{padding:8px 10px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.top-hour__item:hover{border-color:#cbd5e1}
.pill{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:#e0f2fe;color:#075985;margin-right:8px}

.grid3{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;margin:14px 0 26px}
.col{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.col__title{padding:12px 14px;font-weight:800;background:var(--card);border-bottom:1px solid var(--line)}
.col--center .col__title{background:#eef2ff}

.list{display:flex;flex-direction:column}
.list__item{padding:12px 14px;border-top:1px solid var(--line)}
.list__item:hover{background:#fafafa}
.list__meta{font-size:12px;color:var(--muted);margin-bottom:4px}
.list__title{font-weight:600}

.cards{display:flex;flex-direction:column}
.card{padding:14px;border-top:1px solid var(--line)}
.card:hover{background:#fafafa}
.card__title{font-weight:800;margin-bottom:6px}
.card__lead{color:#334155}
.card__meta{font-size:12px;margin-top:8px}

.article{max-width:820px;margin:18px auto 30px}
.article__title{font-size:32px;line-height:1.1;margin:0 0 8px}
.article__lead{font-size:16px;color:#334155}
.article__body{margin-top:14px;font-size:16px}
.muted{color:var(--muted)}

.footer{border-top:1px solid var(--line);margin-top:24px}
.footer__inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}

@media (max-width: 980px){
  .grid3{grid-template-columns:1fr}
  .nav{justify-content:flex-start}
}
.btn{display:inline-block;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}
.btn:hover{background:var(--card)}
.adminbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
.form{max-width:820px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.lbl{display:block;margin:10px 0 6px;font-weight:700}
.inp{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font:inherit}
.inp:focus{outline:none;border-color:#cbd5e1}
.article__cover{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
  margin:14px 0;
}
.form{
  max-width: 920px;
  margin: 14px auto 30px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}

.form__grid2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.form__actions{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:14px;
}

.hint{font-size:12px;margin-top:6px}

.btn{display:inline-block;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer}
.btn:hover{background:var(--card)}
.btn--primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}
.btn--primary:hover{filter:brightness(0.95)}

@media (max-width: 900px){
  .form__grid2{grid-template-columns:1fr}
  .form__actions{flex-direction:column;align-items:stretch}
}
.form--single{
  max-width: 760px;
  margin: 14px auto 30px;
}

.lbl{
  display:block;
  margin:14px 0 6px;
  font-weight:700;
}

.inp{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  font:inherit;
}

.inp--body{
  min-height:320px;
}

.hint{
  font-size:12px;
  margin-top:6px;
}

.form__actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}

@media (max-width: 700px){
  .form--single{padding:12px}
  .form__actions{flex-direction:column}
}
.card--media{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.card__thumb{
  width:160px;
  min-width:160px;
  height:96px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--card);
}

.card__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.card__content{
  flex:1;
  min-width:0;
}

@media (max-width: 980px){
  .card__thumb{width:140px; min-width:140px; height:84px;}
}

@media (max-width: 560px){
  .card--media{flex-direction:column;}
  .card__thumb{width:100%; min-width:0; height:180px;}
}