.restored-ad{--ad-accent:#006aff;display:flex;align-items:center;gap:20px;width:100%;max-width:970px;min-width:0;margin:0 auto;padding:16px;border:1px solid #dededb;border-radius:14px;background:#fff;color:#202329;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:0 12px 32px rgba(15,23,34,.07);text-decoration:none;transition:box-shadow .18s ease,border-color .18s ease;box-sizing:border-box}
.restored-ad:hover{border-color:var(--ad-accent);box-shadow:0 16px 36px rgba(15,23,34,.12);text-decoration:none}
.restored-ad:focus-visible{outline:3px solid var(--ad-accent);outline-offset:4px}
.restored-ad__image{display:block;width:140px;height:94px;flex:none;object-fit:cover;border-radius:8px;background:#f4f4f2}
.restored-ad__content{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.restored-ad__label{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#69717b}
.restored-ad__title{display:block;font:700 20px/1.25 Arial,sans-serif;color:var(--ad-accent);overflow-wrap:anywhere}
.restored-ad__copy{display:block;font:400 14px/1.5 Arial,sans-serif;color:#454b52;overflow-wrap:anywhere}
.restored-ad__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:44px;padding:12px 22px;border-radius:999px;background:var(--ad-accent);color:#fff;font:700 14px/1.3 Arial,sans-serif;white-space:nowrap}
.restored-ad--ultahost{--ad-accent:#075bbb}
.restored-ad--ultahost .restored-ad__image{object-fit:contain;background:#fff}
.restored-ad--spotify{--ad-accent:#1db954;background:#171b18;border-color:#303731;color:#fff}
.restored-ad--spotify .restored-ad__label{color:#bcc9c0}
.restored-ad--spotify .restored-ad__copy{color:#e1e9e3}
.restored-ad--spotify .restored-ad__button{color:#07190c}
.restored-ad--square{flex-direction:column;max-width:400px;gap:16px;padding:18px;text-align:center}
.restored-ad--square .restored-ad__image{width:100%;height:156px}
.restored-ad--square .restored-ad__content{flex:initial;gap:8px}
.restored-ad--square .restored-ad__button{align-self:center}
.blog-main-ad-wrapper,.ad-slot{min-width:0;max-width:100%}
@media(max-width:600px){.restored-ad--banner{flex-wrap:wrap;gap:12px;padding:14px}.restored-ad--banner .restored-ad__image{width:88px;height:76px}.restored-ad--banner .restored-ad__content{flex:1;min-width:130px}.restored-ad--banner .restored-ad__button{width:100%}.restored-ad__title{font-size:18px}.restored-ad__copy{font-size:13px}.ad-slot{padding:12px}}
@media(prefers-reduced-motion:reduce){.restored-ad{transition:none}}
.restored-ad--banner{margin:24px auto}.ad-slot>.restored-ad{margin:0}.restored-ad--square{margin:0 auto}
/* Keep the image first and the action below the copy, even inside narrow columns. */
:has(> .restored-ad--banner){container-type:inline-size}
.restored-ad--banner{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-areas:"image copy" "image action";column-gap:20px;row-gap:12px;align-items:center}
.restored-ad--banner .restored-ad__image{grid-area:image;width:140px;height:110px}
.restored-ad--banner .restored-ad__content{grid-area:copy;min-width:0;width:100%;align-self:end}
.restored-ad--banner .restored-ad__button{grid-area:action;width:auto;justify-self:start;align-self:start}
@container(max-width:520px){.restored-ad--banner{grid-template-columns:minmax(0,1fr);grid-template-areas:"image" "copy" "action";padding:16px;gap:14px}.restored-ad--banner .restored-ad__image{width:100%;height:170px;object-fit:cover}.restored-ad--banner.restored-ad--ultahost .restored-ad__image{object-fit:contain}.restored-ad--banner .restored-ad__button{justify-self:stretch;width:100%}}
/* Wide banners: image, copy and button share one centered row. */
@container(min-width:700px){.restored-ad--banner{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"image copy action";column-gap:24px;row-gap:0;padding:14px 18px}.restored-ad--banner .restored-ad__image{width:88px;height:88px}.restored-ad--banner .restored-ad__content,.restored-ad--banner .restored-ad__button{align-self:center}.restored-ad--banner .restored-ad__button{justify-self:end;width:auto}}
