/* Yail.Membership — module-specific overrides on top of /_content/Yail.Shared.Web/css/yail.css.
   Surfaces, fonts, accent colour all flow from the "membership" DaisyUI theme; per-tenant
   logo + favicon come from ITenantBrandingAccessor. Nothing required here unless a
   Membership-only tweak is needed. */

/* === Extracted from view @section Styles === */
.mb-art { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; height: 100%; align-items: stretch; }
.mb-tier { background: var(--yail-cream); border: 1px solid var(--yail-stone); border-radius: 12px; padding: 16px 14px; display: flex; flex-direction: column; gap: 8px; }
.mb-tier .name { font-family: var(--font-display); font-size: 18px; font-style: italic; font-weight: 500; }
.mb-tier .price { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.mb-tier .price small { font-size: 11px; opacity: .7; font-weight: 400; }
.mb-tier li::before { content: "• "; color: var(--yail-amber); }
.mb-tier ul { padding: 0; margin: 4px 0 0; list-style: none; display: grid; gap: 5px; font-size: 11px; opacity: .9; }
.mb-tier.featured { background: linear-gradient(180deg, #3D2A1A, #6B4423); color: var(--yail-cream); border-color: var(--yail-coffee); }
.mb-tier.featured li::before { color: var(--yail-amber-light); }
.ms-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); }
.ms-tile { background:#fff; border:1px solid var(--yail-stone); border-radius:14px; padding:20px 22px; box-shadow:var(--shadow-card-soft); transition:border-color .15s, transform .15s; }
.ms-tile h3 { margin:0 0 6px; font-family:var(--font-display); font-style:italic; font-size:22px; font-weight:500; color:var(--yail-coffee); letter-spacing:-.01em; }
.ms-tile p { margin:0 0 14px; font-size:13px; color:var(--yail-mocha); line-height:1.55; }
.ms-tile:hover { border-color:var(--yail-coffee); transform:translateY(-1px); }