.harmony-map{margin:28px 0 34px;padding:22px 24px 18px;border:1px solid rgba(124,58,237,.16);border-radius:8px;background:rgba(255,255,255,.6)}.harmony-map-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(124,58,237,.16)}.harmony-map-header span{color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.13em}.harmony-map-header strong{color:#332f3a;font-size:18px}.harmony-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding-top:16px}.harmony-measure{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;border-radius:7px;background:rgba(255,255,255,.76)}.harmony-icon{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:#7c3aed;font-size:18px;font-weight:900}.harmony-thirds .harmony-icon{background:#0e7490}.harmony-fifths .harmony-icon{background:#047857}.harmony-ratio .harmony-icon{background:#be185d}.harmony-measure small,.harmony-measure strong{display:block}.harmony-measure strong{color:#332f3a;font-size:14px}.harmony-measure small{margin-top:3px;color:#635f69;font-size:12px}.harmony-map figcaption{margin-top:16px;color:#635f69;font-size:13px;line-height:1.6}.harmony-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0 28px}.harmony-list>div{display:grid;grid-template-columns:52px minmax(0,1fr);grid-column-gap:12px;column-gap:12px;padding:16px;border:1px solid rgba(124,58,237,.15);border-radius:8px;background:rgba(255,255,255,.5)}.harmony-list strong{grid-row:span 2;color:#7c3aed;font-family:Nunito,sans-serif;font-size:20px}.harmony-list span{color:#332f3a;font-size:14px;font-weight:900}.harmony-list p{grid-column:2;margin:5px 0 0;color:#635f69;font-size:13px;line-height:1.55}.blog-article-body .harmony-inline-link{color:#6d28d9;text-decoration:underline;text-underline-offset:3px}.blog-article-body .harmony-inline-link:hover{color:#be185d}@media (max-width:600px){.harmony-map{padding:16px 14px}.harmony-map-header{display:block}.harmony-map-header strong{display:block;margin-top:5px}.harmony-list,.harmony-map-grid{grid-template-columns:1fr}.harmony-measure{min-height:68px}}