@import url('./store-case-study.css');

.seo-case .case-detail-hero h1 { white-space:normal; }
.seo-case .case-detail-facts--five { grid-template-columns:.8fr max-content .85fr 1fr 1.1fr; }
.seo-case .case-detail-facts > div:nth-child(2) dd { white-space:nowrap; }
@media(max-width:1100px) {
 .seo-case .case-detail-facts--five { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .seo-case .case-detail-facts > div:nth-child(2) { grid-column:span 2; }
 .seo-case .case-detail-facts > div:nth-child(3) { border-left:0; }
}
@media(max-width:650px) {
 .seo-case .case-detail-facts--five { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .seo-case .case-detail-facts > div:nth-child(2) { grid-column:1 / -1; border-left:0; }
 .seo-case .case-detail-facts > div:nth-child(4) { border-left:1px solid var(--color-border); }
}
.seo-results-lead,.seo-keywords,.seo-authority { background:white; }
.seo-split { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; margin-bottom:28px; }
.seo-split .store-case-section-heading { margin-bottom:0; }
.seo-split .body-copy { margin:0 0 14px; }
.seo-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.seo-metrics article { padding:24px; border:1px solid #e2e8f4; border-top:4px solid #13287e; border-radius:10px; background:linear-gradient(150deg,#fff,#f5f8fc); box-shadow:0 10px 26px #0d1a3a0a; }
.seo-metrics article:last-child { background:#13287e; color:white; border-color:#13287e; }
.seo-metrics h3 { font-size:1rem; margin-bottom:22px; }
.seo-metric-before { display:flex; justify-content:space-between; color:#4d5f7e; font-size:1.15rem; margin:0 0 8px; }
.seo-metric-before span { color:#ff4800; }
.seo-metric-after { display:block; font:700 clamp(1.6rem,2.35vw,2.35rem)/1.2 var(--font-heading); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.seo-metric-note { font-size:.72rem; line-height:1.7; margin:14px 0 0; color:#4d5f7e; }
.seo-metrics article:last-child :is(h3,.seo-metric-before,.seo-metric-note) { color:#fff; }
.seo-case .seo-source-note { font-size:.78rem; line-height:1.8; color:#4d5f7e; margin:24px 0 0; }
.seo-case .store-case-challenges { grid-template-columns:repeat(3,minmax(0,1fr)); }
.seo-case .store-case-number { font-size:1.3rem; margin-bottom:14px; }
.seo-case .store-case-steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.seo-implementation { background:#f5f8fc; }
.seo-case .store-case-challenges h3 { font-size:1.125rem; }
.seo-comparison { background:linear-gradient(145deg,#eef3fc,#fff); }
.seo-results-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid #e2e8f4; border-radius:10px; background:#fff; font-size:.92rem; }
.seo-results-table caption { text-align:left; font-size:.8rem; color:#4d5f7e; padding-bottom:16px; }
.seo-results-table thead th { background:#13287e; color:white; padding:18px 24px; text-align:left; }
.seo-results-table thead th:first-child { border-radius:9px 0 0 0; }
.seo-results-table thead th:last-child { border-radius:0 9px 0 0; }
.seo-results-table tbody :is(th,td) { padding:18px 24px; text-align:left; border-bottom:1px solid #e2e8f4; }
.seo-results-table tbody tr:last-child > * { border-bottom:0; }
.seo-results-table tbody th { font-weight:650; width:55%; }
.seo-results-table small { display:block; font-size:.72rem; line-height:1.6; margin-top:4px; font-weight:400; color:#4d5f7e; }
.seo-results-table td { white-space:nowrap; font-variant-numeric:tabular-nums; }
.seo-results-table td:last-child { color:#13287e; background:#f0f5ff; font-weight:750; }
.seo-method-note { margin-top:24px; border-left:3px solid #ff4800; padding:4px 0 4px 22px; }
.seo-case .seo-method-note h3 { font-size:1rem; margin-bottom:10px; }
.seo-case .seo-method-note .body-copy { font-size:.8rem; margin:0 0 10px; }
.seo-revenue { background:linear-gradient(120deg,#0d1a3a,#13287e); color:white; }
.seo-revenue :is(h2,.body-copy) { color:white; }
.seo-revenue .section-eyebrow { color:#ffe100; }
.seo-revenue-value { font:700 clamp(2.3rem,5vw,4rem)/1.2 var(--font-heading); margin:20px 0 10px; letter-spacing:-.03em; }
.seo-revenue-period { font-size:.82rem; color:#e2e8f4; margin:0; }
.seo-evidence-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.seo-evidence-pair--spaced { margin-top:28px; }
.seo-proof { margin:0; min-width:0; background:#fff; color:#0d1a3a; border:1px solid #e2e8f4; border-radius:10px; box-shadow:0 12px 32px #0d1a3a0a; }
.seo-proof figcaption { padding:16px 20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; border-bottom:1px solid #e2e8f4; }
.seo-proof figcaption strong { font:700 .9rem var(--font-heading); }
.seo-proof figcaption a { font-size:.75rem; color:#13287e; text-underline-offset:4px; font-weight:700; }
.seo-proof__image { display:block; padding:12px; }
.seo-proof img { width:100%; height:auto; display:block; }
.seo-proof__note { padding:0 20px 18px; margin:0; font-size:.75rem; line-height:1.7; color:#4d5f7e; }
.seo-keyword-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0; }
.seo-keyword-grid article { background:#f5f8fc; padding:22px; border:1px solid #e2e8f4; border-radius:10px; }
.seo-keyword-grid h3 { font-size:1rem; }
.seo-keyword-grid p { display:flex; gap:20px; align-items:center; margin:12px 0; font:700 1.6rem var(--font-heading); }
.seo-keyword-grid p > span:first-child { color:#4d5f7e; }
.seo-keyword-grid p > span:nth-child(2) { color:#ff4800; }
.seo-keyword-grid p strong { color:#13287e; }
.seo-keyword-grid small { font-size:.72rem; color:#4d5f7e; }
.seo-ranking-pair { display:grid; grid-template-columns:repeat(2,minmax(0,420px)); justify-content:center; gap:28px; }
.seo-search,.seo-analytics { background:#f5f8fc; }
.seo-gsc-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0 0 28px; }
.seo-gsc-stats > div { padding:20px; background:white; border:1px solid #e2e8f4; border-top:3px solid #13287e; border-radius:10px; }
.seo-gsc-stats > div:nth-child(2) { border-top-color:#ff4800; }
.seo-gsc-stats > div:nth-child(3) { border-top-color:#47bf1c; }
.seo-gsc-stats > div:nth-child(4) { border-top-color:#ffe100; }
.seo-gsc-stats strong { display:block; font:700 2rem var(--font-heading); margin-bottom:8px; }
.seo-gsc-stats span { font-size:.85rem; color:#4d5f7e; }
@media(max-width:980px) {
 .seo-split { grid-template-columns:1fr; gap:16px; }
 .seo-metrics,.seo-case .store-case-challenges,.seo-case .store-case-steps,.seo-keyword-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .seo-metric-after { font-size:2rem; }
 .seo-evidence-pair { grid-template-columns:1fr; }
 .seo-ranking-pair { gap:16px; }
}
@media(max-width:650px) {
 .seo-metrics { gap:12px; }
 .seo-metrics article { padding:16px 12px; }
 .seo-metrics h3 { font-size:.9rem; min-height:2.4em; margin-bottom:12px; }
 .seo-metric-after { font-size:clamp(1.25rem,5.2vw,1.9rem); }
 .seo-metric-note { font-size:.68rem; }
 .seo-case .store-case-challenges,.seo-case .store-case-steps,.seo-keyword-grid,.seo-ranking-pair { grid-template-columns:1fr; }
 .seo-gsc-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .seo-results-table { font-size:.8rem; }
 .seo-results-table thead th,.seo-results-table tbody :is(th,td) { padding:14px 8px; }
 .seo-results-table tbody th { width:auto; }
 .seo-results-table small { font-size:.65rem; }
 .seo-results-table td { white-space:normal; }
 .seo-method-note { padding-left:14px; }
 .seo-proof figcaption { padding:14px; }
 .seo-proof__image { padding:6px; }
 .seo-proof__note { padding:0 14px 14px; }
}