.patterns-hero{background:var(--mida-hub-hero-bg);border-bottom:1px solid var(--mida-hub-hero-border);padding:var(--mida-hub-hero-padding)}.pattern-detail-inner,.patterns-hero-inner,.patterns-shell{margin:0 auto;max-width:var(--mida-content-max-width)}.patterns-hero-inner{max-width:820px;text-align:center}.patterns-eyebrow{background:var(--mida-hub-badge-bg);border-radius:100px;color:var(--mida-hub-badge-text);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:20px;padding:4px 12px;text-transform:uppercase}.patterns-title{color:var(--mida-hub-heading);font-size:var(--mida-hub-title-size);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}.patterns-subtitle{color:var(--mida-hub-copy);font-size:var(--mida-hub-subtitle-size);line-height:1.65;margin:0 auto;max-width:620px}.patterns-hero-panel{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:28px;box-shadow:0 28px 80px rgba(15,23,42,.09);display:grid;gap:16px;padding:28px}.patterns-hero-stat{background:#f8fafc;border-radius:20px;padding:22px}.patterns-hero-stat strong{color:#111827;display:block;font-size:34px;line-height:1;margin-bottom:10px}.patterns-hero-stat span{color:#64748b;display:block;line-height:1.6}.patterns-shell{display:grid;gap:36px;grid-template-columns:270px minmax(0,1fr);padding:var(--mida-hub-content-top) 24px var(--mida-hub-content-bottom)}.patterns-sidebar{align-self:start;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.05);padding:18px;position:sticky;top:var(--mida-sticky-sidebar-top,96px)}.patterns-sidebar-title{color:#111827;font-size:14px;font-weight:800;letter-spacing:.08em;margin:8px 10px 14px;text-transform:uppercase}.patterns-category-link{align-items:center;border-radius:14px;color:#334155;display:flex;gap:10px;justify-content:space-between;padding:12px 14px;text-decoration:none}.patterns-category-link.is-active,.patterns-category-link:hover{background:#f2f5ff;color:#111827}.patterns-count{background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:999px;color:#64748b;font-size:12px;font-weight:800;padding:3px 8px}.patterns-section-heading{margin-bottom:28px}.patterns-section-heading h1,.patterns-section-heading h2{color:#111827;font-size:var(--mida-hub-section-title-size);letter-spacing:-.02em;line-height:1.2;margin:0 0 14px}.patterns-section-heading p{color:#64748b;font-size:18px;line-height:1.7;max-width:720px}.patterns-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 18px 44px rgba(15,23,42,.05);color:inherit;display:block;overflow:hidden;text-decoration:none}.pattern-card-image{background:#f1f5f9;height:230px;overflow:hidden}.pattern-card-image img{height:100%;object-fit:cover;width:100%}.pattern-card-body{padding:22px}.pattern-meta{align-items:center;color:#64748b;display:flex;font-size:14px;gap:10px;margin-bottom:14px}.pattern-brand-logo{border-radius:999px;height:34px;object-fit:contain;width:34px}.pattern-card h3{color:#111827;font-size:22px;letter-spacing:-.03em;line-height:1.25;margin:0 0 12px}.pattern-card p{color:#64748b;font-size:15px;line-height:1.7}.pattern-detail{padding:64px 24px 88px}.pattern-detail-inner{display:grid;gap:44px;grid-template-columns:minmax(0,760px) 320px}.pattern-detail h1{color:#111827;font-size:clamp(38px, 5vw, 62px);letter-spacing:-.05em;line-height:1;margin:18px 0}.pattern-detail-description{color:#334155;font-size:19px;line-height:1.85}.pattern-preview{border-radius:24px;box-shadow:0 24px 56px rgba(15,23,42,.12);margin:32px 0;max-width:100%;overflow:hidden}.pattern-preview iframe,.pattern-preview img{border:0;display:block;width:100%}.pattern-preview img{height:auto}.pattern-preview iframe{aspect-ratio:16/9;height:auto}.pattern-side-card{background:var(--lime-green);border-radius:24px;color:#111827;padding:28px;position:sticky;top:var(--mida-sticky-sidebar-top,96px)}.pattern-side-card h3{color:#111827;font-size:24px;margin:0 0 14px}.pattern-side-card p{color:rgba(17,24,39,.68);line-height:1.7}.pattern-live-cta{background:#111827;border-radius:12px;color:#fff;display:block;font-weight:800;margin-top:22px;padding:15px 18px;text-align:center;text-decoration:none}.pattern-side-divider{background:rgba(17,24,39,.15);height:1px;margin:24px 0;width:100%}.pattern-side-small{font-size:14px;margin-bottom:10px}.pattern-secondary-cta{color:#111827;display:block;font-weight:800;text-decoration:none}.pattern-secondary-cta+.pattern-secondary-cta{margin-top:10px}.patterns-empty{background:#f8fafc;border:1px dashed rgba(15,23,42,.16);border-radius:22px;color:#64748b;padding:28px}@media screen and (max-width:991px){.pattern-detail-inner,.patterns-hero-inner,.patterns-shell{grid-template-columns:1fr}.pattern-side-card,.patterns-sidebar{position:static}}@media screen and (max-width:767px){.patterns-grid{grid-template-columns:1fr}.patterns-hero{padding:var(--mida-hub-hero-padding-mobile)}.patterns-title{font-size:var(--mida-hub-title-size-mobile)}}