.mhha-practical{margin:28px 0;padding:20px;background:#f7f6f6;border:1px solid #dce2ec;border-radius:6px;color:#17243a}
.mhha-practical h2{margin:0 0 16px;font-size:1.2em;line-height:1.4}
.mhha-practical dl{margin:0}
.mhha-practical dl>div{display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:12px;padding:7px 0}
.mhha-practical dt{font-weight:700}
.mhha-practical dd{margin:0;overflow-wrap:anywhere}
.mhha-practical .mhha-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:18px 0 0}
.mhha-practical a{color:#0032ad;text-decoration:underline;text-underline-offset:3px}
.mhha-practical a:focus-visible{outline:2px solid #0032ad;outline-offset:3px}
@media(max-width:480px){.mhha-practical{padding:16px}.mhha-practical dl>div{grid-template-columns:1fr;gap:3px}.mhha-practical .mhha-links{flex-direction:column}}