.sm-guide,.sm-guide-index{box-sizing:border-box;color:#26382c;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.sm-guide{max-width:1120px;margin:0 auto;padding:28px 24px 52px}
.sm-guide-index{max-width:1180px;margin:30px auto;padding:0 24px}
.sm-guide *,.sm-guide-index *{box-sizing:border-box}
.sm-guide a,.sm-guide-index a{color:#075921;text-underline-offset:3px}
.sm-guide a:focus-visible,.sm-guide-index a:focus-visible{outline:3px solid #df9e00;outline-offset:4px}
.sm-guide-breadcrumb{font-size:14px;margin-bottom:22px}
.sm-guide-breadcrumb span{padding:0 7px;color:#637568}
.sm-guide-kicker{font-size:13px;letter-spacing:1.4px;font-weight:800;text-transform:uppercase;color:#075921;margin:0 0 8px}
.sm-guide h1{font-size:clamp(30px,4.2vw,46px);line-height:1.13;color:#073d1c;margin:0 0 24px;max-width:950px}
.sm-guide h2,.sm-guide-index h2{font-size:clamp(23px,3vw,30px);line-height:1.23;color:#075921;margin:0 0 14px}
.sm-guide h3,.sm-guide-index h3{font-size:20px;line-height:1.3;color:#073d1c;margin:0 0 9px}
.sm-guide p{font-size:17px;margin:0 0 16px}
.sm-guide-answer{padding:25px 28px;margin:0 0 26px;background:#f1f7ed;border:1px solid #cbdfbf;border-left:6px solid #08682b;border-radius:12px}
.sm-guide-answer p{font-size:19px;line-height:1.55;margin:0}
.sm-guide-intro{max-width:930px}
.sm-guide-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start;margin:28px 0}
.sm-guide-panel{border:1px solid #d5e2d2;border-radius:14px;padding:26px;background:#fff}
.sm-guide-panel.soft{background:#f8faf6}
.sm-guide-steps{list-style:none;counter-reset:screenstep;padding:0;margin:0}
.sm-guide-steps>li{counter-increment:screenstep;position:relative;padding:0 0 24px 46px;margin:0}
.sm-guide-steps>li:last-child{padding-bottom:0}
.sm-guide-steps>li:before{content:counter(screenstep);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#075921;color:white;font-size:17px;font-weight:800}
.sm-guide-steps p{font-size:16px;margin:7px 0 0}
.sm-guide-method{margin-top:22px;padding-top:20px;border-top:1px solid #d5e2d2}
.sm-guide-method a{font-weight:700}
.sm-guide-context{padding:24px 26px;border:1px solid #d5e2d2;border-radius:14px;margin:0 0 28px}
.sm-guide-context p:last-child{margin-bottom:0}
.sm-guide-questions{margin:30px 0}
.sm-guide-questions details{border:1px solid #d5e2d2;border-radius:10px;padding:17px 20px;margin:10px 0;background:white}
.sm-guide-questions summary{font-size:17px;font-weight:700;color:#075921;cursor:pointer}
.sm-guide-questions details p{margin:14px 0 0;font-size:16px}
.sm-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}
.sm-topic-card{display:block;padding:22px;background:#f4f8f0;border:1px solid #d1dfc9;border-radius:12px;text-decoration:none;transition:background .15s ease}
.sm-topic-card:hover{background:#e8f2e1}
.sm-topic-card h3{font-size:20px;margin:0 0 8px}
.sm-topic-card p{font-size:15px;line-height:1.5;color:#34463a;margin:0 0 12px}
.sm-topic-card span{font-size:15px;font-weight:800;color:#075921}
.sm-guide-index>p{font-size:17px;max-width:950px}
.sm-guide-buy{padding:26px;border-radius:14px;background:#f4f8f0;border:1px solid #d1dfc9;margin-top:30px}
.sm-guide-buy-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.sm-guide-buy-links a{padding:12px 18px;border-radius:8px;background:#075921;color:#fff;font-weight:800;text-decoration:none}
.sm-guide-buy p:last-child{font-size:15px;margin-bottom:0}
.sm-guide-footer-links{margin:28px 0 0}
.sm-guide-footer-links a{font-weight:700}
.sm-howto-intro{padding-top:10px}
.sm-howto-intro h1{color:#155f20;font-size:clamp(29px,4vw,43px);line-height:1.15;margin:0 0 14px}
.sm-howto-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 30px}
.sm-howto-methods article{padding:22px;background:#f5f9f3;border:1px solid #d7e4d4;border-radius:12px}
.sm-howto-methods p,.sm-howto-methods li{font-size:16px}
.sm-howto-methods ol{padding-left:20px}
.sm-howto-methods a{font-weight:700}
.sm-faq-group-title{font-size:28px;color:#155f20;margin:28px 0 15px;line-height:1.2}
.sm-faq-guide-intro{font-size:17px;line-height:1.6;margin-bottom:20px}
#screen-cleaning-guides,#cleaning-specific-screens{scroll-margin-top:110px}
@media(max-width:900px){.sm-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-guide-layout{grid-template-columns:1fr}.sm-howto-methods{grid-template-columns:1fr}}
@media(max-width:600px){.sm-guide{padding:22px 16px 36px}.sm-guide-index{padding:0 16px}.sm-topic-grid{grid-template-columns:1fr}.sm-guide-answer{padding:20px;border-left-width:5px}.sm-guide-answer p{font-size:18px}.sm-guide-panel,.sm-guide-context,.sm-guide-buy{padding:20px}.sm-guide-steps>li{padding-left:42px}.sm-guide-buy-links{flex-direction:column}.sm-guide-buy-links a{text-align:center}.sm-guide-breadcrumb{font-size:13px}.sm-guide-questions details{padding:16px}}
@media(prefers-reduced-motion:reduce){.sm-topic-card{transition:none}}

/* Illustrated application sequences */
.sm-guide-illustrations{margin:30px 0 32px}
.sm-guide-illustration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.sm-guide-illustration{min-width:0;margin:0;background:#f8faf6;border:1px solid #d5e2d2;border-radius:12px;overflow:hidden}
.sm-guide-illustration img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3}
.sm-guide-illustration figcaption{padding:15px 16px 17px;font-size:17px;font-weight:700;line-height:1.45;color:#073d1c}
.sm-guide p.sm-guide-illustration-note{margin:12px 0 0;font-size:14px;line-height:1.5;color:#526357}
@media(max-width:760px){.sm-guide-illustration-grid{grid-template-columns:1fr;gap:20px}.sm-guide-illustration figcaption{padding:14px 16px}.sm-guide-illustrations{margin:26px 0}}
