/* Modalità embed: l'app dentro un iframe di una pagina che ha già header e footer.
   Si attiva con ?embed=1 oppure automaticamente quando la pagina è in un iframe (?embed=0 la esclude). */
html.embed body{background:transparent;padding:12px 24px 16px}
@media (max-width:700px){html.embed body{padding:10px 14px 14px}}

/* via ciò che la pagina ospitante già fornisce */
.embed .top,.embed .bnav,
.embed .foot > div:not(:nth-child(2)){display:none!important}

/* navigazione interna minima (al posto del menu in testata) */
.emb-nav{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 12px 64px}
.emb-nav a{padding:8px 16px;border-radius:50px;border:1.5px solid var(--ctl);color:var(--head);font-size:14px;font-weight:700;text-decoration:none;background:var(--white)}
.emb-sh{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--ctl);background:var(--white);color:var(--head);cursor:pointer;padding:0}
.emb-sh:hover{background:var(--accbg)}
.emb-ok{position:absolute;left:46px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:13px;font-weight:700;color:var(--head)}
.emb-nav a:hover{background:var(--accbg)}
.emb-nav a[aria-current=page]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}

/* spazi compatti: il contenitore è quello della pagina ospitante */
.embed main > .wrap,.embed footer .wrap{max-width:none;padding-inline:0}
.embed .sez{padding-block:24px 4px}
.embed .hero{border-radius:20px;border:0}
.embed footer{margin-top:24px;background:none;color:var(--ink)}
.embed .foot{padding-block:0;grid-template-columns:1fr}
.embed footer h2{color:var(--head);font-size:16px}
.embed footer p{font-size:13px}
.embed footer a,.embed footer strong{color:var(--head)}.embed footer a:hover{background:var(--accbg);color:var(--head)}

/* la scheda si apre in alto (l'iframe è alto quanto il contenuto, il centro sarebbe fuori vista) */
.embed dialog{margin:12px auto auto}

@media (max-width:700px){
  .embed .sez{padding-block:20px 4px}
}

/* "Torna in cima" più in alto: in basso a destra la pagina ospitante ha già un suo pulsante */
.embed .cima{bottom:84px}