/* Раздел «Статьи и разборы» qorganmed.kz — светлый канон Qorgan (navy/teal), как на главной. */
:root{
  --navy:#0F3A52; --teal:#0D9488; --ink:#1F2937; --grey:#6B7280;
  --bord:#D1E4F5; --lbg:#F4F8FC; --lnavy:#EAF1F5; --lteal:#E6F7F5;
  --lamber:#FFFBEB; --amber:#B45309; --maxw:820px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--ink); background:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
header{border-bottom:1px solid var(--bord); background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px); position:sticky; top:0; z-index:50}
.nav{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; color:var(--navy);
  font-size:21px; letter-spacing:-.5px; text-decoration:none}
.brand svg{width:27px; height:29px; display:block}
.nav-cta{display:inline-flex; align-items:center; background:var(--teal); color:#fff;
  text-decoration:none; padding:8px 18px; border-radius:10px; font-weight:700; font-size:14px}
.nav-cta:hover{background:#0B6F66}
.crumbs{font-size:13px; color:var(--grey); padding:20px 0 0}
.crumbs a{color:var(--teal); text-decoration:none}
.crumbs a:hover{text-decoration:underline}
main{padding:16px 0 56px}
article h1{font-size:clamp(28px,4.5vw,38px); line-height:1.2; color:var(--navy);
  letter-spacing:-.02em; margin:16px 0 8px}
.meta{font-size:14px; color:var(--grey); margin-bottom:24px}
article .lead{font-size:18px; color:var(--grey); line-height:1.7; margin-bottom:8px}
article h2{font-size:24px; color:var(--navy); margin:40px 0 12px; line-height:1.25}
article h3{font-size:18px; color:var(--navy); margin:28px 0 8px}
article p{margin:0 0 14px}
article ul,article ol{margin:0 0 16px; padding-left:24px}
article li{margin-bottom:8px}
article a{color:var(--teal)}
.formula{background:var(--lnavy); border:1px solid var(--bord); border-radius:14px;
  padding:18px 22px; margin:20px 0; font-weight:700; color:var(--navy); font-size:17px; line-height:1.5}
.note{background:var(--lteal); border-left:4px solid var(--teal); border-radius:0 12px 12px 0;
  padding:14px 20px; margin:20px 0}
.note b:first-child{color:var(--navy)}
.warn{background:var(--lamber); border-left:4px solid var(--amber); border-radius:0 12px 12px 0;
  padding:14px 20px; margin:20px 0}
table{border-collapse:collapse; width:100%; margin:20px 0; font-size:15px}
th{background:var(--navy); color:#fff; text-align:left; padding:10px 14px; font-weight:700}
td{border:1px solid var(--bord); padding:10px 14px; vertical-align:top}
tr:nth-child(even) td{background:var(--lbg)}
.tbl-scroll{overflow-x:auto}
.cta-box{background:linear-gradient(135deg,var(--navy) 0%,#154b69 100%); color:#fff;
  border-radius:18px; padding:32px; margin:44px 0 8px}
.cta-box h2{color:#fff; margin:0 0 10px; font-size:22px}
.cta-box p{color:#CFE3F2; margin:0 0 20px}
.cta-box .btn{display:inline-block; background:var(--teal); color:#fff; text-decoration:none;
  font-weight:700; padding:13px 24px; border-radius:11px; margin-right:12px}
.cta-box .btn:hover{background:#0B6F66}
.cta-box .btn-ghost{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25)}
.more{margin-top:40px; border-top:1px solid var(--bord); padding-top:24px}
.more h2{font-size:18px; color:var(--navy); margin:0 0 14px}
.more a{display:block; color:var(--teal); text-decoration:none; margin-bottom:10px; font-weight:600}
.more a:hover{text-decoration:underline}
.fine{font-size:13px; color:var(--grey); margin-top:28px}
footer{border-top:1px solid var(--bord); background:var(--lbg)}
.foot{display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between;
  padding:22px 0; font-size:13px; color:var(--grey)}
/* хаб-страница списка статей */
.art-card{display:block; border:1px solid var(--bord); border-radius:16px; padding:24px 26px;
  margin-bottom:18px; text-decoration:none; background:#fff; transition:box-shadow .25s ease, transform .25s ease}
.art-card:hover{box-shadow:0 10px 28px rgba(15,58,82,.10); transform:translateY(-2px)}
.art-card h2{margin:0 0 8px; font-size:20px; color:var(--navy); line-height:1.3}
.art-card p{margin:0; color:var(--grey); font-size:15px}
.art-card .tag{display:inline-block; font-size:12px; font-weight:800; color:var(--teal);
  background:var(--lteal); border-radius:8px; padding:3px 10px; margin-bottom:12px;
  text-transform:uppercase; letter-spacing:.04em}