/* Drawing story only. Instagram, collaborators and shared site styles are unchanged. */
.mvs-drawing-story { --social-blue:#153855; --social-mint:#53d0bc; --social-rule:#dbe5ec; color:var(--social-blue); scroll-margin-top:110px; }
.mvs-drawing-story *, .mvs-drawing-story *::before, .mvs-drawing-story *::after { box-sizing:border-box; }
.mvs-public-refresh .page > .mvs-drawing-story { background:#fff; padding:48px 0 54px; }
.mvs-drawing-inner { width:calc(100% - 40px); max-width:1320px; margin:0 auto; display:grid; grid-template-columns:1.18fr 1fr; gap:clamp(38px,6vw,95px); align-items:center; border-top:1px solid var(--social-rule); padding-top:48px; }
.mvs-public-refresh .page > .mvs-drawing-story .mvs-drawing-eyebrow { margin:0 0 16px; color:#42637c; font-size:11px; line-height:1.5; font-weight:600; letter-spacing:2px; }
.mvs-public-refresh .page > .mvs-drawing-story h2 { color:var(--social-blue) !important; font-size:clamp(32px,3.8vw,48px); font-weight:500; line-height:1.08; letter-spacing:-1.25px; margin:0; }
.mvs-public-refresh .page > .mvs-drawing-story h2 span { color:var(--social-mint); }
.mvs-public-refresh .page > .mvs-drawing-story .mvs-drawing-lead { color:var(--social-blue); font-size:18px; line-height:1.55; font-weight:500; margin:22px 0 10px; max-width:510px; }
.mvs-public-refresh .page > .mvs-drawing-story .mvs-drawing-copy > p:not([class]) { color:#536675; font-size:14px; line-height:1.75; max-width:545px; margin:0; }
.mvs-drawing-steps { list-style:none; padding:0; margin:25px 0 0; }
.mvs-drawing-steps li { display:grid; grid-template-columns:30px 1fr; gap:15px; margin:0; padding:16px 0; border-bottom:1px solid var(--social-rule); }
.mvs-drawing-steps li:first-child { padding-top:0; }
.mvs-drawing-steps li::before { display:none; }
.mvs-drawing-steps li > span { font-size:12px; font-weight:600; letter-spacing:1px; line-height:1.4; padding-top:4px; color:#24816f; }
.mvs-public-refresh .page > .mvs-drawing-story h3 { color:var(--social-blue) !important; font-size:18px; line-height:1.35; font-weight:500; margin:0; }
.mvs-public-refresh .page > .mvs-drawing-story .mvs-drawing-steps p { color:#536675; font-size:13px; line-height:1.65; margin:7px 0 0; }
.mvs-drawing-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:24px; }
.mvs-drawing-primary { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:44px; padding:13px 18px; border-radius:5px; border:1px solid var(--social-blue); background:var(--social-blue); color:white; font-size:13px; font-weight:500; text-decoration:none; transition:background .2s,color .2s; }
.mvs-drawing-primary:hover { color:var(--social-blue); background:var(--social-mint); border-color:var(--social-mint); }
.mvs-drawing-secondary { color:var(--social-blue); font-size:12px; text-decoration:none; border-bottom:1px solid #53d0bc; padding-bottom:3px; }
.mvs-drawing-secondary span { margin-left:8px; }
.mvs-drawing-story :focus-visible { outline:2px solid #287a9c; outline-offset:5px; }
.mvs-drawing-figure { max-width:510px; width:100%; margin:0 0 0 auto; }
.mvs-drawing-figure > img { display:block; width:100%; height:auto; border-radius:6px; margin:0; box-shadow:none; }
.mvs-drawing-figure figcaption { color:#607588; font-size:11px; line-height:1.6; padding:15px 0 0; border:0; }
.mvs-drawing-figure figcaption span { display:block; color:var(--social-blue); font-weight:600; font-size:10px; letter-spacing:1.5px; margin-bottom:3px; }
@media(max-width:900px) {
  .mvs-drawing-inner { width:calc(100% - 36px); gap:30px; align-items:start; grid-template-columns:1.2fr 1fr; }
  .mvs-public-refresh .page > .mvs-drawing-story h2 { font-size:34px; }
}
@media(max-width:650px) {
  .mvs-drawing-story { scroll-margin-top:70px; }
  .mvs-public-refresh .page > .mvs-drawing-story { padding:16px 0 36px; }
  .mvs-drawing-inner { grid-template-columns:1fr; padding-top:34px; gap:30px; }
  .mvs-public-refresh .page > .mvs-drawing-story h2 { font-size:34px; letter-spacing:-.9px; }
  .mvs-public-refresh .page > .mvs-drawing-story .mvs-drawing-lead { font-size:17px; }
  .mvs-drawing-figure { max-width:510px; margin:0 auto; }
}
@media(prefers-reduced-motion:reduce) { .mvs-drawing-story * { transition:none !important; } }
