.ga4-yoy{margin-top:14px}
.ga4-yoy .yoy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.ga4-yoy .yoy-head h2{margin-bottom:5px}
.ga4-yoy .yoy-head p,.ga4-yoy .bridge p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.ga4-yoy .bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:14px 0;padding:15px;background:#f6f9fa;border-radius:11px}
.ga4-yoy .bridge article{min-width:0}
.ga4-yoy .bridge strong{display:block;margin-top:4px;font-size:1rem}
.ga4-yoy .bridge .cutover{color:var(--orange);font-weight:800;font-size:.78rem;text-align:center;white-space:nowrap}
.ga4-yoy .yoy-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.ga4-yoy .yoy-summary article{border:1px solid var(--line);border-radius:11px;padding:15px;background:#fff}
.ga4-yoy .yoy-summary span{display:block;color:var(--muted);font-size:.8rem;font-weight:650}
.ga4-yoy .yoy-summary strong{display:block;font-size:1.5rem;margin:7px 0 4px}
.ga4-yoy .yoy-summary small{font-size:.76rem;color:var(--muted)}
.ga4-yoy .delta{font-weight:800}
.ga4-yoy .delta.positive{color:var(--green)}
.ga4-yoy .delta.negative{color:var(--red)}
.ga4-yoy .comparison-note{border-left:4px solid var(--orange);padding:12px 14px;background:#fff7ef;border-radius:0 9px 9px 0;color:#6d4a2c;font-size:.82rem;line-height:1.5;margin-top:14px}
@media(max-width:900px){.ga4-yoy .yoy-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.ga4-yoy .yoy-head{align-items:flex-start;flex-direction:column}.ga4-yoy .bridge{grid-template-columns:1fr}.ga4-yoy .bridge .cutover{text-align:left}.ga4-yoy .yoy-summary{grid-template-columns:1fr}}