:root{
  --ink:#1c3340;
  --ink-2:#33525f;
  --frost:#f4f7f8;
  --steel:#5d7c8b;
  --line:#d4dde1;
  --amber:#9c6b1f;
  --paper:#ffffff;
  --sea:#21506a;
}

html{ -webkit-text-size-adjust:100%; }
body{
  display:block;
  max-width:none;
  width:auto;
  margin:0;
  padding:0;
  grid-template-columns:none;
  font-family:Georgia,'Times New Roman',serif;
  color:var(--ink);
  background:var(--frost);
  line-height:1.62;
}
/* Simple.css кладёт прямых детей body в grid-column:2 — отключаем */
body > *{ grid-column:auto; }

/* нейтрализуем выравнивание/отступы Simple.css для каркасных тегов */
header.hd-strip{ display:block; margin:0; padding:0; text-align:left; width:100%; }
footer.ft-base{ display:block; margin-top:46px; text-align:left; width:100%; }
main.wrap{
  display:block;
  max-width:1080px;
  width:auto;
  margin:0 auto;
  padding:0 20px 40px;
  text-align:left;
}

a{ color:var(--sea); text-underline-offset:2px; }
a:hover{ color:var(--amber); }

h1,h2,h3,h4{ font-family:'PT Serif',Georgia,serif; color:var(--ink); line-height:1.2; }

/* шапка */
.hd-strip{ background:var(--ink); color:#eef3f5; border-bottom:3px solid var(--amber); }
.hd-row{ max-width:1080px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.hd-mark{ text-decoration:none; color:#fff; display:flex; flex-direction:column; line-height:1.1; margin-right:auto; }
.hd-mark__t{ font-family:'PT Serif',Georgia,serif; font-size:1.45rem; font-weight:700; letter-spacing:.3px; }
.hd-mark__s{ font-size:.72rem; color:#9fb6c0; font-family:system-ui,Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; margin-top:3px; }
.hd-nav{ display:flex; gap:18px; font-family:system-ui,Arial,sans-serif; font-size:.95rem; border:0; padding:0; margin:0; }
.hd-nav a, .hd-nav a:visited{ color:#dce6ea; text-decoration:none; padding:4px 0; margin:0; background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0; }
.hd-nav a:hover{ color:#fff; border-bottom-color:var(--amber); }
.hd-mark, .hd-mark:visited{ color:#fff; }
.hd-burger{ display:none; background:none; border:0; color:#fff; font-size:1.6rem; cursor:pointer; }

/* hero */
.qx-hero{ background:linear-gradient(180deg,#23485c,#1c3340); color:#eef4f6; padding:46px 28px; margin:0 0 30px; border-bottom:1px solid #16252e; }
.qx-hero__in{ max-width:1080px; margin:0 auto; }
.qx-hero h1{ color:#fff; font-size:2.25rem; margin:0 0 14px; max-width:760px; }
.qx-hero p{ color:#cfdde3; font-size:1.1rem; max-width:680px; margin:0; }
.qx-hero__meta{ margin-top:22px; font-family:system-ui,Arial,sans-serif; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:#8fa9b4; }

/* сетка-лента новостей на главной */
.lenta{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:0 0 14px; }
.lenta__card{ background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:18px 18px 20px; }
.lenta__k{ font-family:system-ui,Arial,sans-serif; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:var(--steel); }
.lenta__card h3{ font-size:1.12rem; margin:8px 0 8px; }
.lenta__card h3 a{ text-decoration:none; color:var(--ink); }
.lenta__card h3 a:hover{ color:var(--amber); }
.lenta__card p{ margin:0; font-size:.95rem; color:var(--ink-2); }

.sec-title{ font-size:1.55rem; border-left:5px solid var(--amber); padding-left:12px; margin:34px 0 18px; }

/* блок «о портале» */
.about-band{ background:#eaf0f2; border:1px solid var(--line); border-radius:5px; padding:26px 28px; margin:30px 0; }
.about-band h2{ margin-top:0; }
.about-band ul{ columns:2; font-size:.97rem; }

/* полезные материалы (шаг 4) */
.pm-zone{ margin:38px 0 10px; }
.pm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.pm-item{ background:var(--paper); border:1px solid var(--line); border-top:3px solid var(--sea); border-radius:3px; padding:20px 22px; }
.pm-item h3{ font-size:1.18rem; margin:0 0 10px; }
.pm-item h3 a{ text-decoration:none; }
.pm-item p{ font-size:.96rem; color:var(--ink-2); margin:0 0 14px; }
.pm-go{ font-family:system-ui,Arial,sans-serif; font-size:.85rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; text-decoration:none; display:inline-block; background:var(--sea); color:#fff!important; padding:8px 16px; border-radius:3px; }
.pm-go:hover{ background:var(--amber); }

/* статья */
.art{ background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:30px 34px; margin:26px 0; }
.art h1{ font-size:2rem; margin:0 0 6px; }
.art .art__k{ font-family:system-ui,Arial,sans-serif; font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--steel); margin-bottom:18px; }
.art p{ margin:0 0 16px; }
.art a.seed{ font-weight:600; }

/* список материалов */
.mlist{ list-style:none; padding:0; }
.mlist li{ border-bottom:1px solid var(--line); padding:14px 0; }
.mlist li a{ font-size:1.12rem; text-decoration:none; font-family:'PT Serif',Georgia,serif; }
.mlist li span{ display:block; color:var(--ink-2); font-size:.93rem; margin-top:4px; }

/* магазин */
.shop-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.book{ background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:18px; }
.book h3{ font-size:1.05rem; margin:0 0 6px; }
.book h3 a{ text-decoration:none; color:var(--ink); }
.book .price{ font-family:system-ui,Arial,sans-serif; font-weight:700; color:var(--amber); margin:10px 0 0; }
.book p{ font-size:.92rem; color:var(--ink-2); margin:6px 0 0; }

/* карточка товара / форум / контакты */
.panel{ background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:28px 30px; margin:26px 0; }
.panel h1{ margin-top:0; }
.contacts dt{ font-weight:700; margin-top:12px; font-family:system-ui,Arial,sans-serif; }

.crumbs{ font-family:system-ui,Arial,sans-serif; font-size:.82rem; color:var(--steel); margin:18px 0 0; }
.crumbs a{ color:var(--steel); }

/* подвал */
.ft-base{ background:var(--ink); color:#c6d4da; margin-top:46px; padding:36px 20px 24px; }
.ft-cols{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }
.ft-cols a{ color:#c6d4da; text-decoration:none; font-family:system-ui,Arial,sans-serif; font-size:.92rem; line-height:1.9; }
.ft-cols a:hover{ color:#fff; }
.ft-h{ color:#fff; font-family:'PT Serif',Georgia,serif; font-size:1.05rem; margin:0 0 10px; }
.ft-low{ max-width:1080px; margin:26px auto 0; border-top:1px solid #2c4655; padding-top:16px; font-family:system-ui,Arial,sans-serif; font-size:.8rem; color:#7d97a2; }

@media (max-width:880px){
  .lenta,.shop-grid{ grid-template-columns:1fr 1fr; }
  .pm-grid,.ft-cols{ grid-template-columns:1fr; }
  .about-band ul{ columns:1; }
}
@media (max-width:620px){
  .hd-burger{ display:block; }
  .hd-nav{ display:none; flex-direction:column; width:100%; gap:8px; }
  .hd-nav.is-open{ display:flex; }
  .lenta,.shop-grid{ grid-template-columns:1fr; }
  .qx-hero h1{ font-size:1.7rem; }
  .art{ padding:22px 18px; }
}