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

.nerd-case .case-detail-facts--five { grid-template-columns:.9fr .65fr 1.4fr 1.1fr .9fr; }
.nerd-case .case-detail-hero h1 { white-space:normal; }
.nerd-results,.nerd-process,.nerd-rankings,.nerd-feedback { background:#fff; }
.nerd-start,.nerd-research,.nerd-foundations,.nerd-gsc { background:#f5f8fc; }
.nerd-case .store-case-number { font-size:1.3rem; margin-bottom:14px; }
.nerd-case .store-case-challenges h3,.nerd-case .store-case-steps h3 { font-size:1.1rem; }
.nerd-case .store-case-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.nerd-case .seo-metric-after { font-size:clamp(2rem,3vw,2.8rem); }
.nerd-case .seo-metrics h3 { min-height:2.6em; }
.nerd-note { font-size:.78rem; line-height:1.8; color:#4d5f7e; margin:22px 0 0; }
.nerd-goal { font-size:.8rem; margin:18px 0 0; line-height:1.8; }
.nerd-goal strong,.nerd-goal span { display:block; }
.nerd-goal strong { color:#13287e; }
.nerd-goal span { color:#4d5f7e; }
.nerd-strategy,.nerd-ai { background:linear-gradient(125deg,#0d1a3a,#13287e); }
.nerd-case :is(.nerd-strategy,.nerd-ai) :is(h2,h3,.body-copy,.nerd-note) { color:#fff; }
.nerd-case :is(.nerd-strategy,.nerd-ai) .section-eyebrow { color:#ffe100; }
.nerd-frontiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.nerd-frontiers article { border:1px solid #ffffff35; border-top:3px solid #ff4800; border-radius:10px; padding:30px; background:#ffffff08; color:white; }
.nerd-frontiers article:nth-child(2) { border-top-color:#47bf1c; }
.nerd-frontiers article:nth-child(3) { border-top-color:#ffe100; }
.nerd-frontier-code { display:block; color:#ffe100; font:700 2.8rem/1.1 var(--font-heading); margin-bottom:24px; }
.nerd-frontiers h3 { font-size:1.2rem; }
.nerd-frontiers ul { padding-left:18px; margin:24px 0 0; font-size:.85rem; line-height:1.8; }
.nerd-frontiers li + li { margin-top:10px; }
.nerd-evidence-split { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:center; }
.nerd-research-numbers { display:grid; grid-template-columns:.7fr 1.3fr; gap:20px; margin-top:30px; }
.nerd-research-numbers strong { display:block; color:#13287e; font:700 2.8rem var(--font-heading); }
.nerd-research-numbers span { font-size:.8rem; color:#4d5f7e; }
.nerd-foundation-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.nerd-foundation-grid > div { display:flex; flex-direction:column; gap:16px; }
.nerd-foundation-grid .body-copy { margin:0; }
.nerd-foundation-grid .seo-proof { margin-top:auto; }
.nerd-rank-summary { display:grid; grid-template-columns:repeat(3,.7fr) 1.8fr; align-items:center; gap:22px; padding:26px; background:#edf2fa; border:1px solid #e2e8f4; border-radius:10px; margin-bottom:30px; }
.nerd-rank-summary div > strong { display:block; font:700 2rem var(--font-heading); color:#13287e; }
.nerd-rank-summary span { font-size:.78rem; color:#4d5f7e; }
.nerd-rank-summary p { font-size:.86rem; line-height:1.8; margin:0; }
.nerd-ranking-layout { display:grid; grid-template-columns:1.15fr .85fr; align-items:start; gap:30px; }
.nerd-ranking-table { width:100%; border-collapse:collapse; font-size:.78rem; background:white; }
.nerd-ranking-table caption { text-align:left; color:#4d5f7e; font-size:.76rem; padding-bottom:16px; line-height:1.7; }
.nerd-ranking-table th,.nerd-ranking-table td { border:1px solid #e2e8f4; padding:13px 12px; text-align:left; }
.nerd-ranking-table thead th { background:#13287e; color:#fff; font-weight:650; }
.nerd-ranking-table tbody th { font-weight:500; width:68%; }
.nerd-ranking-table td { text-align:center; }
.nerd-ranking-table tbody tr:nth-child(even) { background:#f5f8fc; }
.nerd-ranking-table .is-top-five { color:#276414; }
.nerd-gsc-intro { display:grid; grid-template-columns:.7fr .7fr 2fr; gap:30px; align-items:center; margin-bottom:28px; }
.nerd-gsc-intro strong { display:block; font:700 2.8rem var(--font-heading); color:#13287e; }
.nerd-gsc-intro span { font-size:.85rem; color:#4d5f7e; }
.nerd-gsc-intro .body-copy { margin:0; }
.nerd-ai-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:64px; align-items:center; margin-bottom:30px; }
.nerd-query { padding:24px; border:1px solid #ffffff40; border-radius:10px; background:#ffffff08; color:#fff; }
.nerd-query span { display:block; font-size:.75rem; color:#e2e8f4; }
.nerd-query strong { display:block; font:700 1.5rem/1.5 var(--font-heading); margin:14px 0; }
.nerd-ai .seo-proof { max-width:1086px; margin-inline:auto; }
.nerd-feedback .seo-proof { max-width:580px; justify-self:end; }
.nerd-feedback blockquote { margin:14px 0 0; }
.nerd-feedback blockquote p { font:700 2.2rem var(--font-heading); color:#13287e; margin:0 0 16px; }
.nerd-feedback blockquote footer { font-size:.85rem; color:#4d5f7e; }
.nerd-stars { color:#e89b00; font-size:1.7rem; letter-spacing:4px; margin:24px 0 0; }
@media(max-width:1100px) {
 .nerd-case .case-detail-facts--five { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .nerd-case .case-detail-facts > div:nth-child(4) { border-left:0; }
 .nerd-frontiers article { padding:22px; }
 .nerd-case .store-case-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .nerd-ranking-layout { grid-template-columns:1fr; }
 .nerd-ranking-layout .seo-proof { max-width:786px; }
}
@media(max-width:980px) {
 .nerd-case .store-case-challenges { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .nerd-frontiers { grid-template-columns:1fr; }
 .nerd-evidence-split,.nerd-foundation-grid,.nerd-ai-heading { grid-template-columns:1fr; gap:28px; }
 .nerd-rank-summary { grid-template-columns:repeat(3,1fr); }
 .nerd-rank-summary p { grid-column:1 / -1; }
 .nerd-gsc-intro { grid-template-columns:1fr 1fr; }
 .nerd-gsc-intro .body-copy { grid-column:1 / -1; }
 .nerd-feedback .seo-proof { justify-self:start; }
}
@media(max-width:650px) {
 .nerd-case .case-detail-facts--five { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .nerd-case .case-detail-facts > div:nth-child(4) { border-left:1px solid #e2e8f4; }
 .nerd-case .store-case-challenges,.nerd-case .store-case-steps { grid-template-columns:1fr; }
 .nerd-case .seo-metric-after { font-size:1.8rem; }
 .nerd-case .seo-metric-before { font-size:.9rem; }
 .nerd-rank-summary { gap:12px; padding:18px 12px; }
 .nerd-rank-summary div > strong { font-size:1.45rem; }
 .nerd-rank-summary span { font-size:.7rem; }
 .nerd-ranking-table { font-size:.72rem; }
 .nerd-ranking-table th,.nerd-ranking-table td { padding:12px 7px; }
 .nerd-ranking-table tbody th { width:62%; overflow-wrap:anywhere; }
 .nerd-gsc-intro strong { font-size:2.4rem; }
}