/* «הטמעה» (app/embed.js, docs/LAYOUTS.md «Embeds»): one provider iframe in
   a box sized before it loads — an aspect-ratio per ratio, or a fixed height
   for «גובה קבוע» (forms, Spotify) — so nothing shifts when it arrives.
   Looks: plain (the section's width), card (framed), center (narrow).
   Tall ratios and social posts keep a phone-like width, centred. */
.editorial-embed-box{width:100%;max-width:100%;min-width:0;margin:22px auto 4px;box-sizing:border-box;}
.editorial-embed-box[data-look="center"]{max-width:min(100%,720px);}
.editorial-embed-box[data-look="card"]{padding:12px;border-radius:var(--r-panel);background:var(--block-card,var(--card-bg,#fff));
  border:1px solid var(--line,#DDE5D9);border-color:var(--block-card-line,color-mix(in srgb,var(--primary) 12%,transparent));
  box-shadow:0 1px 2px rgba(30,42,34,.05),0 10px 24px -16px rgba(30,42,34,.28);}
.editorial-embed-frame{position:relative;width:100%;max-width:100%;margin-inline:auto;overflow:hidden;border-radius:var(--r-control);background:var(--paper-dim,#F1ECE2);aspect-ratio:16/9;}
.editorial-embed-box[data-ratio="4:3"] .editorial-embed-frame{aspect-ratio:4/3;}
.editorial-embed-box[data-ratio="1:1"] .editorial-embed-frame{aspect-ratio:1/1;max-width:600px;}
.editorial-embed-box[data-ratio="9:16"] .editorial-embed-frame{aspect-ratio:9/16;max-width:min(100%,400px);}
.editorial-embed-box[data-ratio="auto"] .editorial-embed-frame{aspect-ratio:auto;height:var(--embed-h,600px);}
.editorial-embed-box:is([data-provider="instagram"],[data-provider="facebook"])[data-ratio="auto"] .editorial-embed-frame{max-width:540px;}
.editorial-embed-frame > iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;}
/* Data saver: the provider's mark, the title and «פתיחה» instead of the player. */
.editorial-embed-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;
  border:0;background:transparent;color:var(--ink,#1E2A22);font:inherit;text-align:center;cursor:pointer;}
.editorial-embed-ic{display:inline-flex;color:var(--block-accent,var(--primary));}
.editorial-embed-ic svg{display:block;width:2.5rem;height:2.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.editorial-embed-name{max-width:100%;font-weight:700;line-height:1.35;overflow-wrap:anywhere;}
.editorial-embed-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border-radius:var(--r-control);
  background:var(--block-accent,var(--primary));color:var(--paper,#fff);font-weight:700;line-height:1.25;}
.editorial-embed-ph:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF);outline-offset:-3px;}
.editorial-embed-ph:hover .editorial-embed-open{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:640px){
  .editorial-embed-box{margin-top:16px;}
  .editorial-embed-box[data-look="card"]{padding:8px;}
}
