/* Small additions to the established design, not a redesign. */
.seo-guide-section { background:#fffaf4; border-block:1px solid #e8d5ae; }
.seo-guide-section .eyebrow,.seo-guide-section h2 { text-align:center; }
.seo-guide-intro { max-width:42em; margin:0 auto 30px; text-align:center; }
.seo-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.seo-guide-grid.guide-count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.seo-guide-grid.guide-count-1 { grid-template-columns:minmax(0,1fr); max-width:880px; margin-inline:auto; }
.seo-guide-card { padding:28px; border:1px solid #d9bc80; border-top:4px solid #b68a36; background:white; display:flex; flex-direction:column; min-width:0; }
.seo-guide-card .guide-label { color:#8c0520; font-size:.875rem; font-weight:700; margin-bottom:12px; }
.seo-guide-card h3 { font-size:1.25rem; line-height:1.75; text-wrap:wrap; }
.seo-guide-card p { font-size:1rem; line-height:1.95; }
.seo-guide-card>a { display:block; margin-top:auto; padding-top:22px; color:#930021; text-decoration:underline; text-underline-offset:4px; font-weight:700; }
.seo-guide-section .guide-all { display:block; width:max-content; max-width:100%; margin:28px auto 0; color:#930021; text-decoration:underline; }
.guide-masthead { background:#fff9f1; border-bottom:1px solid #e4c889; padding-block:42px; }
.guide-masthead h1 { font-size:clamp(1.7rem,3.3vw,2.7rem); line-height:1.65; max-width:22em; text-wrap:wrap; }
.guide-masthead .eyebrow { margin-bottom:12px; }
.guide-masthead p { max-width:46em; font-size:1rem; line-height:1.95; margin-top:20px; }
.guide-reading { max-width:880px; padding-block:44px 72px; }
.guide-reading section { margin-top:44px; scroll-margin-top:140px; }
.guide-reading h2 { color:#920020; font-size:clamp(1.35rem,2.4vw,1.8rem); line-height:1.7; margin-bottom:20px; text-wrap:wrap; }
.guide-reading p,.guide-reading li { font-size:1rem; line-height:2; }
.guide-reading p+p { margin-top:1.1em; }
.guide-reading li+li { margin-top:.5em; }
.guide-reading ul,.guide-reading ol { padding-left:1.6em; }
.guide-summary,.guide-toc { background:#fffaf1; padding:26px 30px; border:1px solid #dec79a; margin-top:28px; }
.guide-summary>strong,.guide-toc>strong { color:#89001e; display:block; margin-bottom:12px; font-size:1.125rem; }
.guide-toc a,.guide-reading a:not(.button) { color:#900020; text-decoration:underline; text-underline-offset:4px; }
.guide-toc ol { margin-bottom:0; }
.guide-credit { color:#66535a; font-size:.875rem; margin-bottom:26px; line-height:1.9; }
.guide-memo { display:block; white-space:pre-wrap; overflow-wrap:anywhere; background:#fff9f0; border:1px solid #ddc28d; padding:24px; font-family:inherit; font-size:1rem; line-height:1.95; }
.guide-next { display:flex; flex-wrap:wrap; gap:14px; margin-top:26px; }
.guide-next .button { min-width:0; text-align:center; }
.guide-reading .small-note { font-size:.875rem; color:#655059; margin-top:16px; }
.site-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 24px; margin:22px auto; font-size:.9375rem; }
.site-footer-links a { text-decoration:underline; text-underline-offset:4px; }
.seo-contact-info { margin:20px auto; max-width:50em; font-size:.875rem; line-height:1.9; }
.category-related-guide { margin-top:34px; }
/* Allow larger text settings to reflow rather than disappear behind clipping. */
.hero-close .text-unit { overflow-wrap:normal; }
.hero-close .text-unit:last-child { white-space:nowrap; }
.hero-product { overflow-wrap:normal; }
.location-strip b { overflow-wrap:normal; }
@media(max-width:1000px) {
  .seo-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  header nav { flex-wrap:wrap; justify-content:flex-end; gap:12px 18px; }
}
@media(max-width:700px) {
  .seo-guide-grid,.seo-guide-grid.guide-count-2 { grid-template-columns:1fr; gap:20px; }
  .seo-guide-card { padding:24px; }
  .seo-guide-intro { text-align:left; }
  .guide-masthead { padding-block:30px; }
  .guide-reading { padding-block:28px 50px; }
  .guide-summary,.guide-toc { padding:22px; }
  .guide-next { flex-direction:column; }
  .site-footer-links { gap:12px 18px; }
}