/* Article SEO enhancement v1.0.3 — scoped to avoid changing legacy layout */
.be-seo-section { padding: clamp(28px,5vw,62px) 0; background: linear-gradient(155deg,#eaf3ff 0%,#f6f9ff 48%,#fff 100%); }
.be-seo-guide { color:#173055; background:#fff; max-width:1160px; margin:0 auto; border:1px solid #dbe6f6; border-radius:24px; box-shadow:0 17px 46px rgba(12,45,97,.1); overflow:hidden; line-height:1.85; font-size:clamp(15px,1.3vw,17px); }
.be-seo-guide > :not(.be-seo-header) { margin-left:clamp(18px,3.5vw,44px); margin-right:clamp(18px,3.5vw,44px); }
.be-seo-header { background:linear-gradient(120deg,#0b2b63,#143f87); padding:clamp(20px,4vw,42px); color:#f3f8ff; }
.be-seo-header .be-seo-tag { display:inline-block; color:#f9d88c; font-size:.72em; font-weight:750; letter-spacing:.09em; }
.be-seo-guide .be-seo-header h2 { color:white; font-size:clamp(1.6rem,2.75vw,2.35rem); line-height:1.32; margin:13px 0 18px; text-wrap:balance; }
.be-seo-header p { color:#e4edff; }
.be-seo-guide > h3, .be-seo-guide .be-seo-extra h3 { font-size:clamp(1.2rem,1.9vw,1.6rem); color:#0b3576; margin-top:32px; margin-bottom:10px; line-height:1.4; text-wrap:pretty; }
.be-seo-guide > p { margin-top:8px; margin-bottom:18px; }
.be-seo-guide a { color:#0d56a4; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere; }
.be-seo-guide a:hover { color:#9b6005; }
.be-seo-header a { color:#fff2af; text-decoration:underline; text-underline-offset:3px; }
.be-seo-header a:hover { color:white; }
.be-seo-guide a:focus-visible,.be-scenarios a:focus-visible{outline:3px solid #f1b83e;outline-offset:4px;border-radius:3px;}
.be-seo-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; margin-top:17px; margin-bottom:23px; border:1px solid #dce6f5; border-radius:13px; }
.be-seo-table { width:100%; border-collapse:collapse; min-width:600px; font-size:.92em; background:white; }
.be-seo-table caption { color:#485c75; text-align:left; font-weight:700; padding:10px 14px; background:#edf4fd; caption-side:top; }
.be-seo-table th { color:#fff; background:#123f82; font-weight:750; text-align:left; padding:11px 13px; vertical-align:top; }
.be-seo-table td { padding:10px 13px; border-bottom:1px solid #e8edf5; vertical-align:top; }
.be-seo-table tbody tr:nth-child(even){background:#f3f7ff;}
.be-seo-table tr:last-child td {border-bottom:0;}
.be-seo-steps,.be-seo-fixes{padding-left:26px; padding-right:6px;}
.be-seo-steps li,.be-seo-fixes li{padding:5px 0 5px 3px;}
.be-seo-steps li::marker{color:#0c54ac;font-weight:750;}
.be-seo-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px;margin-bottom:11px;}
.be-seo-cases > div {padding:16px 18px;background:#f3f7fd;border:1px solid #dce5f2;border-radius:14px;}
.be-seo-cases h4{font-size:1.06em;margin:0 0 6px;color:#123e80;}
.be-seo-cases p{margin:0;}
.be-seo-note{font-size:.89em;color:#52637e;}
.be-seo-faq details{border-bottom:1px solid #dce6f5;padding:9px 0;}
.be-seo-faq summary{font-weight:750;color:#103f85;cursor:pointer;line-height:1.55;padding:7px 0;}
.be-seo-faq details p{margin:9px 0 13px;}
.be-seo-disclosure{margin-top:27px!important; margin-bottom:0!important; padding:21px 0 27px; border-top:1px solid #dbe5f3; color:#52617a; font-size:.85em;}
.be-scenarios{padding:35px 0;background:#f7faff;}
.be-scenarios h2{color:#0d3474;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.4;}
.be-scenarios p{line-height:1.8;}
.be-scenarios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0;}
.be-scenarios-grid article{border:1px solid #dae5f3;background:#fff;padding:19px;border-radius:15px;box-shadow:0 7px 20px rgba(30,60,106,.05);}
.be-scenarios-grid h3{color:#153f80;font-size:1.08rem;margin:0 0 11px;}
.be-scenarios-grid p{margin:0;}
.be-text-article-addon{background:#f5f8ff;border:1px solid #dbe7f6;border-radius:16px;padding:22px;margin:26px 0;}
.be-text-article-addon h2{color:#0c3a7a;}
.be-text-article-addon h3{color:#154785;}
.be-text-article-addon table{width:100%;border-collapse:collapse;margin:14px 0;}
.be-text-article-addon th,.be-text-article-addon td{border:1px solid #cad9ee;padding:10px;text-align:left;}
.be-text-article-addon a{overflow-wrap:anywhere;}
@media (max-width:760px){.be-seo-guide{border-radius:15px}.be-seo-cases,.be-scenarios-grid{grid-template-columns:1fr}.be-seo-header{padding:20px}.be-seo-section{padding:25px 0}.be-scenarios{padding:26px 0}.be-seo-table{font-size:.9rem;min-width:560px}}
@media (prefers-reduced-motion: reduce){.be-seo-guide *,.be-scenarios *{scroll-behavior:auto!important;}}
