
/* Meta feed mockup inside the hero phone-shell */
.rsg-page .ph-fbbar { display:flex; align-items:center; justify-content:space-between; padding:8px 14px 9px; border-bottom:1px solid #EEE; }
.rsg-page .ph-fbbar .ph-fbwordmark { font-family:'Montserrat',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.03em; color:#1877F2; }
.rsg-page .ph-fbbar .ph-fbicons { display:flex; gap:8px; }
.rsg-page .ph-fbbar .ph-fbicons span { width:18px; height:18px; border-radius:50%; background:#E7EAEF; display:inline-block; }
.rsg-page .ph-fbpost { margin:0; font-family:system-ui,-apple-system,sans-serif; }
.rsg-page .ph-fbhead { display:flex; align-items:center; gap:8px; padding:10px 12px 8px; }
.rsg-page .ph-fbavatar { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#2C7A4B,#1F5A37); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rsg-page .ph-fbavatar svg { width:18px; height:18px; }
.rsg-page .ph-fbname { font-size:11.5px; font-weight:700; color:#1a1a1a; line-height:1.2; }
.rsg-page .ph-fbmeta { font-size:9px; color:#65676B; display:flex; align-items:center; gap:4px; margin-top:1px; }
.rsg-page .ph-fbmeta::after { content:""; }
.rsg-page .ph-fbcopy { font-size:10.5px; color:#1a1a1a; line-height:1.4; padding:0 12px 8px; margin:0; }
.rsg-page .ph-fbmedia { position:relative; background:linear-gradient(150deg,#0F4C81 0%,#1877F2 60%,#2C7A4B 130%); height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; text-align:center; padding:0 14px; }
.rsg-page .ph-fbmedia .fbm-off { font-family:'Montserrat',sans-serif; font-weight:800; font-size:13px; letter-spacing:0.02em; }
.rsg-page .ph-fbmedia .fbm-big { font-family:'Montserrat',sans-serif; font-weight:800; font-size:30px; line-height:1; margin:3px 0; }
.rsg-page .ph-fbmedia .fbm-sub { font-size:8.5px; opacity:0.92; letter-spacing:0.04em; text-transform:uppercase; }
.rsg-page .ph-fbcta-row { display:flex; align-items:center; justify-content:space-between; background:#F0F2F5; padding:8px 12px; }
.rsg-page .ph-fbcta-row .fbc-url { font-size:8px; color:#65676B; text-transform:uppercase; letter-spacing:0.04em; }
.rsg-page .ph-fbcta-row .fbc-btn { background:#E4E6EB; color:#1a1a1a; font-size:9.5px; font-weight:700; padding:5px 11px; border-radius:6px; }
.rsg-page .ph-fbactions { display:flex; justify-content:space-around; padding:7px 6px; border-top:1px solid #EEE; }
.rsg-page .ph-fbactions span { font-size:9px; color:#65676B; font-weight:600; display:inline-flex; align-items:center; gap:4px; }
.rsg-page .ph-fbactions svg { width:11px; height:11px; }
.rsg-page .ph-sponsored-tag { display:inline-flex; align-items:center; gap:4px; font-size:8.5px; color:#65676B; }

/* Brand-icon chip (Facebook / Instagram) */
.rsg-page .brand-chip { width:46px; height:46px; border-radius:12px; background:#fff; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.rsg-page .brand-chip svg { width:26px; height:26px; }
.rsg-page .adtype-table .at-ic.brand-fb svg, .rsg-page .adtype-table .at-ic.brand-ig svg { width:26px; height:26px; }

/* Search-vs-social attribute comparison table */
.rsg-page .vs-table { background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); margin:0 0 22px; }
.rsg-page .vs-row { display:grid; grid-template-columns:0.85fr 1fr 1fr; border-bottom:1px solid var(--line-2); }
.rsg-page .vs-row:last-child { border-bottom:0; }
.rsg-page .vs-row.vs-head { background:linear-gradient(180deg,#fff,var(--paper-soft)); }
.rsg-page .vs-cell { padding:16px 22px; font-size:13.5px; line-height:1.5; color:var(--ink-2); border-left:1px solid var(--line-2); display:flex; flex-direction:column; justify-content:center; }
.rsg-page .vs-cell:first-child { border-left:0; }
.rsg-page .vs-attr { font-family:var(--font-display); font-weight:700; color:var(--ink-900); font-size:13.5px; background:var(--paper-soft); }
.rsg-page .vs-colhead { display:flex; align-items:center; gap:10px; font-family:var(--font-display); font-weight:800; color:var(--ink-900); font-size:15px; }
.rsg-page .vs-colhead .brand-chip { width:36px; height:36px; border-radius:9px; }
.rsg-page .vs-colhead .brand-chip svg { width:21px; height:21px; }
.rsg-page .vs-row .vs-cell.vs-meta { background:linear-gradient(90deg, rgba(24,119,242,0.05), transparent); }
.rsg-page .vs-head .vs-cell.vs-meta { background:linear-gradient(90deg, rgba(24,119,242,0.10), rgba(214,41,118,0.06)); }
.rsg-page .vs-cell strong { color:var(--ink-900); }
@media (max-width:760px){
  .rsg-page .vs-row { grid-template-columns:1fr; }
  .rsg-page .vs-cell { border-left:0; border-top:1px solid var(--line-2); }
  .rsg-page .vs-row .vs-attr { border-top:0; }
}

/* Real ad-creative gallery */
.rsg-page .creative-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:0 0 14px; }
.rsg-page .creative-card { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-md); transition:transform .25s, box-shadow .25s; display:flex; flex-direction:column; }
.rsg-page .creative-card:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(0,0,0,0.10); }
.rsg-page .creative-card .cc-imgwrap { background:#0E1A13; display:flex; align-items:center; justify-content:center; }
.rsg-page .creative-card img { width:100%; height:auto; display:block; }
.rsg-page .creative-card .cc-cap { padding:13px 16px; font-size:12.5px; line-height:1.45; color:var(--ink-2); border-top:1px solid var(--line-2); }
.rsg-page .creative-card .cc-cap strong { display:block; font-family:var(--font-display); font-size:13.5px; font-weight:700; color:var(--ink-900); margin-bottom:2px; }
@media (max-width:900px){ .rsg-page .creative-gallery { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .rsg-page .creative-gallery { grid-template-columns:1fr; } }

/* Numbered campaign-type rows */
.rsg-page .ctype-pill { display:inline-flex; align-self:flex-start; align-items:center; gap:9px; background:var(--green-500); color:#fff; padding:8px 17px; border-radius:999px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; font-weight:700; margin:0 0 13px; box-shadow:0 6px 16px rgba(44,122,75,0.25); }
.rsg-page .ctype-pill::before { content:""; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(255,255,255,0.28); flex-shrink:0; }
.rsg-page .ctype-head { font-family:var(--font-display); font-size:21px; font-weight:700; color:var(--ink-900); margin:0 0 8px; letter-spacing:-0.01em; }
.rsg-page .ctype-lead { font-size:14.5px; line-height:1.62; color:var(--ink-2); margin:0 0 14px; }
.rsg-page .ctype-lead strong { color:var(--ink-900); }
.rsg-page .ctype-list { list-style:none; margin:22px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:760px){ .rsg-page .ctype-list { grid-template-columns:1fr; } }
.rsg-page .ctype-list li { position:relative; background:#fff; border:1px solid var(--line); border-top:3px solid var(--green-500); border-radius:14px; padding:18px 20px 18px 52px; font-size:13px; line-height:1.55; color:var(--ink-2); box-shadow:var(--shadow-md); transition:transform .22s, box-shadow .22s, border-color .22s; }
.rsg-page .ctype-list li:hover { transform:translateY(-3px); border-color:rgba(44,122,75,0.35); box-shadow:0 16px 36px rgba(0,0,0,0.09); }
.rsg-page .ctype-list li::before { content:""; position:absolute; left:18px; top:18px; width:22px; height:22px; border-radius:50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px 12px no-repeat, linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow:0 3px 9px rgba(44,122,75,0.32); }

/* Case study metric strip */
.rsg-page .cs-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:0; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:16px; overflow:hidden; margin:18px 0 0; }
.rsg-page .cs-metric { padding:18px 16px; text-align:center; border-left:1px solid rgba(255,255,255,0.10); }
.rsg-page .cs-metric:first-child { border-left:0; }
.rsg-page .cs-metric strong { display:block; font-family:var(--font-display); font-size:26px; font-weight:800; color:#fff; line-height:1; letter-spacing:-0.01em; }
.rsg-page .cs-metric.accent strong { color:#6EE7B7; }
.rsg-page .cs-metric span { display:block; font-family:var(--font-mono); font-size:9px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.6); margin-top:7px; }
@media (max-width:760px){ .rsg-page .cs-metrics { grid-template-columns:repeat(2,1fr); } .rsg-page .cs-metric:nth-child(odd){ border-left:0; } .rsg-page .cs-metric { border-top:1px solid rgba(255,255,255,0.10); } }

/* Homeowner-trigger chips */
.rsg-page .trigger-chips { display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 0; }
.rsg-page .trigger-chips .tch { display:inline-flex; align-items:center; gap:9px; background:var(--paper-soft); border:1px solid var(--line-2); border-radius:999px; padding:9px 16px 9px 11px; font-size:13px; font-weight:600; color:var(--ink-900); }
.rsg-page .trigger-chips .tch .tch-ic { width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
.rsg-page .trigger-chips .tch .tch-ic svg { width:13px; height:13px; }

/* §2 "what are meta ads" 2-col (no image) */
.rsg-page .meta-why-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:stretch; margin:0 0 32px; }
.rsg-page .meta-why-grid .mwg-copy { position:relative; overflow:hidden; background:linear-gradient(158deg,#fff 0%, var(--paper-soft) 100%); border:1px solid var(--line); border-left:5px solid var(--green-500); border-radius:var(--radius-lg); padding:30px 32px; box-shadow:var(--shadow-md); display:flex; flex-direction:column; justify-content:center; gap:16px; }
.rsg-page .meta-why-grid .mwg-copy::before { content:""; position:absolute; top:-80px; right:-80px; width:220px; height:220px; background:radial-gradient(circle, rgba(44,122,75,0.10) 0%, transparent 70%); pointer-events:none; }
.rsg-page .meta-why-grid .mwg-copy::after { content:""; position:absolute; bottom:-90px; left:-40px; width:200px; height:200px; background:radial-gradient(circle, rgba(24,119,242,0.06) 0%, transparent 70%); pointer-events:none; }
.rsg-page .mwg-head { display:flex; align-items:center; gap:13px; position:relative; z-index:1; }
.rsg-page .mwg-head .mwg-ic { width:46px; height:46px; border-radius:13px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 8px 18px rgba(44,122,75,0.28); }
.rsg-page .mwg-head .mwg-ic svg { width:23px; height:23px; }
.rsg-page .mwg-head .mwg-eyebrow { font-family:var(--font-display); font-size:15.5px; font-weight:800; color:var(--ink-900); letter-spacing:-0.01em; line-height:1.25; }
.rsg-page .meta-why-grid .mwg-copy p { margin:0; font-size:14.5px; line-height:1.65; color:var(--ink-2); position:relative; z-index:1; }
.rsg-page .meta-why-grid .mwg-copy p strong { color:var(--green-700); }
.rsg-page .mwg-journey { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:6px; position:relative; z-index:1; }
.rsg-page .mwg-step { font-family:var(--font-mono); font-size:10.5px; letter-spacing:0.04em; text-transform:uppercase; font-weight:700; color:var(--ink-700); background:#fff; border:1px solid var(--line); border-radius:999px; padding:7px 14px; }
.rsg-page .mwg-step.on { background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; border-color:transparent; box-shadow:0 6px 14px rgba(44,122,75,0.25); }
.rsg-page .mwg-arrow { display:inline-flex; color:var(--green-500); }
.rsg-page .mwg-arrow svg { width:16px; height:16px; }
.rsg-page .meta-why-grid .jargon-panel { height:100%; }
@media (max-width:880px){ .rsg-page .meta-why-grid { grid-template-columns:1fr; gap:22px; } }

/* §3 "why meta fails" table — beautified (scoped, does not affect FB/IG table) */
.rsg-page .breakfix-table { border-radius:20px; }
.rsg-page .breakfix-table thead th { padding:17px 28px; font-size:10px; }
.rsg-page .breakfix-table thead th .bf-fixhead { display:inline-flex; align-items:center; gap:7px; color:var(--green-700); }
.rsg-page .breakfix-table thead th .bf-fixhead::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 4px rgba(44,122,75,0.14); }
.rsg-page .breakfix-table tbody td { padding:26px 28px; vertical-align:middle; border-bottom:1px solid var(--line-2); }
.rsg-page .breakfix-table tbody tr:last-child td { border-bottom:0; }
.rsg-page .breakfix-table tbody tr:hover { background:transparent; }
.rsg-page .breakfix-table .at-typecell { gap:15px; }
.rsg-page .breakfix-table .at-ic { background:linear-gradient(135deg,#E2434E,var(--red)); border:0; color:#fff; box-shadow:0 8px 18px rgba(200,32,43,0.24); }
.rsg-page .breakfix-table .at-ic svg { stroke:#fff; }
.rsg-page .breakfix-table .at-name { font-size:15.5px; }
.rsg-page .breakfix-table .bf-symptom { color:var(--ink-2); font-size:13.5px; line-height:1.55; }
.rsg-page .breakfix-table .bf-fixcell { position:relative; background:linear-gradient(135deg, rgba(44,122,75,0.06) 0%, rgba(44,122,75,0.015) 100%); }
.rsg-page .breakfix-table .bf-fixcell::before { content:""; position:absolute; left:0; top:16px; bottom:16px; width:4px; background:linear-gradient(180deg,var(--green-500),var(--green-700)); border-radius:0 3px 3px 0; }
.rsg-page .breakfix-table .bf-fixcell .at-relnote { display:block; color:var(--ink-2); font-size:13.5px; line-height:1.6; padding-left:8px; }
.rsg-page .breakfix-table .bf-fixcell .at-relnote strong { color:var(--green-700); font-weight:700; }
@media (max-width:760px){
  .rsg-page .breakfix-table table, .rsg-page .breakfix-table thead, .rsg-page .breakfix-table tbody, .rsg-page .breakfix-table tr, .rsg-page .breakfix-table td { display:block; width:100%; }
  .rsg-page .breakfix-table thead { display:none; }
  .rsg-page .breakfix-table tbody tr { border-bottom:1px solid var(--line-2); padding:6px 0; }
  .rsg-page .breakfix-table tbody td { border-bottom:0; padding:12px 20px; }
  .rsg-page .breakfix-table .bf-fixcell::before { top:12px; bottom:12px; }
}

/* §3 merged tip+CTA callout */
.rsg-page .ppc-tip-cta { flex-wrap:wrap; align-items:center; }
.rsg-page .ppc-tip-cta p { flex:1 1 340px; }
.rsg-page .ppc-tip-cta .ppct-cta { margin-left:auto; flex-shrink:0; padding:10px 20px; font-size:12.5px; border-radius:999px; display:inline-flex; align-items:center; gap:8px; }
.rsg-page .ppc-tip-cta .ppct-cta svg { width:15px; height:15px; }
@media (max-width:620px){ .rsg-page .ppc-tip-cta .ppct-cta { margin-left:0; width:100%; justify-content:center; } }

/* §5 Google-vs-Meta side-by-side visual comparison */
.rsg-page .vs-visual { display:grid; grid-template-columns:1fr auto 1fr; gap:22px; align-items:start; margin:0 0 24px; }
.rsg-page .vsv-col { display:flex; flex-direction:column; gap:14px; }
.rsg-page .vsv-head { display:flex; align-items:center; gap:11px; font-family:var(--font-display); font-weight:800; font-size:15.5px; color:var(--ink-900); letter-spacing:-0.01em; }
.rsg-page .vsv-head .brand-chip { width:38px; height:38px; border-radius:10px; }
.rsg-page .vsv-head .brand-chip svg { width:22px; height:22px; }
.rsg-page .vs-visual .ai-dashboard { margin:0; }
.rsg-page .vsv-note { display:flex; gap:13px; align-items:flex-start; margin:2px 0 0; padding:16px 18px; border-radius:14px; background:#fff; border:1px solid var(--line); box-shadow:0 5px 16px rgba(0,0,0,0.05); }
.rsg-page .vsv-note-ic { width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff; }
.rsg-page .vsv-note-ic svg { width:20px; height:20px; }
.rsg-page .vsv-note-tx { font-size:13px; line-height:1.55; color:var(--ink-2); }
.rsg-page .vsv-note-tx strong { display:block; margin-bottom:3px; font-family:var(--font-display); font-size:14px; letter-spacing:-0.005em; }
.rsg-page .vsv-note-blue { border-color:rgba(24,119,242,0.22); }
.rsg-page .vsv-note-blue .vsv-note-ic { background:linear-gradient(135deg,#4F9BFF,#1877F2); box-shadow:0 6px 15px rgba(24,119,242,0.30); }
.rsg-page .vsv-note-blue .vsv-note-tx strong { color:#1456b8; }
.rsg-page .vsv-note-green { border-color:rgba(44,122,75,0.22); }
.rsg-page .vsv-note-green .vsv-note-ic { background:linear-gradient(135deg,var(--green-500),var(--green-700)); box-shadow:0 6px 15px rgba(44,122,75,0.30); }
.rsg-page .vsv-note-green .vsv-note-tx strong { color:var(--green-700); }
.rsg-page .vsv-divider { align-self:center; display:flex; align-items:center; justify-content:center; }
.rsg-page .vsv-divider span { width:48px; height:48px; border-radius:50%; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-md); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:800; font-size:14px; color:var(--ink-700); letter-spacing:0.02em; }
@media (max-width:860px){
  .rsg-page .vs-visual { grid-template-columns:1fr; gap:16px; }
  .rsg-page .vsv-divider span { transform:rotate(0); }
}

/* §5 Meta-column placements filler card */
.rsg-page .vsv-placements { margin-top:2px; background:linear-gradient(135deg, var(--paper-soft) 0%, rgba(44,122,75,0.06) 100%); border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.rsg-page .vsvp-eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; text-transform:uppercase; font-weight:700; color:var(--green-700); margin-bottom:12px; }
.rsg-page .vsvp-dot { width:7px; height:7px; border-radius:50%; background:var(--green-500); box-shadow:0 0 0 4px rgba(44,122,75,0.14); }
.rsg-page .vsvp-chips { display:flex; flex-wrap:wrap; gap:9px; }
.rsg-page .vsvp-chip { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 14px; font-size:12.5px; font-weight:700; color:var(--ink-900); }
.rsg-page .vsvp-chip svg { width:16px; height:16px; }

/* §10 campaign-type blocks: text on top, full-width screenshots below */
.rsg-page #meta-campaign-types .ctype-block { margin:0 0 46px; }
.rsg-page #meta-campaign-types .ctype-block:last-of-type { margin-bottom:0; }
.rsg-page #meta-campaign-types .ctype-shots { display:flex; gap:18px; align-items:stretch; margin-top:22px; }
.rsg-page #meta-campaign-types .ctype-shots .ai-dashboard { margin:0; flex:1 1 0; min-width:0; display:flex; flex-direction:column; background:#fff; }
.rsg-page #meta-campaign-types .ctype-shots .ai-dashboard img { width:100%; height:auto; display:block; }
.rsg-page #meta-campaign-types .ctype-shots.single { max-width:560px; }
@media (max-width:680px){ .rsg-page #meta-campaign-types .ctype-shots { flex-direction:column; } }
.rsg-page #meta-campaign-types .ctype-row { display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:center; }
.rsg-page #meta-campaign-types .ctype-row .ctype-rowtext { min-width:0; }
.rsg-page #meta-campaign-types .ctype-row .ctype-shots { margin-top:0; }
.rsg-page #meta-campaign-types .ctype-row .ctype-shots.single { max-width:420px; margin:0 auto; }
.rsg-page #meta-campaign-types .ctype-list-stack { grid-template-columns:1fr; margin-top:18px; }
@media (max-width:860px){ .rsg-page #meta-campaign-types .ctype-row { grid-template-columns:1fr; gap:22px; } }
/* §11 creative showcase */
.rsg-page .creative-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin:22px 0 0; }
.rsg-page .crv-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--shadow-md); transition:transform .25s, box-shadow .25s; }
.rsg-page .crv-card:hover { transform:translateY(-4px); box-shadow:0 22px 46px rgba(0,0,0,0.10); }
.rsg-page .crv-media { height:250px; display:flex; align-items:center; justify-content:center; background:var(--paper-soft); padding:16px; border-bottom:1px solid var(--line); }
.rsg-page .crv-media img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,0.12); }
.rsg-page .crv-body { padding:18px 22px 20px; }
.rsg-page .crv-tag { display:inline-flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:16px; font-weight:700; color:var(--ink-900); margin-bottom:8px; letter-spacing:-0.01em; }
.rsg-page .crv-ic { width:31px; height:31px; border-radius:9px; background:linear-gradient(135deg,var(--green-500),var(--green-700)); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 5px 12px rgba(44,122,75,0.28); }
.rsg-page .crv-ic svg { width:16px; height:16px; }
.rsg-page .crv-body p { margin:0; font-size:13.5px; line-height:1.6; color:var(--ink-2); }
.rsg-page .crv-card.crv-wide { grid-column:1 / -1; flex-direction:row; align-items:center; gap:6px; }
.rsg-page .crv-review { flex-shrink:0; width:250px; margin:22px; background:var(--paper-soft); border:1px solid var(--line); border-radius:14px; padding:22px; display:flex; flex-direction:column; gap:11px; align-items:flex-start; box-shadow:var(--shadow-md); }
.rsg-page .crv-stars { display:inline-flex; gap:3px; }
.rsg-page .crv-stars svg { width:19px; height:19px; }
.rsg-page .crv-rev-line { height:8px; border-radius:4px; background:var(--line-2); }
.rsg-page .crv-rev-label { font-family:var(--font-mono); font-size:9.5px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; color:var(--ink-500); margin-top:2px; }
.rsg-page .creative-shots { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:22px 0 0; align-items:stretch; }
.rsg-page .creative-shots .ai-dashboard { margin:0; display:flex; flex-direction:column; }
.rsg-page .creative-shots .ai-dashboard img { flex:1; min-height:0; width:100%; object-fit:contain; background:var(--paper-soft); }
.rsg-page .testing-points { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:18px 0 0; }
.rsg-page .tp-card { position:relative; background:#fff; border:1px solid var(--line); border-left:4px solid var(--green-500); border-radius:14px; padding:16px 20px 16px 50px; font-size:13.5px; line-height:1.55; color:var(--ink-2); box-shadow:var(--shadow-md); }
.rsg-page .tp-card::before { content:""; position:absolute; left:16px; top:16px; width:22px; height:22px; border-radius:50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px 12px no-repeat, linear-gradient(135deg, var(--green-500), var(--green-700)); box-shadow:0 3px 9px rgba(44,122,75,0.30); }
@media (max-width:780px){
  .rsg-page .creative-grid { grid-template-columns:1fr; }
  .rsg-page .crv-card.crv-wide { flex-direction:column; align-items:stretch; }
  .rsg-page .crv-review { width:auto; margin:18px 18px 0; }
  .rsg-page .creative-shots { grid-template-columns:1fr; }
  .rsg-page .testing-points { grid-template-columns:1fr; }
}

/* §12 equalize: 3 fail cards equal height, fill column to match dark aside */
.rsg-page .waste-split .waste-list { align-content:stretch; grid-template-rows:repeat(3,1fr); }
.rsg-page .waste-split .waste-list li { align-items:center; }

/* ai-insight amber variant (Daily card) — was undefined */
.rsg-page .ai-insight.i-amber::before { background: linear-gradient(90deg, #E78A2C, #F0A958); }
.rsg-page .ai-insight.i-amber .ai-icon { background: linear-gradient(135deg, #E78A2C, #B45309); box-shadow: 0 10px 24px rgba(231,138,44,0.28); }

@media (max-width:600px){ .rsg-page .dashed-callout .dc-br { display:none; } }
@media (max-width:600px){ .rsg-page .section-header h2 br, .rsg-page .faq-top h2 br, .rsg-page .final-cta h2 br { display:none; } }

/* provided Meta logo image (replaces hand-drawn infinity) */
.rsg-page .ml-logo { height:auto; display:block; }
.rsg-page .brand-chip .ml-logo { width:24px; }
.rsg-page .at-ic .ml-logo { width:28px; }
.rsg-page .htr-badge .ml-logo { width:22px; }

/* dark-section strong override (defensive) */
.rsg-page .section-dark strong, .rsg-page .section-dark b, .rsg-page .cs-section strong { color:#fff; }
