/* Guide articles: one reading column inside the site frame. */
.guide{max-width:760px;margin:40px auto 56px;padding:0 clamp(20px,4vw,40px);box-sizing:border-box;font-size:17px;line-height:1.7;color:#1f1f1f}
.guide h1{font-size:clamp(28px,3.4vw,38px);line-height:1.2;font-weight:700;margin:0 0 14px}
.guide .lead{font-size:19px;color:#444746;margin:0 0 28px}
.guide h2{font-size:22px;font-weight:700;margin:32px 0 10px}
.guide ul{padding-left:22px;margin:0 0 12px}
.guide li{margin:0 0 8px}
.guide a{color:#0b57d0}
.guide .tool-box{margin:32px 0 0;padding:18px 20px;background:#fff;border:1px solid #c4c7c5;border-radius:12px;font-size:16px}
.guide .tool-box a.sx-button{margin-top:10px;display:inline-flex}
.guide .crumb{font-size:14px;color:#444746;margin:0 0 18px}
.guide .crumb a{color:#444746}
.guides-hub{max-width:1600px;margin:40px auto 56px;padding:0 clamp(20px,4vw,64px);box-sizing:border-box}
.guides-hub h1{font-size:clamp(28px,3.4vw,36px);font-weight:700;margin:0 0 12px}
.guides-hub p{font-size:17px;color:#444746;max-width:760px}
.guides-hub .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.guides-hub .card{display:block;padding:20px;background:#fff;border:1px solid #c4c7c5;border-radius:12px;color:#1f1f1f;text-decoration:none}
.guides-hub .card:hover{border-color:#0b57d0;color:#0b57d0}
.guides-hub .card h2{font-size:18px;margin:0 0 8px}
.guides-hub .card p{font-size:15px;margin:0;color:#444746}
@media (max-width:760px){.guides-hub .grid{grid-template-columns:1fr}}