/* E1-095: article body styles. All selectors are scoped to this article. */
.vp-poleznoe-kolit-serdtse{box-sizing:border-box;max-width:var(--tt-field);margin-inline:auto;padding:var(--tt-space-48) var(--edge,var(--tt-edge)) var(--tt-space-64);font:400 var(--tt-type-20)/1.5 var(--tt-font);color:var(--tt-text-primary);overflow-wrap:break-word}
.vp-poleznoe-kolit-serdtse *{box-sizing:border-box;min-width:0}
.vp-poleznoe-kolit-serdtse > .hg-hero{margin:0 0 var(--tt-space-48)}
.vp-poleznoe-kolit-serdtse > .hg-hero > .hg-label{margin:0 0 var(--tt-space-16);color:var(--tt-action-primary);font-size:var(--tt-type-16);font-weight:600;line-height:1.4}
.vp-poleznoe-kolit-serdtse > .hg-hero > h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:var(--tt-heading-tracking-editorial);font-weight:600;max-width:1120px;margin:0;text-wrap:balance}
.vp-poleznoe-kolit-serdtse > .hg-hero > .hg-lead{font-size:var(--tt-type-24);line-height:1.35;color:var(--tt-text-secondary);max-width:900px;margin:var(--tt-space-24) 0 0}
.vp-poleznoe-kolit-serdtse > .hg-answer{padding:var(--tt-space-32);background:var(--tt-surface-evidence);border-radius:var(--tt-surface-radius);max-width:1000px}
.vp-poleznoe-kolit-serdtse > .hg-answer > .hg-answer__label{font-size:var(--tt-type-24);line-height:1.25;font-weight:600;margin:0 0 var(--tt-space-16)}
.vp-poleznoe-kolit-serdtse > .hg-answer > p:last-child{margin-bottom:0}
.vp-poleznoe-kolit-serdtse > .hg-sec{margin-top:var(--tt-space-64);padding-top:var(--tt-space-32);border-top:1px solid var(--tt-color-stroke)}
.vp-poleznoe-kolit-serdtse > .hg-sec > h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:var(--tt-heading-tracking);font-weight:600;max-width:1000px;margin:0 0 var(--tt-space-24);text-wrap:balance}
.vp-poleznoe-kolit-serdtse > .hg-sec > p{max-width:78ch;margin:0 0 var(--tt-space-24)}
.vp-poleznoe-kolit-serdtse > .hg-sec > p:last-child{margin-bottom:0}
.vp-poleznoe-kolit-serdtse > .hg-sec > :is(h3){font-size:var(--tt-type-24);line-height:1.25;font-weight:600;margin:var(--tt-space-32) 0 var(--tt-space-16)}
.vp-poleznoe-kolit-serdtse > .hg-sec > :is(ul,ol):not(.hg-check){max-width:78ch;padding-left:1.2em;margin:var(--tt-space-16) 0 var(--tt-space-32)}
.vp-poleznoe-kolit-serdtse > .hg-sec > :is(ul,ol):not(.hg-check) li+li{margin-top:var(--tt-space-12)}
.vp-poleznoe-kolit-serdtse a{color:var(--tt-information-accent);text-underline-offset:4px}
.vp-poleznoe-kolit-serdtse a:focus-visible{outline:3px solid var(--tt-information-accent);outline-offset:4px}
.vp-poleznoe-kolit-serdtse .hg-cards{display:grid;gap:0;border-top:2px solid var(--tt-text-primary);margin:var(--tt-space-32) 0}
.vp-poleznoe-kolit-serdtse .hg-card{border-bottom:1px solid var(--tt-color-stroke);padding:var(--tt-space-24) 0;display:grid;gap:var(--tt-space-16)}
.vp-poleznoe-kolit-serdtse .hg-card > h3{font-size:var(--tt-type-24);line-height:1.25;letter-spacing:var(--tt-heading-tracking);font-weight:600;color:var(--tt-information-accent);margin:0;text-wrap:balance}
.vp-poleznoe-kolit-serdtse .hg-card > p{margin:0;max-width:78ch}
.vp-poleznoe-kolit-serdtse .hg-check{list-style:none;padding:0;margin:var(--tt-space-32) 0;border-top:1px solid var(--tt-color-stroke);max-width:1000px}
.vp-poleznoe-kolit-serdtse .hg-check > li{position:relative;padding:var(--tt-space-16) 0 var(--tt-space-16) var(--tt-space-32);border-bottom:1px solid var(--tt-color-stroke);margin:0}
.vp-poleznoe-kolit-serdtse .hg-check > li::before{content:"";position:absolute;left:0;top:calc(var(--tt-space-16) + 8px);width:16px;height:16px;border:2px solid var(--tt-color-secondary);border-radius:2px}
.vp-poleznoe-kolit-serdtse .hg-quote{margin:var(--tt-space-32) 0;padding:var(--tt-space-24);background:var(--tt-surface-evidence);border-left:4px solid var(--tt-information-accent);max-width:78ch}
.vp-poleznoe-kolit-serdtse .hg-quote > p{margin:0}
.vp-poleznoe-kolit-serdtse .hg-quote > cite{display:block;font-size:var(--tt-type-16);line-height:1.4;font-style:normal;color:var(--tt-text-secondary);margin-top:var(--tt-space-16)}
.vp-poleznoe-kolit-serdtse .hg-table{margin:var(--tt-space-32) 0;max-width:100%}
.vp-poleznoe-kolit-serdtse .hg-table table{border-collapse:collapse;width:100%;font-size:var(--tt-type-20);line-height:1.4;text-align:left}
.vp-poleznoe-kolit-serdtse .hg-table caption{text-align:left;font-size:var(--tt-type-16);line-height:1.4;color:var(--tt-text-secondary);padding-bottom:var(--tt-space-16)}
.vp-poleznoe-kolit-serdtse .hg-table :is(th,td){padding:var(--tt-space-16);border-bottom:1px solid var(--tt-color-stroke);vertical-align:top;overflow-wrap:anywhere}
.vp-poleznoe-kolit-serdtse .hg-table thead{background:var(--tt-information-accent);color:var(--tt-color-white)}
.vp-poleznoe-kolit-serdtse .hg-table th{font-weight:600}
.vp-poleznoe-kolit-serdtse .hg-table tbody tr:nth-child(even){background:var(--tt-surface-evidence)}
.vp-poleznoe-kolit-serdtse .hg-table figcaption{font-size:var(--tt-type-16);line-height:1.4;color:var(--tt-text-secondary);margin-top:var(--tt-space-16)}
@media(min-width:768px){.vp-poleznoe-kolit-serdtse .hg-card{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--tt-space-32)}}
@media(min-width:1200px){.vp-poleznoe-kolit-serdtse{padding-top:var(--tt-space-64)}}
@media(max-width:767px){
.vp-poleznoe-kolit-serdtse{padding-top:var(--tt-space-32)}
.vp-poleznoe-kolit-serdtse > .hg-hero{margin-bottom:var(--tt-space-32)}
.vp-poleznoe-kolit-serdtse > .hg-hero > .hg-lead{font-size:var(--tt-type-20)}
.vp-poleznoe-kolit-serdtse > .hg-answer{padding:var(--tt-space-24)}
.vp-poleznoe-kolit-serdtse > .hg-sec{margin-top:var(--tt-space-48);padding-top:var(--tt-space-24)}
.vp-poleznoe-kolit-serdtse .hg-card{gap:var(--tt-space-12)}
.vp-poleznoe-kolit-serdtse .hg-table :is(table,tbody,tr,th,td){display:block;width:100%}
.vp-poleznoe-kolit-serdtse .hg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.vp-poleznoe-kolit-serdtse .hg-table tbody tr{padding:var(--tt-space-16);border-bottom:1px solid var(--tt-color-stroke)}
.vp-poleznoe-kolit-serdtse .hg-table tbody th{padding:0 0 var(--tt-space-12);border:0;font-size:var(--tt-type-20)}
.vp-poleznoe-kolit-serdtse .hg-table tbody td{padding:var(--tt-space-8) 0;border:0;font-size:var(--tt-type-16)}
.vp-poleznoe-kolit-serdtse .hg-table tbody td::before{content:attr(data-label);display:block;font-weight:600;color:var(--tt-text-secondary);margin-bottom:var(--tt-space-4)}
}