/* Studio: chunky and playful.  Ink outlines and hard offset shadows. */
:root { --mg-ink: #111; }
.mg-core .btn:not(.btn-link) { border: 2px solid var(--mg-ink) !important; box-shadow: 4px 4px 0 var(--mg-ink); }
.mg-core .btn:not(.btn-link):hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--mg-ink); }
.mg-core .btn:not(.btn-link):active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--mg-ink); }
.mg-header { border-bottom: 2px solid var(--mg-ink); }
.mg-item a.mg-item-link { border: 2px solid var(--mg-ink) !important; box-shadow: 6px 6px 0 var(--mg-ink) !important; }
.mg-item a.mg-item-link:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--mg-ink) !important; }
.mg-core .mgclump { border: 2px solid var(--mg-ink) !important; box-shadow: 6px 6px 0 var(--mg-ink); }
.mg-core .mg-layout .mg-card--elevated, .mg-core .mg-layout .mg-card--boxed, .mg-core .mg-layout .mg-plan, .mg-core .mg-layout .mg-testimonial--boxed, .mg-core .mg-layout .mg-faq-item { border: 2px solid var(--mg-ink); box-shadow: 6px 6px 0 var(--mg-ink); }
.mg-core .mg-layout .mg-card--elevated:hover { transform: translate(-3px, -3px); box-shadow: 9px 9px 0 var(--mg-ink); }
.mg-core .mg-layout .mg-image img, .mg-core .mg-layout .mg-image .ratio { border: 2px solid var(--mg-ink); box-shadow: 8px 8px 0 var(--mg-ink); }
.mg-core .mg-layout .mg-plan--featured { background: var(--mg-accent); transform: rotate(-1deg); }
.mg-core .mg-layout .mg-card-icon { border: 2px solid var(--mg-ink); background: var(--mg-accent); color: var(--mg-ink); }
.mg-core .mg-layout .mg-eyebrow { background: var(--mg-bg); color: var(--mg-ink) !important; border: 2px solid var(--mg-ink); padding: .3rem .8rem; border-radius: 999px; }
.mg-core .mg-layout .mg-bg-secondary .mg-image img { box-shadow: 8px 8px 0 var(--mg-accent); }