/* /seo-services/ — page-specific rules on top of nh-pages.css */
.pg-ss-intro { padding-top: 40px; }
.pg-ss-intro .nhp-answer { margin-bottom: 36px; max-width: 980px; }
.pg-ss-incl { padding-top: 0; }
.pg-ss-incl .nh-h2, .pg-ss-how .nh-h2 { margin-bottom: 22px; }
.pg-ss-how { padding-top: 0; }
.pg-ss-faq { padding-bottom: 24px; }

/* Original "<strong>title</strong> — description" strings rendered as card title + text.
   The leading em dash of the description is pushed out of the box by a negative
   text-indent on the anonymous line (the title keeps text-indent 0). */
.pg-ss-item { margin: 0; font-size: .92rem; line-height: 1.55; color: var(--nh-body); overflow: hidden; text-indent: -1.3em; }
.pg-ss-item::after { content: ''; display: block; clear: both; }
.pg-ss-item strong { float: left; width: calc(100% + 3em); padding-right: 3em; box-sizing: border-box; text-indent: 0; font-size: 1.05rem; font-weight: 800; color: var(--nh-ink); line-height: 1.25; margin-bottom: 8px; }
.pg-ss-item a { color: var(--nh-cyan-d); text-decoration: underline; text-underline-offset: 3px; }
.pg-ss-step strong { font-size: 1.15rem; margin-bottom: 10px; }
.pg-ss-cards .nhp-feat { gap: 12px; }

.nhp-why .nh-h2 { margin-bottom: 16px; }
.pg-ss-why { font-size: 1rem; line-height: 1.7; color: var(--nh-body); margin: 0 0 18px; }
.pg-ss-why a { color: var(--nh-cyan-d); text-decoration: underline; text-underline-offset: 3px; }
.pg-ss-pair { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; color: var(--nh-cyan-d); text-decoration: none; min-height: 44px; }
.pg-ss-pair:hover { text-decoration: underline; text-underline-offset: 3px; }
.pg-ss-stat-l { display: block !important; font-weight: 800; color: var(--nh-ink); font-size: 1.05rem !important; margin-top: 2px !important; }
.nhp-why-aside .nhp-stat span { font-size: .85rem; }
.nhp-clutch { text-decoration: none; color: var(--nh-ink); }
.nhp-clutch:hover .nhp-clutch-wm { color: var(--nh-cyan-d); }
