
/* PixReqly V14 — homepage SEO article extension. Scoped to prevent tool regressions. */
.pv-seo-section{padding:36px 0 12px}
.pv-seo-shell{background:#fff;border:1px solid #e1e9f7;border-radius:24px;padding:34px;box-shadow:0 15px 45px rgba(32,85,158,.065);color:#101e43}
.pv-seo-head{position:relative;padding:0 0 25px;border-bottom:1px solid #e8edf7}
.pv-seo-eyebrow,.pv-seo-minihead{font-size:11px;font-weight:850;letter-spacing:1.15px;color:#1263e5;text-transform:uppercase}
.pv-seo-dot{display:inline-block;width:5px;height:5px;background:#86a3ce;border-radius:100%;margin:0 7px 2px}
.pv-seo-head h2{font-size:clamp(26px,3.1vw,40px);line-height:1.17;letter-spacing:-1.2px;margin:11px 0 8px;color:#081744}
.pv-seo-head h2 em{font-style:normal;color:#0865ef}
.pv-seo-sub{font-size:15px;line-height:1.75;color:#4f6483;max-width:810px;margin:0 0 12px}
.pv-seo-toplink{display:inline-flex;align-items:center;gap:6px;color:#075fe0;font-weight:750;text-decoration:none;font-size:14px}
.pv-seo-overview{display:grid;grid-template-columns:1.06fr .94fr;gap:20px;padding:27px 0;border-bottom:1px solid #e8edf7}
.pv-seo-steps{background:#f5f9ff;border:1px solid #e3eeff;border-radius:15px;padding:22px}
.pv-seo-steps h3,.pv-seo-faq h3,.pv-seo-related h3{font-size:21px;letter-spacing:-.5px;margin:0 0 17px;color:#0a1a48}
.pv-seo-steps ol{list-style:none;padding:0;margin:0;counter-reset:st}
.pv-seo-steps li{position:relative;counter-increment:st;padding:0 0 15px 37px;font-size:13.3px;line-height:1.65;color:#425877}
.pv-seo-steps li:last-child{padding-bottom:0}
.pv-seo-steps li::before{content:counter(st);position:absolute;left:0;top:1px;width:25px;height:25px;border-radius:50%;background:#0864ec;color:#fff;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:center}
.pv-seo-steps strong{color:#152a57}
.pv-seo-example{border:1px solid #e7eef9;background:#fbfdff;border-radius:15px;padding:19px;align-self:stretch}
.pv-seo-example-label{font-size:10px;letter-spacing:1px;font-weight:800;color:#68809c;margin-bottom:19px}
.pv-seo-example-images{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:10px}
.pv-seo-example figure{margin:0;min-width:0}
.pv-seo-example figure img{width:100%;height:auto;aspect-ratio:411/273;object-fit:cover;display:block;border-radius:9px}
.pv-seo-example figcaption{text-align:center;margin-top:11px;font-size:12px;line-height:1.5;color:#536584}
.pv-seo-example figcaption strong{color:#071a46;font-size:17px}
.pv-seo-example figure:last-child figcaption strong{color:#06975a}
.pv-seo-arrow{display:grid;place-items:center;border-radius:50%;height:29px;width:29px;background:#e6efff;color:#0b6af2;font-weight:800;font-size:22px}
.pv-seo-example-note{color:#78869c;font-size:10.5px;line-height:1.6;margin:17px 0 0}
.pv-seo-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;padding:23px 0;border-bottom:1px solid #e8edf7}
.pv-seo-prose h3{font-size:20px;line-height:1.4;margin:22px 0 8px;color:#0b204e;letter-spacing:-.4px}
.pv-seo-prose h3:first-child{margin-top:0}
.pv-seo-prose p{font-size:14px;line-height:1.85;color:#455a78;margin:0 0 12px}
.pv-seo-prose strong{color:#162e59}
.pv-seo-prose a,.pv-seo-related-head a{color:#0964eb;text-decoration:underline;text-underline-offset:3px}
.pv-seo-side{padding-top:17px;display:grid;gap:12px;align-content:start}
.pv-seo-tip{background:#f7faff;border:1px solid #e4eefc;border-radius:13px;padding:15px;display:flex;align-items:flex-start;gap:12px}
.pv-seo-tip-icon{border-radius:8px;background:#e5efff;color:#0862ed;font-weight:850;font-size:12px;flex:0 0 auto;padding:7px}
.pv-seo-tip h4{font-size:14px;color:#0b2252;margin:0 0 4px}
.pv-seo-tip p{font-size:12px;color:#627692;line-height:1.55;margin:0}
.pv-seo-note{display:flex;gap:12px;padding:15px 17px;border:1px solid #cee1ff;background:#f1f7ff;border-radius:12px;margin:16px 0 20px}
.pv-seo-note p{margin:0;font-size:13px}
.pv-seo-note-icon{border-radius:50%;width:22px;height:22px;flex:0 0 auto;background:#0a65ec;color:#fff;text-align:center;line-height:22px;font-weight:800;font-size:13px}
.pv-seo-faq{padding:26px 0 30px;border-bottom:1px solid #e8edf7}
.pv-seo-faq h3{margin:9px 0 19px}
.pv-seo-faqgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pv-seo-faq details{border:1px solid #dfe7f4;border-radius:11px;background:#fff;min-width:0;overflow:hidden}
.pv-seo-faq summary{cursor:pointer;font-size:13px;font-weight:700;color:#16264e;list-style:none;padding:16px 36px 16px 16px;position:relative;line-height:1.4}
.pv-seo-faq summary::-webkit-details-marker{display:none}
.pv-seo-faq summary::after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#266de6;font-size:20px}
.pv-seo-faq details[open] summary::after{content:'−'}
.pv-seo-faq details[open]{border-color:#bed5fa;background:#fbfdff}
.pv-seo-faq details p{padding:0 16px 16px;font-size:13px;line-height:1.7;color:#506684;margin:0}
.pv-seo-related{padding-top:27px}
.pv-seo-related-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}
.pv-seo-related-head h3{margin:0}
.pv-seo-related-head a{font-size:12px;font-weight:750}
.pv-seo-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pv-seo-related-grid a{border:1px solid #dde7f8;border-radius:12px;padding:15px;text-decoration:none;display:flex;gap:7px;flex-direction:column;background:#fff;color:#13254d;transition:border-color .15s,box-shadow .15s}
.pv-seo-related-grid a:hover{border-color:#85b4ff;box-shadow:0 5px 18px rgba(0,102,230,.09)}
.pv-seo-related-grid a span{color:#0567ef;font-size:19px;font-weight:800}
.pv-seo-related-grid strong{font-size:13px;line-height:1.35}
.pv-seo-related-grid small{color:#60718a;font-size:11.5px;line-height:1.5}
@media (max-width:960px){.pv-seo-shell{padding:25px}.pv-seo-overview,.pv-seo-body{grid-template-columns:1fr}.pv-seo-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.pv-seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pv-seo-section{padding-top:19px}.pv-seo-shell{padding:17px;border-radius:15px}.pv-seo-head h2{font-size:26px}.pv-seo-sub{font-size:13px}.pv-seo-overview{gap:12px;padding:18px 0}.pv-seo-steps,.pv-seo-example{padding:15px}.pv-seo-steps h3{font-size:17px}.pv-seo-steps li{font-size:12px}.pv-seo-example-images{gap:5px;grid-template-columns:minmax(0,1fr) 21px minmax(0,1fr)}.pv-seo-arrow{width:21px;height:21px;font-size:16px}.pv-seo-example figcaption strong{font-size:13px}.pv-seo-body{gap:8px}.pv-seo-prose h3{font-size:18px}.pv-seo-prose p{font-size:13px}.pv-seo-side{grid-template-columns:1fr}.pv-seo-faqgrid,.pv-seo-related-grid{grid-template-columns:1fr}.pv-seo-faq h3,.pv-seo-related h3{font-size:19px}.pv-seo-related-head{align-items:flex-start;flex-direction:column}}
