#meteograms-root{display:block}.mg-wrap{gap:12px;display:grid}.mg-grid{grid-template-columns:1fr;gap:12px;display:grid}.mg-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-1);border-radius:16px;overflow:hidden}.mg-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, rgba(var(--brand-rgb), .04), #fff0 60%);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mg-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:650;overflow:hidden}.mg-badge{color:var(--muted);border:1px solid var(--border);background:var(--card);white-space:nowrap;border-radius:999px;padding:.14rem .48rem;font-size:.78rem}.mg-body{padding:10px}.mg-framewrap{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:#fff;border-radius:12px;width:100%;position:relative;overflow:hidden}.mg-frameinner{transform-origin:top;position:absolute;top:0;left:50%}.mg-iframe{background:#fff;border:0;width:100%;height:100%;display:block}.mg-framewrap.is-fluid .mg-frameinner{width:100%;height:100%;position:static;left:auto;transform:none}.mg-framewrap.is-fluid .mg-iframe{width:100%;height:100%}.mg-attrib{justify-content:flex-end;padding-top:10px;display:flex}.mg-attrib a{color:var(--muted);font-size:.9rem;text-decoration:none}.mg-attrib a:hover{text-decoration:underline}.mg-img{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:var(--bg);border-radius:12px;width:100%;height:auto;display:block}.mg-card.is-compact .mg-img{object-fit:contain;object-position:center;max-height:420px}@media (max-width:820px){.mg-card.is-compact .mg-img{max-height:520px}}@media (max-width:520px){.mg-card.is-compact .mg-img{max-height:none}}.mg-fallback{justify-content:flex-end;padding-top:10px;display:flex}.mg-fallback a{border:1px solid var(--border);background:var(--card);color:var(--fg,var(--text));border-radius:999px;align-items:center;gap:8px;padding:.42rem .7rem;font-size:.92rem;text-decoration:none;display:inline-flex}.mg-fallback a:hover{background:var(--brand-50,#0000000a);border-color:var(--brand-200,var(--border))}