/* /kalkulyator-shin/ — блоки «Как пользоваться», «Мои замеры», «Частые вопросы».
   Токены DESIGN.md (СТС): surface #141414, raised #1A1A1A, border #222, border-strong #3F3F3F, text #F4F4F4, muted #A3A3A3,
   primary #DE002B; служебные цвета инструментов tool-ok #4FAD00 / #1F7A3F, tool-warn #F7630C, tool-bad #FF6B6B / #DE002B.
   Шрифты только локальные (fonts-brutal.css шаблона). */
#ct-kalk-info.ctk{max-width:1450px;padding:0 0 48px;color:#F4F4F4;font:400 1rem/1.55 'Source Sans 3',system-ui,sans-serif}
#ct-kalk-info .ctk-sec{background:#141414;border:1px solid #222;border-radius:12px;padding:24px;margin:0 0 24px}
#ct-kalk-info h2{font:700 1.25rem/1.25 Unbounded,system-ui,sans-serif;letter-spacing:-0.02em;color:#F4F4F4;margin:0 0 16px}
#ct-kalk-info p{color:#A3A3A3;margin:0 0 12px}
#ct-kalk-info b{color:#F4F4F4}
#ct-kalk-info .ctk-steps{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#ct-kalk-info .ctk-steps li{background:#1A1A1A;border:1px solid #222;border-radius:12px;padding:16px;margin:0}
#ct-kalk-info .ctk-steps li:before{content:none}
#ct-kalk-info .ctk-n{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#DE002B;color:#FFF;font:700 1rem/1 Unbounded,system-ui,sans-serif;margin:0 0 10px}
#ct-kalk-info .ctk-steps b{display:block;font:700 1rem/1.3 Unbounded,system-ui,sans-serif;margin:0 0 6px}
#ct-kalk-info .ctk-steps p{margin:0;font-size:.9375rem}
#ct-kalk-info .ctk-list{margin:0 0 12px;padding:0 0 0 4px;list-style:none}
#ct-kalk-info .ctk-list li{color:#A3A3A3;margin:0 0 8px;padding:0}
#ct-kalk-info .ctk-list li:before{content:none}
#ct-kalk-info .ctk-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 12px}
#ct-kalk-info .ctk-lv{background:#1A1A1A;border:1px solid #222;border-top:3px solid #3F3F3F;border-radius:12px;padding:12px 14px}
#ct-kalk-info .ctk-lv b{display:block;margin:0 0 4px}
#ct-kalk-info .ctk-lv span{color:#A3A3A3;font-size:.875rem}
#ct-kalk-info .ctk-lv.is-ok{border-top-color:#1F7A3F}#ct-kalk-info .ctk-lv.is-ok b{color:#4FAD00}
#ct-kalk-info .ctk-lv.is-warn{border-top-color:#F7630C}#ct-kalk-info .ctk-lv.is-warn b{color:#F7630C}
#ct-kalk-info .ctk-lv.is-bad{border-top-color:#DE002B}#ct-kalk-info .ctk-lv.is-bad b{color:#FF6B6B}
#ct-kalk-info .ctk-note{font-size:.875rem;margin:0}
#ct-kalk-info .ctk-faq{border-top:1px solid #222;padding:0}
#ct-kalk-info .ctk-faq:last-child{border-bottom:1px solid #222}
#ct-kalk-info .ctk-faq summary{cursor:pointer;list-style:none;padding:14px 32px 14px 0;position:relative;font:600 1rem/1.4 'Source Sans 3',system-ui,sans-serif;color:#F4F4F4}
#ct-kalk-info .ctk-faq summary::-webkit-details-marker{display:none}
#ct-kalk-info .ctk-faq summary:after{content:"+";position:absolute;right:4px;top:12px;color:#DE002B;font:700 1.25rem/1 'Source Sans 3',system-ui,sans-serif}
#ct-kalk-info .ctk-faq[open] summary:after{content:"−"}
#ct-kalk-info .ctk-faq summary:hover{color:#5EB0FF}
#ct-kalk-info .ctk-faq summary:focus-visible{outline:2px solid #FFF;outline-offset:2px}
#ct-kalk-info .ctk-faq p{margin:0 0 14px}
@media (max-width:991px){#ct-kalk-info .ctk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#ct-kalk-info .ctk-sec{padding:16px}#ct-kalk-info .ctk-steps,#ct-kalk-info .ctk-levels{grid-template-columns:1fr}}
#ct-kalk-info .ctk-steps li,#ct-kalk-info .ctk-list li{list-style:none}
#ct-kalk-info .ctk-steps li::marker,#ct-kalk-info .ctk-list li::marker{content:""}