html body .mg-consultation-card{display:grid;grid-template-columns:58px minmax(0,1fr) 235px;align-items:center;gap:24px;margin:32px 0;padding:30px;background:#17263e;color:#fff;border:0;text-align:left;font-style:normal}
html body .mg-consultation-icon svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
html body .mg-consultation-copy .mg-consultation-label{font:500 14px/1.4 "Cormorant Garamond",Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px}
html body .mg-consultation-copy h3{font:600 28px/1.15 "Cormorant Garamond",Georgia,serif;color:#fff;margin:0 0 12px;min-height:0}
html body .mg-consultation-copy>p:not(.mg-consultation-label){font:400 20px/1.45 "Cormorant Garamond",Georgia,serif;color:#fff;margin:0}
html body a.mg-consultation-button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:0;border-bottom:1px solid #fff;background:#17263e;color:#fff;text-decoration:none;font:500 24px/1.2 "Cormorant Garamond",Georgia,serif;transition:background .2s,color .2s}
html body a.mg-consultation-button span{color:inherit;font-size:30px;flex-shrink:0}
html body a.mg-consultation-button:is(:hover,:focus-visible,:active){background:var(--v7-gold, #a49250);color:#17263e;border-color:var(--v7-gold, #a49250)}
html body a.mg-consultation-button:focus-visible{outline:2px solid var(--v7-gold, #a49250);outline-offset:4px}
@media(max-width:1200px){html body .reading .mg-consultation-card{grid-template-columns:48px minmax(0,1fr)}html body .reading .mg-consultation-button{grid-column:2;justify-self:start}}
@media(max-width:760px){html body .mg-consultation-card{grid-template-columns:40px minmax(0,1fr);padding:24px;gap:16px}html body .mg-consultation-icon svg{width:38px;height:38px}html body .mg-consultation-button{grid-column:1/-1;justify-self:stretch}html body .reading .mg-consultation-button{grid-column:1/-1;justify-self:stretch}html body .mg-consultation-copy h3{font-size:26px}}

html body .mg-consultation-card h3,html body a.mg-consultation-button{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}
/* Keep article actions below the copy, with room for an intact label. */
html body .reading .mg-consultation-card{grid-template-columns:58px minmax(0,1fr)}
html body .reading a.mg-consultation-button{grid-column:2;justify-self:start;white-space:nowrap;max-width:100%;box-sizing:border-box}
@media(max-width:760px){html body .reading .mg-consultation-card{grid-template-columns:40px minmax(0,1fr)}html body .reading a.mg-consultation-button{grid-column:1/-1;font-size:22px;padding:16px 10px;gap:14px}}
@media(max-width:380px){html body .reading a.mg-consultation-button{white-space:normal;font-size:20px;padding:14px 6px;gap:10px}}

/* Sidebar cards need their own vertical layout, independent of viewport width. */
html body .v6-sidebar .mg-consultation-card{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;padding:24px;min-width:0}
html body .v6-sidebar .mg-consultation-copy{min-width:0}
html body .v6-sidebar .mg-consultation-label{width:auto;max-width:none;word-break:normal;overflow-wrap:normal;hyphens:none}
html body .v6-sidebar a.mg-consultation-button{grid-column:1/-1;justify-self:stretch;min-width:0;max-width:100%;box-sizing:border-box;padding:16px 0;gap:12px;font-size:22px;white-space:normal}