.blog-content .rate-card-jump { margin: 28px 0 16px; }
.blog-content .rate-card-jump a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 9px 16px; background: #f26247; color: #09090b; font: 700 15px/1.2 Archivo, Arial, sans-serif; text-decoration: none; }
.blog-content .rate-card-jump a:hover { background: #e5553c; }
.blog-content .rate-card-embedded { width: min(calc(100vw - 48px), 1140px); position: relative; left: 50%; transform: translateX(-50%); margin: 70px 0; padding: 36px 0; border-top: 1px solid #d9d6d0; border-bottom: 1px solid #d9d6d0; font-family: Archivo, Arial, sans-serif; }
.blog-content .rate-card-tool-heading { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; }
.blog-content .rate-card-tool-heading h2 { margin: 0; font-size: 30px; scroll-margin-top: 112px; }
.rate-card-help { position: relative; }
.rate-card-help button { width: 30px; height: 30px; padding: 0; border: 1px solid #555; border-radius: 50%; background: #fff; color: #09090b; font: 700 17px/1 Archivo, Arial, sans-serif; cursor: pointer; }
.rate-card-help-text { display: none; position: absolute; z-index: 2; top: 38px; left: -8px; width: min(300px, calc(100vw - 48px)); padding: 12px; background: #09090b; color: #fff; font: 14px/1.45 Archivo, Arial, sans-serif; box-shadow: 0 4px 14px #0003; }
.rate-card-help:hover .rate-card-help-text, .rate-card-help button:focus-visible + .rate-card-help-text, .rate-card-help.open .rate-card-help-text { display: block; }
.rate-card-help button:focus-visible { outline: 3px solid #8cb8d1; outline-offset: 2px; }
#rate-card-frame { display: block; width: 100%; height: 1000px; border: 0; }
@media (max-width: 720px) { .blog-content .rate-card-embedded { width: calc(100vw - 32px); margin: 50px 0; } .blog-content .rate-card-tool-heading h2 { font-size: 25px; } }