@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Lora:wght@500;600;700&display=swap');

:root{
  --navy:#0d3e67; --navy-deep:#0a2e4d; --magenta:#aa2184; --crimson:#d30b5a;
  --grey:#76777b; --ink:#2a3744; --paper:#f4f7fa; --white:#fff;
  --line:#e1e9f0; --pink-soft:#fce6f1; --blue-soft:#e6eff8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Manrope',-apple-system,sans-serif;color:var(--ink);
  background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--navy)}

/* topbar */
.topbar{position:sticky;top:0;z-index:100;background:var(--navy);
  display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:0 14px;
  box-shadow:0 2px 14px rgba(13,62,103,.18)}
.topbar .brand{font-family:'Lora',serif;color:#fff;font-weight:700;font-size:15px;
  letter-spacing:.5px;white-space:nowrap;padding:14px 16px 14px 4px;margin-right:6px;
  border-right:1px solid rgba(255,255,255,.15);flex:1 1 auto;text-decoration:none}
.topbar .brand:hover{color:rgba(255,255,255,.85)}
.navlink{color:rgba(255,255,255,.78);text-decoration:none;font-size:11.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;padding:14px 11px;
  border-bottom:2.5px solid transparent;transition:.2s}
.navlink:hover,.navlink.active{color:#fff;border-bottom-color:var(--crimson)}

/* layout */
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.section{padding:56px 0;border-bottom:1px solid var(--line)}
.section h2{font-family:'Lora',serif;color:var(--navy);font-size:clamp(24px,3.4vw,34px);
  margin-bottom:18px}
.section h3{font-family:'Lora',serif;color:var(--magenta);font-size:20px;margin:28px 0 12px}
.section p{margin-bottom:14px;max-width:760px}
.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--crimson);background:#fff;padding:7px 14px;
  border-radius:40px;margin-bottom:20px}

/* secondary anchor nav (внутри длинной страницы) */
.subnav{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px}
.subnav a{font-size:13px;font-weight:600;color:var(--navy);text-decoration:none;
  background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 14px}
.subnav a:hover{border-color:var(--magenta);color:var(--magenta)}

/* cover (хаб) */
.cover{position:relative;color:#fff;overflow:hidden;min-height:62vh;display:flex;align-items:center;
  background:radial-gradient(circle at 80% 15%,rgba(170,33,132,.22),transparent 45%),
    radial-gradient(circle at 12% 85%,rgba(211,11,90,.18),transparent 40%),
    linear-gradient(160deg,var(--navy),var(--navy-deep))}
.cover h1{font-family:'Lora',serif;font-size:clamp(34px,5vw,56px);line-height:1.1;margin-bottom:18px}
.cover .lead{font-size:18px;max-width:620px;color:rgba(255,255,255,.85)}
.cover .eyebrow{color:var(--crimson)}

/* карточки разделов на хабе */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:8px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:26px;text-decoration:none;color:var(--ink);transition:.2s;
  box-shadow:0 2px 10px rgba(13,62,103,.05)}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(13,62,103,.12);
  border-color:var(--magenta)}
.card h3{font-family:'Lora',serif;color:var(--navy);font-size:22px;margin-bottom:8px}
.card p{color:var(--grey);font-size:14.5px;margin:0}

/* инфографика-блок: картинка + русский текст рядом */
.info{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin:26px 0}
.info img{border:1px solid var(--line);border-radius:12px;background:#fff}
.info .txt p:last-child{margin-bottom:0}
.figcap{font-size:13px;color:var(--grey);margin-top:8px}
@media(max-width:820px){.info{grid-template-columns:1fr}}

/* блок-цитата исследования */
.quote{border-left:3px solid var(--magenta);padding:4px 0 4px 18px;margin:18px 0;max-width:760px}
.quote p{font-style:italic;margin-bottom:8px}
.quote .src{font-style:normal;font-size:13px;color:var(--grey);font-weight:600}

/* кнопка */
.btn{display:inline-block;background:var(--crimson);color:#fff;text-decoration:none;
  font-weight:700;padding:13px 24px;border-radius:40px;transition:.2s}
.btn:hover{background:var(--magenta);color:#fff}

/* таблицы данных (сводные таблицы исследований) */
.tscroll{overflow-x:auto;margin:18px 0;-webkit-overflow-scrolling:touch}
.dtable{width:100%;border-collapse:collapse;font-size:13.5px;min-width:600px}
.dtable th{background:var(--blue-soft);color:var(--navy);font-weight:700;font-size:10.5px;
  text-transform:uppercase;letter-spacing:.4px;padding:12px 10px;text-align:center;
  vertical-align:middle;line-height:1.3;border:1px solid var(--line)}
.dtable td{border:1px solid var(--line);padding:11px 12px;text-align:center;
  vertical-align:middle;color:var(--ink)}
.dtable td.formula{text-align:left;color:var(--navy);font-weight:600;min-width:170px}
.dtable td.formula ul{margin:0;padding-left:16px;font-weight:600}
.dtable .chk{color:#3fbbe6;font-size:21px;font-weight:700;line-height:1}
.dtable .ne{color:var(--magenta);font-size:10.5px;font-weight:700;text-transform:uppercase;line-height:1.25;display:inline-block}
.dtable .note{color:var(--navy);font-size:11.5px;line-height:1.3;display:inline-block}

/* footer */
.foot{background:var(--navy-deep);color:rgba(255,255,255,.7);padding:30px 0;font-size:13px}