/* Shared visual language with /valor. Scoped to these two public guides. */
.seo-guide{margin:0;background:linear-gradient(rgba(52,190,254,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(1,99,230,.03) 1px,transparent 1px),linear-gradient(135deg,#f7fbfd,#fffdf4);background-size:30px 30px,30px 30px,auto;color:#0a2659;font-family:Inter,Arial,sans-serif}
.seo-guide .seo-page{max-width:1180px;padding:28px 24px 40px;background:transparent;line-height:1.65}
.seo-guide .seo-brand{display:inline-flex;align-items:center}.seo-guide .seo-brand img{display:block;width:176px;height:auto}
.seo-guide .seo-breadcrumb{margin:16px 0;color:#52616d}.seo-guide .seo-breadcrumb a{font-weight:600}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:40px;padding:32px 0 64px}
.guide-badge{display:inline-block;background:#e5f4fa;border-radius:999px;color:#0a2659;font-size:.9rem;font-weight:650;padding:8px 14px}
.seo-guide h1{font-size:clamp(2.4rem,4.7vw,4.2rem);font-weight:750;line-height:1.06;letter-spacing:-.03em;margin:22px 0}
.seo-guide .seo-lead{color:#52616d;font-size:1.15rem;line-height:1.6;margin-bottom:26px}
.guide-hero-card{background:linear-gradient(160deg,#0a2659,#0163e6);color:#fff;border-radius:28px;padding:28px;box-shadow:0 24px 54px rgba(10,38,89,.18)}
.guide-hero-card>strong{display:block;font-size:1.3rem;line-height:1.3}.guide-hero-card img{display:block;width:100%;height:auto;aspect-ratio:16/8.5;object-fit:cover;border-radius:16px;margin:24px 0}.guide-hero-card p{color:#e6efff;font-size:1rem;line-height:1.6;margin:0}
.seo-guide h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.25;margin:44px 0 24px}.seo-guide .seo-grid{gap:18px}.seo-guide .seo-grid article{background:#fff;border:1px solid #d5e4ed;border-top:5px solid #0163e6;border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(10,38,89,.05)}
.seo-guide .seo-grid article:nth-child(2){border-top-color:#00b8ad}.seo-guide .seo-grid article:nth-child(3){border-top-color:#ffc000}.seo-guide .seo-grid :is(h2,h3){font-size:1.2rem;line-height:1.3;margin:0 0 14px}.seo-guide .seo-grid p{color:#52616d;margin:0;font-size:1rem}
.guide-steps{counter-reset:guide-step;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none}.guide-steps li{counter-increment:guide-step;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px 14px;background:#fff;border:1px solid #d5e4ed;border-radius:16px;padding:22px}.guide-steps li::before{content:counter(guide-step,decimal-leading-zero);grid-row:1/3;color:#007d77;font-weight:750;font-size:1.2rem}.guide-steps li strong,.guide-steps li span{grid-column:2}.guide-steps li span{color:#52616d}
.seo-guide .seo-note{background:#eefaf9;border-radius:0 16px 16px 0;padding:22px 24px;margin:28px 0;color:#35555c}
.seo-guide details{background:#fff;border:1px solid #d5e4ed;border-radius:14px;padding:18px 22px;margin:12px 0}.seo-guide summary{font-size:1rem;min-height:44px;align-content:center}.seo-guide details p{color:#52616d;margin:12px 0 0}
.seo-guide .seo-links{align-items:center;gap:12px;margin-top:36px}.seo-guide .seo-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #bdd5eb;border-radius:12px;background:#fff;color:#0055c5;text-decoration:none;font-weight:650}.seo-guide .seo-cta{background:#0163e6!important;color:#fff!important;border-color:#0163e6!important;border-radius:12px;min-height:48px;padding:12px 20px}
.seo-guide a:hover{filter:brightness(.92)}.seo-guide .seo-footer{margin-top:44px;color:#52616d;line-height:1.6}
@media(max-width:860px){.guide-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:36px}.guide-hero-card{max-width:600px}.seo-guide .seo-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.seo-guide .seo-page{padding:20px 16px 32px}.guide-steps{grid-template-columns:minmax(0,1fr)}.guide-hero-card{padding:22px;border-radius:22px}.seo-guide .seo-links{align-items:stretch;flex-direction:column}.seo-guide .seo-links a{width:100%}}