.elementor-22621 .elementor-element.elementor-element-a0ee001{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22621 .elementor-element.elementor-element-b167144{width:var( --container-widget-width, 103.545% );max-width:103.545%;--container-widget-width:103.545%;--container-widget-flex-grow:0;}/* Start custom CSS for html, class: .elementor-element-b167144 */.hh-seo-article{--hh-navy:#0d274d;--hh-blue:#235c91;--hh-ink:#26384c;--hh-muted:#586b80;--hh-line:#dce5ef;--hh-pale:#f3f7fb;--hh-white:#fff;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,36px);color:var(--hh-ink);font-size:clamp(16px,1.15vw,18px);line-height:1.85;overflow-wrap:anywhere}
.hh-seo-article *{box-sizing:border-box}
.hh-seo-article p{margin:0 0 1em}
.hh-seo-article strong{color:var(--hh-navy)}
.hh-seo-article a{color:var(--hh-blue);text-decoration:underline;text-underline-offset:3px}
.hh-seo-article a:hover{color:var(--hh-navy)}
.hh-seo-article a:focus-visible{outline:3px solid #e9a848;outline-offset:3px;border-radius:3px}
.hh-seo-article h2{font-size:clamp(23px,2.4vw,31px);line-height:1.35;color:var(--hh-navy);margin:0 0 20px}
.hh-seo-article h3{font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--hh-navy);margin:28px 0 10px}
.hh-seo-article section{margin-top:clamp(48px,6vw,74px);scroll-margin-top:110px}
.hh-seo-article .hh-lead{padding:clamp(22px,3.5vw,38px);background:linear-gradient(125deg,#f0f5fa,#fff);border-top:5px solid var(--hh-navy);border-radius:0 0 16px 16px}
.hh-seo-article .hh-lead p:not(.hh-kicker){font-size:clamp(16px,1.25vw,19px)}
.hh-seo-article .hh-lead p:last-child{margin:0}
.hh-seo-article .hh-kicker{font-size:13px;letter-spacing:.1em;font-weight:700;color:var(--hh-blue);margin:0 0 12px}
.hh-seo-article .hh-toc{border:1px solid var(--hh-line);border-radius:14px;padding:22px 26px;margin-top:25px;background:var(--hh-white)}
.hh-seo-article .hh-toc>strong{display:block;margin-bottom:8px}
.hh-seo-article .hh-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 26px;margin:0;padding-left:24px}
.hh-seo-article .hh-toc li{padding:2px 0}
.hh-seo-article .hh-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}
.hh-seo-article .hh-fact-grid>div{padding:19px;border:1px solid var(--hh-line);border-radius:12px;background:var(--hh-pale)}
.hh-seo-article .hh-fact-grid span,.hh-seo-article .hh-fact-grid small{display:block;color:var(--hh-muted);font-size:14px;line-height:1.5}
.hh-seo-article .hh-fact-grid strong{display:block;font-size:clamp(18px,1.6vw,23px);line-height:1.4;margin:7px 0}
.hh-seo-article .hh-note{font-size:14px;color:var(--hh-muted);background:var(--hh-pale);border-left:3px solid var(--hh-blue);padding:12px 17px;border-radius:0 8px 8px 0}
.hh-seo-article figure{margin:25px 0}
.hh-seo-article figure a{display:block;border:1px solid var(--hh-line);border-radius:12px;overflow:hidden;background:var(--hh-pale)}
.hh-seo-article img{display:block;width:auto;max-width:100%;height:auto;max-height:620px;margin:auto;object-fit:contain}
.hh-seo-article figcaption{font-size:14px;line-height:1.6;color:var(--hh-muted);margin-top:9px}
.hh-seo-article .hh-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.hh-seo-article .hh-image-pair figure{min-width:0;margin:16px 0}
.hh-seo-article .hh-image-pair figure a{min-height:190px;display:flex;align-items:center}
.hh-seo-article .hh-wide img{width:100%;max-height:none}
.hh-seo-article .hh-steps{padding-left:25px;margin:18px 0 24px}
.hh-seo-article .hh-steps li{padding-left:5px;margin-bottom:12px}
.hh-seo-article .hh-steps li::marker{color:var(--hh-blue);font-weight:700}
.hh-seo-article code{font-size:.94em;padding:.08em .32em;border-radius:4px;background:#eaf1f8;color:var(--hh-navy)}
.hh-seo-article .hh-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--hh-line);border-radius:12px;margin:24px 0}
.hh-seo-article table{width:100%;min-width:690px;border-collapse:collapse;line-height:1.65;font-size:clamp(15px,1vw,17px)}
.hh-seo-article caption{padding:13px 18px;text-align:left;background:var(--hh-pale);color:var(--hh-navy);font-weight:700}
.hh-seo-article th,.hh-seo-article td{padding:14px 16px;border-top:1px solid var(--hh-line);text-align:left;vertical-align:top}
.hh-seo-article thead th{background:var(--hh-navy);color:#fff;border-top:0}
.hh-seo-article tbody th{color:var(--hh-navy);width:23%;background:#f8fafc}
.hh-seo-article tbody tr:nth-child(even) td{background:#f8fafc}
.hh-seo-article .hh-related{padding:22px 26px;border-radius:13px;background:var(--hh-pale);margin-top:28px}
.hh-seo-article .hh-related h3{margin:0 0 9px}
.hh-seo-article .hh-related ul{margin:0;padding-left:23px}
.hh-seo-article .hh-related li{margin:8px 0}
.hh-seo-article .hh-faq{display:grid;gap:13px}
.hh-seo-article .hh-faq>div{padding:19px 23px;border:1px solid var(--hh-line);border-left:4px solid var(--hh-blue);border-radius:9px}
.hh-seo-article .hh-faq h3{margin:0 0 6px}
.hh-seo-article .hh-faq p{margin:0}
.hh-seo-article .hh-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:clamp(48px,6vw,74px);padding:clamp(22px,3vw,35px);background:var(--hh-navy);color:#fff;border-radius:16px}
.hh-seo-article .hh-cta h2,.hh-seo-article .hh-cta strong{color:#fff}
.hh-seo-article .hh-cta h2{font-size:clamp(21px,2vw,27px);margin:0 0 10px}
.hh-seo-article .hh-cta p{margin:0}
.hh-seo-article .hh-cta .hh-kicker{color:#b8d8ff;margin-bottom:8px}
.hh-seo-article .hh-cta a{display:inline-block;padding:12px 18px;background:#fff;color:var(--hh-navy);border-radius:9px;font-weight:700;text-align:center;text-decoration:none}
.hh-seo-article .hh-cta a:hover{background:#e8f1fc}
@media(max-width:760px){.hh-seo-article .hh-image-pair,.hh-seo-article .hh-cta{grid-template-columns:1fr}.hh-seo-article .hh-image-pair figure a{min-height:0}.hh-seo-article .hh-fact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hh-seo-article{padding:16px 13px}.hh-seo-article .hh-toc{padding:18px}.hh-seo-article .hh-toc ol,.hh-seo-article .hh-fact-grid{grid-template-columns:1fr}.hh-seo-article .hh-fact-grid{gap:8px}.hh-seo-article .hh-cta a{width:100%}}/* End custom CSS */