/* Beforeloud — Google Ricerca su telefono (annuncio di testo). Misure su uno schermo di 390 px.
   Anteprima disegnata a memoria: da confrontare con uno screenshot reale. */
.gs-feed,.gs-result{--gs-bg:#fff;--gs-text:#1f1f1f;--gs-text2:#4d5156;--gs-muted:#70757a;--gs-line:#dadce0;--gs-link:#1a0dab;--gs-chip:#f1f3f4;--gs-box:#f1f3f4;--gs-blue:#1a73e8;
  background:var(--gs-bg);color:var(--gs-text);font-size:14px;line-height:1.4;min-height:100%;padding-bottom:40px}
[data-theme="dark"] .gs-feed,[data-theme="dark"] .gs-result{--gs-bg:#202124;--gs-text:#e8eaed;--gs-text2:#bdc1c6;--gs-muted:#9aa0a6;--gs-line:#3c4043;--gs-link:#8ab4f8;--gs-chip:#303134;--gs-box:#303134;--gs-blue:#8ab4f8}

/* barra di ricerca */
.gs-bar{display:flex;align-items:center;gap:8px;padding:8px 10px 6px 6px}
.gs-back{display:inline-flex;color:var(--gs-text2);padding:4px}
.gs-box{flex:1;display:flex;align-items:center;gap:12px;height:44px;padding:0 14px 0 16px;border-radius:22px;background:var(--gs-box);color:var(--gs-text)}
.gs-box svg{color:var(--gs-text2);flex:none}
.gs-query{flex:1;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-me{width:30px;height:30px;font-size:12px;background:#5f6368;color:#fff;flex:none}
.gs-chips{display:flex;gap:6px;padding:4px 12px 0;overflow:hidden;border-bottom:1px solid var(--gs-line);white-space:nowrap}
.gs-chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;font-size:14px;color:var(--gs-text2);background:transparent;margin-bottom:6px}
.gs-chip.is-active{color:var(--gs-text);font-weight:500;position:relative;background:none}
.gs-chip.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:-6px;height:3px;border-radius:3px 3px 0 0;background:var(--gs-text)}

/* risultato (annuncio e organici) */
.gs-result{padding:16px 16px 14px;border-bottom:1px solid var(--gs-line);background:var(--gs-bg);color:var(--gs-text)}
.gs-sponsored{font-size:14px;font-weight:700;color:var(--gs-text);margin-bottom:10px}
.gs-site{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.gs-favicon{width:28px;height:28px;font-size:12px;background:var(--gs-chip);color:var(--gs-text2);border:1px solid var(--gs-line);flex:none}
.gs-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.gs-sitename{font-size:14px;color:var(--gs-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-url{font-size:12px;color:var(--gs-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-more{display:inline-flex;color:var(--gs-text2);padding:2px}
.gs-headline{margin:0 0 6px;font-size:20px;line-height:1.3;font-weight:400;color:var(--gs-link);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s ease}
.gs-desc{margin:0;font-size:14px;line-height:1.45;color:var(--gs-text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s ease}
.gs-headline.is-swap,.gs-desc.is-swap{opacity:0}
.gs-desc.hidden{display:none}
.gs-headline.is-empty,.gs-desc.is-empty{color:var(--gs-muted);font-style:italic}
.gs-sitelinks{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.gs-sitelink{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:1px solid var(--gs-line);border-radius:18px;font-size:14px;color:var(--gs-blue)}
.gs-neighbor .gs-headline{font-size:18px}
.gs-note{padding:14px 16px 0;font-size:11px;line-height:1.4;color:var(--gs-muted);font-style:italic}

/* ── Display / Performance Max: annuncio nativo in una pagina di notizie ── */
.gd-feed,.gd-ad{--gd-bg:#fff;--gd-text:#1f1f1f;--gd-text2:#4d5156;--gd-muted:#70757a;--gd-line:#e3e5e8;--gd-blue:#1a73e8;--gd-ad:#fff}
.gd-feed{background:var(--gd-bg);color:var(--gd-text);font-size:15px;line-height:1.5;min-height:100%;padding-bottom:40px}
[data-theme="dark"] .gd-feed,[data-theme="dark"] .gd-ad{--gd-bg:#17181a;--gd-text:#e8eaed;--gd-text2:#bdc1c6;--gd-muted:#9aa0a6;--gd-line:#2d3135;--gd-blue:#8ab4f8;--gd-ad:#202124}
.gd-head{display:flex;align-items:center;gap:12px;height:52px;padding:0 14px;border-bottom:1px solid var(--gd-line);color:var(--gd-text)}
.gd-menu{display:inline-flex}
.gd-brand{flex:1;text-align:center;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:19px;letter-spacing:-.01em}
.gd-article{padding:16px 16px 4px}
.gd-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gd-blue);margin-bottom:8px}
.gd-title{margin:0 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.2;font-weight:700}
.gd-meta{font-size:12px;color:var(--gd-muted);margin-bottom:14px}
.gd-article p{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--gd-text2)}
/* l'annuncio: scheda nativa a tutta larghezza fra due paragrafi */
.gd-ad,.gd-ad *{box-sizing:border-box}
.gd-ad{position:relative;margin:4px 12px 14px;color:var(--gd-text);font-size:15px;line-height:1.5;border:1px solid var(--gd-line);border-radius:8px;background:var(--gd-ad);overflow:hidden;transition:opacity .18s ease}
.gd-ad.is-swap .gd-headline,.gd-ad.is-swap .gd-desc{opacity:0}
.gd-adchoices{position:absolute;right:6px;top:6px;z-index:2;display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 5px;border-radius:3px;background:rgba(255,255,255,.92);color:#5f6368;font-size:10.5px;font-weight:600}
.gd-media{position:relative;width:100%;aspect-ratio:1.91/1;background:#dadce0;overflow:hidden}
.gd-ad.is-square .gd-media{aspect-ratio:1/1}
.gd-ad.is-tall .gd-media{aspect-ratio:9/16;width:min(100%,300px);margin:0 auto}
/* banner a misure fisse (0.25.0): i file veri, alla misura naturale, ridotti solo se più larghi della pagina */
.gb-intro{margin:8px 12px 2px;font-size:13px;line-height:1.4;color:var(--gd-muted)}
.gb-item{margin:12px;display:flex;flex-direction:column;align-items:center;gap:4px}
.gb-item .gb-choices{position:static;align-self:flex-end}
.gb-img{display:block;max-width:100%;height:auto;image-rendering:auto}
.gb-item figcaption{font-size:11px;color:var(--gd-muted);text-align:center}
.gd-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease}
.gd-media img.is-active{opacity:1}
.gd-empty{display:grid;place-items:center;width:100%;height:100%;color:#70757a;font-size:12px;padding:12px;text-align:center}
.gd-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.gd-brandrow{display:flex;align-items:center;gap:10px}
.gd-logo{width:36px;height:36px;border-radius:6px;font-size:12px;background:#f1f3f4;color:#5f6368;border:1px solid var(--gd-line);flex:none}
.gd-logo img{object-fit:contain!important;background:#fff}
.gd-brandtext{min-width:0}
.gd-name{font-size:14px;font-weight:600;color:var(--gd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-domain{font-size:12px;color:var(--gd-muted)}
.gd-headline{font-size:18px;line-height:1.25;font-weight:700;color:var(--gd-text);transition:opacity .18s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gd-desc{font-size:14px;line-height:1.4;color:var(--gd-text2);transition:opacity .18s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gd-desc.hidden{display:none}
.gd-headline.is-empty,.gd-desc.is-empty{color:var(--gd-muted);font-style:italic}
.gd-cta{align-self:flex-start;margin-top:4px;height:36px;line-height:34px;padding:0 18px;border:1px solid var(--gd-blue);border-radius:4px;color:var(--gd-blue);font-size:14px;font-weight:600;white-space:nowrap}
.gs-note{padding:14px 16px 0;font-size:11px;line-height:1.4;color:var(--gd-muted,#70757a);font-style:italic}

/* ---------------------------------------------------------------- YouTube (Beforeloud 0.23): in-stream, bumper, in-feed, Shorts
   Interfaccia disegnata a memoria (01/10/2026), non confrontata con screenshot reali. Variabili anche sui blocchi dell'annuncio
   (gy-player, gy-adpanel, gy-infeed) perché l'anteprima senza cornice mostra solo quelli. */
.gy-feed,.gy-player,.gy-adpanel,.gy-infeed,.gy-adunit{--gy-bg:#fff;--gy-text:#0f0f0f;--gy-text2:#606060;--gy-muted:#8a8a8a;--gy-line:#e5e5e5;--gy-chip:#f2f2f2;--gy-cta:#065fd4;--gy-yellow:#ffc02d;--gy-adbg:#fff8e1}
[data-theme="dark"] .gy-feed,[data-theme="dark"] .gy-player,[data-theme="dark"] .gy-adpanel,[data-theme="dark"] .gy-infeed,[data-theme="dark"] .gy-adunit{--gy-bg:#0f0f0f;--gy-text:#f1f1f1;--gy-text2:#aaa;--gy-muted:#8a8a8a;--gy-line:#2a2a2a;--gy-chip:#272727;--gy-cta:#3ea6ff;--gy-adbg:#2a2516}
.gy-feed{background:var(--gy-bg);color:var(--gy-text);font-size:14px;line-height:1.4;min-height:100%;padding-bottom:40px;position:relative}
.gy-feed *,.gy-player *,.gy-adpanel *,.gy-infeed *,.gy-shorts *,.gy-adunit *{box-sizing:border-box}
.gy-adunit{background:var(--gy-bg);color:var(--gy-text);font-size:14px;line-height:1.4}
.gy-feed svg,.gy-shorts svg{flex:none}
.gy-home{padding-bottom:96px}
.gy-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px 0 14px;color:var(--gy-text)}
.gy-logo{display:inline-flex;align-items:center;gap:4px;font-size:19px;letter-spacing:-.04em}
.gy-top-icons{display:inline-flex;gap:18px}
.gy-chips{display:flex;gap:8px;padding:4px 12px 10px;overflow:hidden;white-space:nowrap}
.gy-chip{height:32px;line-height:32px;padding:0 12px;border-radius:8px;background:var(--gy-chip);color:var(--gy-text);font-size:14px;font-weight:500}
.gy-chip.is-active{background:var(--gy-text);color:var(--gy-bg)}
/* media: il video montato (o le card che si alternano nell'anteprima veloce) */
.gy-media{position:relative;width:100%;height:100%;background:#000;overflow:hidden}
.gy-media video,.gy-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s}
.gy-player.is-boxed .gy-media video,.gy-player.is-boxed .gy-media img{object-fit:contain}
.gy-empty{display:grid;place-items:center;height:100%;color:#aaa;font-size:12px;padding:12px;text-align:center}
/* pagina di visione */
.gy-player{position:relative;width:100%;background:#000;color:#fff;overflow:hidden}
.gy-player-top{position:absolute;left:10px;right:10px;top:8px;display:flex;align-items:center;gap:10px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.gy-adtag{font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.gy-skip{position:absolute;right:0;bottom:22px;display:flex;align-items:center;height:36px;padding:0 12px 0 14px;background:rgba(0,0,0,.72);color:#fff;font-size:12.5px;font-weight:500;border-radius:2px 0 0 2px}
.gy-skip.is-ready{background:rgba(28,28,28,.92);font-size:14px;font-weight:600}
.gy-skip-btn{display:inline-flex;align-items:center;gap:6px}
.gy-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.3)}
.gy-progress i{display:block;height:100%;width:0;background:var(--gy-yellow);transition:width .9s linear}
.gy-sound{position:absolute;left:10px;bottom:30px;z-index:3}
.gy-adpanel{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gy-adbg);color:var(--gy-text);border-bottom:1px solid var(--gy-line);transition:opacity .18s}
.gy-adavatar{border-radius:50%;flex:none;font-size:13px;overflow:hidden;background:#ddd}
.gy-adavatar img{object-fit:cover}
.gy-adtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gy-adheadline{font-size:14px;font-weight:600;line-height:1.3;color:var(--gy-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s}
.gy-addesc{font-size:12.5px;color:var(--gy-text2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s}
.gy-addesc:empty{display:none}
.gy-adhost{font-size:11.5px;color:var(--gy-muted)}
.is-swap .gy-adheadline,.is-swap .gy-addesc,.is-swap .gy-sh-headline,.is-swap .gy-sh-desc{opacity:0}
.gy-cta{flex:none;height:34px;line-height:34px;padding:0 14px;border-radius:18px;background:var(--gy-cta);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap}
.gy-hosttitle{padding:12px 12px 4px}
.gy-htitle{font-size:16px;font-weight:600;line-height:1.3;color:var(--gy-text)}
.gy-hmeta{font-size:12px;color:var(--gy-text2);margin-top:4px}
.gy-chrow{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px}
.gy-chavatar{width:34px;height:34px;border-radius:50%;background:var(--gy-chip);flex:none}
.gy-chrow b{font-weight:600}
.gy-chsubs{color:var(--gy-text2);font-size:12px;flex:1}
.gy-subscribe{height:34px;line-height:34px;padding:0 14px;border-radius:18px;background:var(--gy-text);color:var(--gy-bg);font-size:13.5px;font-weight:600}
.gy-actions{display:flex;gap:8px;padding:4px 12px 12px;overflow:hidden;white-space:nowrap}
.gy-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;background:var(--gy-chip);color:var(--gy-text);font-size:13.5px;font-weight:500}
.gy-pill i{width:1px;height:18px;background:var(--gy-line);margin:0 4px}
.gy-comments{margin:0 12px 12px;padding:12px;border-radius:12px;background:var(--gy-chip);display:flex;gap:8px;font-size:14px}
.gy-comments span{color:var(--gy-text2)}
/* elenco video */
.gy-item{padding:0 0 14px}
.gy-thumb{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#9aa0a6,#5f6368)}
[data-theme="dark"] .gy-thumb{background:linear-gradient(135deg,#3c4043,#202124)}
.gy-len{position:absolute;right:8px;bottom:8px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.8);color:#fff;font-size:11.5px;font-weight:500}
.gy-itemrow{display:flex;align-items:flex-start;gap:12px;padding:10px 12px 0}
.gy-itemtext{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gy-itemtitle{font-size:14.5px;font-weight:500;line-height:1.3;color:var(--gy-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gy-itemmeta{font-size:12px;color:var(--gy-text2)}
/* annuncio in-feed */
.gy-infeed{position:relative;background:var(--gy-bg);color:var(--gy-text);padding-bottom:12px;border-bottom:1px solid var(--gy-line);margin-bottom:12px;transition:opacity .18s}
.gy-infeed-media{height:220px}
.gy-adbadge{position:absolute;left:8px;bottom:8px;padding:1px 6px;border-radius:3px;background:var(--gy-yellow);color:#000;font-size:11px;font-weight:700;letter-spacing:.02em}
.gy-infeed .gy-itemrow{align-items:flex-start}
.gy-infeed .gy-adheadline{font-size:15px}
.gy-infeed-cta{display:flex;align-items:center;gap:10px;padding:10px 12px 0 60px}
.gy-infeed-url{font-size:12px;color:var(--gy-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* barra delle schede */
.gy-tabbar{position:absolute;left:0;right:0;bottom:0;height:78px;display:flex;justify-content:space-around;align-items:flex-start;padding:8px 6px 0;background:var(--gy-bg);border-top:1px solid var(--gy-line);color:var(--gy-text)}
.gy-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--gy-text)}
.gy-tab small{font-size:10px}
.gy-tab.is-active svg{fill:currentColor}
.gy-tabbar.is-dark{background:transparent;border-top:0;color:#fff}
/* Shorts: schermo intero verticale */
.gy-shorts{background:#000;color:#fff;font-size:14px}
.gy-shorts-media{position:absolute;inset:0}
.gy-sh-shade-top{position:absolute;left:0;right:0;top:0;height:160px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.gy-sh-shade{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));pointer-events:none}
.gy-sh-top{position:absolute;left:14px;right:14px;top:56px;display:flex;align-items:center;justify-content:space-between;font-size:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.gy-sh-topicons{display:inline-flex;gap:18px}
.gy-sh-rail{position:absolute;right:10px;bottom:170px;display:flex;flex-direction:column;align-items:center;gap:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.gy-sh-railitem{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:500}
.gy-sh-info{position:absolute;left:14px;right:80px;bottom:148px;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.gy-sh-who{display:flex;align-items:center;gap:8px;font-size:14px}
.gy-sh-sponsored{font-size:12px;opacity:.85}
.gy-sh-headline{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s}
.gy-sh-desc{font-size:13px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .18s}
.gy-sh-desc:empty{display:none}
.gy-sh-cta{position:absolute;left:14px;right:14px;bottom:90px;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:22px;background:rgba(255,255,255,.95);color:#0f0f0f;font-size:15px;font-weight:600}
.gy-sh-cta small{font-size:12px;font-weight:400;color:#606060;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gy-shorts .gy-sound{left:auto;right:14px;top:100px;bottom:auto}