/* Статьи о здоровье в журнальном стиле Эдемики: бумага, тонкие линии, сноски моноширинным. */
:root{--paper:#F3F3EF;--ink:#141816;--body:#2F3632;--faint:#6E7671;--rule:#CFD3CC;--forest:#17301F;--ochre:#C9952E;--cream:#F0D9A6;--warn:#9E3B26;
--serif:'Raleway','Segoe UI',sans-serif;--sans:'Onest',-apple-system,'Segoe UI',Roboto,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums}
a{color:var(--forest);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
.bar{border-bottom:1px solid var(--rule)}
.bar .in{max-width:760px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:600;letter-spacing:.08em;font-size:.86rem}
.brand svg{width:24px;height:24px}
.brand path{stroke-width:4.6;fill:none;stroke-linecap:round}
.bar nav a{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;margin-left:18px}
article{max-width:760px;margin:0 auto;padding:34px 20px 20px}
.kick{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.15;text-wrap:balance;color:var(--ink)}
h1{font-size:clamp(2rem,6vw,2.9rem);margin:12px 0 18px;line-height:1.08}
h2{font-size:clamp(1.45rem,3.6vw,1.9rem);margin:48px 0 14px;padding-top:18px;border-top:1px solid var(--ink)}
h3{font-size:1.22rem;margin:30px 0 8px}
p{margin:0 0 16px;color:var(--body)}
.lead{font-size:1.2rem;line-height:1.55;color:var(--ink)}
.lead b{font-weight:600}
ul,ol{padding-left:22px;margin:0 0 18px;color:var(--body)}
li{margin-bottom:8px}
b,strong{font-weight:600;color:var(--ink)}
sup{font-family:var(--mono);font-size:.62em;line-height:0}
sup a{text-decoration:none;color:var(--ochre)}
figure{margin:28px 0}
figure img{display:block;width:100%;height:auto;background:#E4E6E0}
figcaption{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-top:10px;border-bottom:1px solid var(--rule);padding-bottom:10px}
.ev{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);border-bottom:2px solid var(--ochre);padding-bottom:1px;margin:0 0 16px}
.ev.no{border-color:var(--warn);color:var(--warn)}
.tw{overflow-x:auto;margin:6px 0 22px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:520px}
th{font-family:var(--mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:500;text-align:left;padding:8px 10px 8px 0;border-bottom:1px solid var(--ink)}
td{padding:11px 10px 11px 0;border-bottom:1px solid var(--rule);vertical-align:top;color:var(--body)}
td:first-child{color:var(--ink);font-weight:600}
.todo{border-left:3px solid var(--forest);padding:4px 0 2px 18px;margin:20px 0 26px}
.todo>b:first-child{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);margin-bottom:8px}
.todo ol{margin-bottom:6px}
.mid{border-top:1px solid var(--ochre);border-bottom:1px solid var(--ochre);padding:20px 0;margin:36px 0;display:grid;gap:10px}
.mid .kick{color:var(--ochre)}
.mid p{margin:0;color:var(--ink)}
.mid a{font-weight:600}
.guide{background:var(--forest);color:#EDEFE9;padding:30px 24px;margin:48px 0 30px}
.guide .kick{color:var(--cream)}
.guide h2{color:#F3F3EF;border:0;padding:0;margin:10px 0 14px}
.guide p{color:rgba(237,239,233,.9)}
.guide ol{list-style:none;padding:0;margin:0 0 22px;counter-reset:g}
.guide li{counter-increment:g;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(237,239,233,.18);color:rgba(237,239,233,.88);font-size:.96rem;line-height:1.5;margin:0}
.guide li::before{content:counter(g,decimal-leading-zero);font-family:var(--mono);font-size:.72rem;color:var(--cream);padding-top:4px}
.guide li b{color:#F3F3EF}
.guide .price{font-family:var(--serif);font-weight:600;font-size:2.3rem;line-height:1;color:#F3F3EF;margin:4px 0 6px}
.guide .facts{font-family:var(--mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(237,239,233,.7);margin-bottom:18px}
.guide a.buy{display:block;text-align:center;font-weight:600;padding:16px;background:var(--ochre);color:var(--forest);text-decoration:none;border-radius:2px}
.guide a.buy:hover{background:var(--cream)}
.guide .fine{font-size:.85rem;color:rgba(237,239,233,.7);margin:12px 0 0}
.faq h3{font-size:1.08rem;margin:22px 0 6px}
.related{border-top:1px solid var(--ink);padding-top:14px;margin-top:40px}
.related ul{list-style:none;padding:0}
.related li{padding:8px 0;border-bottom:1px solid var(--rule)}
.src{margin-top:36px;padding-top:14px;border-top:1px solid var(--rule)}
.src ol{font-size:.8rem;line-height:1.5;color:var(--faint);padding-left:20px}
.src li{margin-bottom:4px}
.src p{font-size:.85rem;color:var(--faint)}
footer{border-top:1px solid var(--rule);margin-top:30px}
footer .in{max-width:760px;margin:0 auto;padding:22px 20px 40px;font-size:.9rem;color:var(--faint)}
footer a{color:var(--ink)}
em,i{font-style:normal}
@media (max-width:600px){
.tw{overflow:visible}
table.cards{min-width:0}
table.cards tr:first-child{display:none}
table.cards tr{display:block;border-top:1px solid var(--ink);padding:10px 0 4px}
table.cards td{display:block;border:0;padding:3px 0 8px}
table.cards td::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:500;margin-bottom:2px}
}
@media (max-width:520px){body{font-size:17px}.bar nav a{margin-left:12px}.guide{margin-left:-20px;margin-right:-20px;padding:26px 20px}}