/* JLD's sidebar-and-cards hierarchy, using the existing WWA palette. */
@media screen {
  .card.ming{display:grid;grid-template-columns:minmax(190px,23%) minmax(0,1fr);gap:28px;padding:24px;align-items:start}
  .ming .ming-side{display:block;padding:24px;background:#f1eee8;color:var(--ink);border:0;border-radius:6px;min-width:0}
  .ming .ming-side .eyebrow{color:var(--ink)!important;font-size:12px;letter-spacing:.14em}
  .ming .ming-side .number{font:400 80px/1.1 Marcellus,Georgia,serif;margin:12px 0 14px;color:var(--ink)}
  .ming .ming-side h2{font-size:30px;margin:0 0 8px}
  .ming #guaMeta{font-size:16px;line-height:1.5}
  .ming .gua-summary{font-size:15px;line-height:1.65;margin-top:18px;padding-top:18px;color:#765f49}
  .ming .ming-main{padding:4px 0;min-width:0;background:transparent}
  .ming .ming-main>h2{font-size:clamp(25px,2.5vw,32px);line-height:1.25}
  .ming .ming-intro{font-size:16px;line-height:1.6;margin:12px 0 22px}
  .ming .ming-practices,.ming .directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ming .ming-practices{margin:0 0 28px}
  .ming .ming-practice,.ming .direction{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fffefb;min-width:0}
  .ming .ming-practice small,.ming .direction small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);line-height:1.5}
  .ming .ming-practice b,.ming .direction b{display:block;font:400 21px/1.35 Marcellus,Georgia,serif;margin:8px 0 10px}
  .ming .ming-practice p,.ming .direction p{font-size:15px;line-height:1.6;margin:0;color:#765f49}
  .ming .direction-heading{font-size:24px;margin:0 0 16px}
  .ming .directions{margin:0 0 24px}
  .ming details{padding:18px;margin-top:0}
  .ming .challenge-note,.ming .challenge-row p{font-size:14px;line-height:1.6}
  .ming .challenge-row{grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:16px;padding-top:14px}
  .ming .challenge-row small{font-size:10px;line-height:1.5}
}
@media screen and (max-width:850px){
  .card.ming{grid-template-columns:minmax(0,1fr);gap:22px;padding:20px}
  .ming .ming-side{display:grid;grid-template-columns:100px minmax(0,1fr);gap:0 20px;align-items:center;padding:20px}
  .ming .ming-side .number{font-size:64px;margin-bottom:0}
  .ming .gua-summary{grid-column:1/-1}
}
@media screen and (max-width:560px){
  .card.ming{padding:16px}
  .ming .ming-practices,.ming .directions{grid-template-columns:minmax(0,1fr);gap:12px}
  .ming .ming-practice,.ming .direction{padding:18px}
  .ming .challenge-row{grid-template-columns:1fr;gap:6px}
}
/* Preserve compact print flow rather than squeezing the sidebar onto paper. */
@media print{
  .ming .ming-side{background:#f1eee8!important;color:#583b1f;padding:12px;break-inside:avoid;break-after:avoid}
  .ming .ming-side .eyebrow{color:#583b1f!important}
  .ming .ming-practice,.ming .direction{border-radius:5px;break-inside:avoid;page-break-inside:avoid}
}