.mt-guide .q-wrap { max-width: 1240px; }
.mt-guide .mg-intro { background: #e9ede4; }
.mt-guide .mg-intro .q-wrap { padding-block: clamp(40px, 6vw, 80px); }
.mt-guide .mg-intro h1 { font-size: clamp(48px, 7vw, 90px); }
.mt-guide .mg-intro nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.mt-guide .mg-intro nav a { color: #182e24; text-decoration: none; border: 1px solid #b6c5b4; border-radius: 3px; padding: 8px 11px; }
.mt-guide .mg-intro nav a:hover { background: #f6f4ef; }
.mt-guide .mg-note { font-size: 13px; color: #46584b; }
.mt-guide .mg-group { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 26px; margin-bottom: 45px; scroll-margin-top: 100px; }
.mt-guide .mg-group:last-child { margin-bottom: 0; }
.mt-guide .mg-group-title h2 { font-size: clamp(26px, 3vw, 42px); }
.mt-guide .mg-group ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #c8d0c6; }
.mt-guide .mg-group li { display: grid; grid-template-columns: 110px minmax(0, 1fr) minmax(0, 165px); gap: 18px; align-items: center; border-bottom: 1px solid #c8d0c6; padding: 14px 0; }
.mt-guide .mg-group img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; border-radius: 4px; }
.mt-guide .mg-group li p { margin-top: 5px; }
.mt-guide .mg-product-action { display: grid; gap: 6px; font-size: 13px; overflow-wrap: anywhere; }
.mt-guide .mg-product-action code { color: #182e24; background: #e9ede4; font-weight: 700; padding: 2px 4px; }
.mt-guide .mg-product-action a { color: #276442; text-underline-offset: 3px; }
.mt-guide .mg-shop { background: #e9ede4; }
.mt-guide .mg-shop .q-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.mt-guide a:focus-visible { outline: 3px solid #659167; outline-offset: 4px; }
@media (max-width: 760px) {
    .mt-guide .q-wrap { padding-inline: 22px; }
    .mt-guide .mg-group { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .mt-guide .mg-group li { grid-template-columns: 76px minmax(0, 1fr); gap: 8px 14px; }
    .mt-guide .mg-group img { grid-row: span 2; }
    .mt-guide .mg-product-action { grid-column: 2; }
}