/* Marketing nei pannelli: ogni blocco si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp), non a quella della pagina. Solo token del tema. */
/* l'obiettivo: le cinque scelte vanno in colonna quando il pannello e' stretto */
@container pnp (max-width:520px){.mk-ob{grid-template-columns:minmax(0,1fr)}.mk-o{min-height:0}}
/* le schede dei servizi: la griglia (il pannello stesso) va a capo da sola; qui si stringe la scheda */
@container pnp (max-width:560px){.mk-s{padding:14px}.mk-h h3{flex-basis:100px}}
/* pannelli in piu': I più adatti a te ed Esempi da guardare */
.mkx-l{display:grid}
.mkx-n{margin:0 0 6px;font-size:13px}
.mkx-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--g-line)}
.mkx-r:first-child{border-top:0}
.mkx-t b{display:block;font-weight:700;line-height:1.25}.mkx-t small{display:block;color:var(--mu);font-size:12.5px;line-height:1.35}
.mkx-b{min-height:32px;padding:0 12px}
.mkx-e .lk{font-size:13px;text-align:right}
@container pnp (max-width:380px){.mkx-r{grid-template-columns:minmax(0,1fr)}.mkx-e .lk{text-align:left}.mkx-b{justify-self:start}}