/* Carrier guides share the blog shell and typography. */
.activation-guide h2{display:flex;align-items:baseline;gap:12px}
.activation-step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#fff0e7;color:#a43c1b;font:700 15px/1 Inter,sans-serif}
.activation-guide .activation-note{margin:24px 0;padding:20px 24px;border:1px solid #f0e6d8;border-left:3px solid #fc4505;border-radius:12px;background:#fffaf5;font-size:1rem;line-height:1.65}
.activation-note>strong{display:block;color:#341100}
.activation-note p{margin:8px 0 0}
.activation-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.activation-guide .activation-screenshot{min-width:0;width:100%;max-width:340px;margin:24px 0}
.activation-gallery .activation-screenshot{max-width:none}
.activation-screenshot>a{display:block;overflow:hidden;border:1px solid #e7e5e4;border-radius:12px;background:#fff;transition:box-shadow .15s}
.activation-screenshot>a:hover{box-shadow:0 4px 20px #e0c0b144}
.activation-screenshot>a:focus-visible{outline:2px solid #fc4505;outline-offset:4px}
.activation-screenshot img{display:block;width:100%;height:auto;border-radius:0}
.activation-screenshot figcaption{margin-top:10px;color:#605a56;font-size:13px;line-height:1.5}
.activation-guide .activation-source{margin:40px 0 0;padding-top:20px;border-top:1px solid #f0e6d8;color:#605a56;font-size:14px;line-height:1.6}
@media(max-width:520px){.activation-gallery{grid-template-columns:minmax(0,1fr);gap:0}.activation-guide .activation-screenshot{max-width:340px;margin:20px auto}.activation-guide .activation-note{padding:18px}.activation-guide h2{gap:10px}}
.activation-guide .activation-screenshot--wide{max-width:100%}
@media(prefers-reduced-motion:reduce){.activation-screenshot>a{transition:none}}