/* Guide SEO V7.18: layout statico, accessibile, non invasivo */
.seo-main{padding:1.2rem 0 3rem}.seo-main a{text-underline-offset:.17em}
.seo-breadcrumb{display:flex;gap:.65rem;flex-wrap:wrap;color:#486775;margin:.5rem 0 2rem;font-size:.92rem}.seo-breadcrumb a{color:#126899}
.seo-hero{max-width:920px;margin-bottom:2rem}.seo-hero h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.16;letter-spacing:-.025em;color:#163d51;margin:.5rem 0 1rem}.seo-lede{font-size:1.1rem;line-height:1.6;max-width:75ch;color:#3c5767}
.seo-main section{margin:2.1rem 0}.seo-main h2{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.25;color:#183e52;margin:0 0 .75rem}.seo-main h3{font-size:1.13rem;color:#183e52;line-height:1.3;margin:.3rem 0 .5rem}.seo-main p{line-height:1.62}
.seo-guide-intro{background:linear-gradient(130deg,#eff8fa,#f6fbf8);border:1px solid #d4e5eb;border-radius:1.1rem;padding:clamp(1.2rem,3vw,2rem)}.seo-guide-intro p{max-width:85ch}
.seo-grid,.seo-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.seo-panel,.seo-sources{padding:1.3rem 1.5rem;border-radius:1rem;background:#fff;border:1px solid #d6e6ec}
.seo-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;margin-top:1.2rem}.seo-card{display:block;padding:1.3rem;background:#fff;border:1px solid #d4e5e9;border-radius:1rem;text-decoration:none;color:inherit;box-shadow:0 2px 12px rgba(12,52,73,.05)}.seo-card:hover{border-color:#23858b}.seo-card p{color:#476471}.seo-more{color:#126899;font-weight:700}
.seo-tag{display:inline-block;background:#e6f5f2;color:#145a65;font-size:.8rem;font-weight:700;border-radius:999px;padding:.25rem .7rem;margin-bottom:.5rem}
.seo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.seo-btn{display:inline-flex;align-items:center;background:#126899;border:2px solid #126899;border-radius:.75rem;color:#fff!important;text-decoration:none!important;padding:.75rem 1rem;font-weight:700}.seo-btn:hover{background:#0b4d70}.seo-btn-alt{background:transparent;color:#126899!important}.seo-btn-alt:hover{background:#e7f5fa}
.seo-main a:focus-visible{outline:3px solid #216c9f;outline-offset:3px}.seo-links{list-style:disc;padding-left:1.3rem}.seo-links li,.seo-panel li{line-height:1.6;padding:.16rem 0}.seo-links-columns{columns:2}.seo-examples{list-style:none;padding:0}.seo-example{background:#fff;border:1px solid #d4e5ea;border-radius:.9rem;padding:1.2rem}.seo-example strong{display:block}.seo-example p{margin:.2rem 0 .5rem;color:#526a78}
.seo-sources{font-size:.95rem;background:#f6fafb}.seo-alert{border-left:4px solid #126899;background:#edf5f9;padding:.8rem 1rem;border-radius:.3rem;max-width:85ch}
@media(max-width:720px){.seo-grid,.seo-examples,.seo-card-grid{grid-template-columns:1fr}.seo-links-columns{columns:1}.seo-actions{flex-direction:column}.seo-btn{justify-content:center}.seo-main section{margin:1.6rem 0}.seo-hero h1{overflow-wrap:anywhere}}