.mg .mg-guide{background:#f8f5ef;padding:clamp(64px,7vw,108px) 0;color:var(--mg-ink);scroll-margin-top:160px}
.mg .mg-guide-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(44px,7vw,112px);align-items:start}
.mg .mg-guide-heading{max-width:430px}
.mg .mg-guide-edition{display:inline-block;margin:0 0 25px;padding:8px 13px;border:1px solid #cbd2c7;border-radius:30px;font-size:12px;line-height:1.35;color:#395b4d}
.mg .mg-guide-heading h2{margin:0 0 24px;font-size:clamp(38px,3.8vw,58px);line-height:1.08;font-weight:400;letter-spacing:-.025em;text-wrap:balance}
.mg .mg-guide-heading>p:not(.mg-guide-edition){font-size:15px;line-height:1.75;color:#4c6256;margin:0 0 22px}
.mg .mg-guide-heading>.mg-guide-note{font-size:12px!important;line-height:1.7!important;max-width:38ch}
.mg .mg-guide-list{border-top:1px solid #cbd2c7;min-width:0}
.mg .mg-guide-group{border:0;border-bottom:1px solid #cbd2c7;border-radius:0;padding:0;background:none;margin:0}
.mg .mg-guide-group summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:76px;padding:20px 0;font:500 17px/1.4 var(--f_family_2,Arial,sans-serif);color:var(--mg-ink)}
.mg .mg-guide-group summary::-webkit-details-marker{display:none}
.mg .mg-guide-group summary>.mg-icon{width:24px;height:24px;flex:none}
.mg .mg-guide-chevron{display:flex;margin-inline-start:auto;flex:none;padding-inline-start:10px}
.mg .mg-guide-chevron .mg-icon{width:18px;height:18px;transition:transform .2s}
.mg .mg-guide-group[open] .mg-guide-chevron .mg-icon{transform:rotate(180deg)}
.mg .mg-guide-group ul{margin:0;padding:0 16px 25px 41px;list-style:none}
.mg .mg-guide-group li{position:relative;margin:0 0 13px;padding-inline-start:17px;font:400 14px/1.75 var(--f_family_2,Arial,sans-serif);color:#43584b;overflow-wrap:anywhere}
.mg .mg-guide-group li:before{position:absolute;inset-inline-start:0;top:.8em;content:'';width:4px;height:4px;border-radius:50%;background:#729183}
.mg .mg-guide-group li:last-child{margin-bottom:0}
.mg .mg-guide-group summary:focus-visible{outline:2px solid #1b7459;outline-offset:5px;border-radius:3px}
.mg .mgx-edition{margin:20px auto 0;max-width:660px;text-align:center;font-size:12px;line-height:1.6;color:#4d6257}
.mg .mgx-guide-link{display:inline-flex;align-items:center;gap:8px;color:var(--mg-ink);margin:15px 0 0;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.mg .mgx-guide-link .mg-icon{width:17px;height:17px}
.mg .mgx-visual--screen{background:#e3e2d9;padding:18px 22px;align-items:center}
.mg .mgx-visual--screen>img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:12px;box-shadow:0 6px 16px #18332412}
@media(max-width:749px){
 .mg .mg-guide{padding:58px 0 54px;scroll-margin-top:115px}
 .mg .mg-guide-layout{grid-template-columns:1fr;gap:24px}
 .mg .mg-guide-heading{max-width:none}
 .mg .mg-guide-edition{margin-bottom:20px}
 .mg .mg-guide-heading h2{font-size:40px;max-width:320px}
 .mg .mg-guide-heading>.mg-guide-note{max-width:none}
 .mg .mg-guide-group summary{font-size:16px;min-height:70px;gap:13px}
 .mg .mg-guide-group ul{padding-inline-start:36px;padding-inline-end:0}
 .mg .mgx-edition{padding:0 24px}
 .mg .mgx-visual--screen{padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){.mg .mg-guide-chevron .mg-icon{transition:none}}

.mg .mgx-edition{margin:-20px auto 28px}