.mn{padding-top:128px;padding-bottom:var(--ms-pt)}
.mn-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--mg-gap);align-items:start}


.mn-toc{grid-column:1 / span 2;position:sticky;top:128px;padding-top:72px}
.mn-toc ul{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:1px solid rgba(28,29,32,.12)}
.mn-toc__a{display:block;position:relative;padding:6px 0 5px;font-stretch:var(--w-hyper);font-weight:500;font-size:15px;line-height:20px;color:var(--ink-55);
  transition:color var(--d-ui) var(--e-state)}
.mn-toc__a::before{content:"";position:absolute;left:-17px;top:0;bottom:0;width:2px;background:var(--graphite);opacity:0;transition:opacity var(--d-ui) var(--e-state)}
.mn-toc__a.is-on{color:var(--ink)}
.mn-toc__a.is-on::before{opacity:1}
@media (hover:hover){ .mn-toc__a:hover{color:var(--ink)} }


.mn-sheet{grid-column:3 / span 8;display:flex;flex-direction:column;align-items:center;padding:72px 56px 56px;background:#fff;border-radius:var(--r-card)}
.mn-sheet > *{width:100%;max-width:720px}
.mn-head{display:flex;flex-direction:column;gap:24px}
.mn-h1{font-stretch:var(--w-hyper);font-weight:500;font-size:45px;line-height:50px;letter-spacing:-.01em;text-wrap:balance}
.mn-lead{font-stretch:var(--w-hyper);font-weight:400;font-size:22px;line-height:30px;text-wrap:pretty}
.mn-sheet > .mn-cover{max-width:none;margin-top:48px}
.mn-cover{position:relative;aspect-ratio:2/1;border-radius:16px;overflow:hidden;background:#EAEAEA}
.mn-cover img{display:block;width:100%;height:100%;object-fit:cover}
.mn-cover__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(28,29,32,.035) 22px 23px)}
.mn-cover__ph span{display:inline-flex;align-items:center;height:32px;padding:1px 14px 0;border-radius:var(--r-pill);background:rgba(255,255,255,.75);
  font-stretch:var(--w-hyper);font-weight:500;font-size:14px;line-height:18px;color:var(--ink-55)}

.mn-sec{display:flex;flex-direction:column;gap:24px;margin-top:72px;scroll-margin-top:120px}
.mn-h2{margin-bottom:4px;font-stretch:var(--w-hyper);font-weight:500;font-size:32px;line-height:36px;letter-spacing:-.01em;text-wrap:balance}
.mn-p{font-stretch:var(--w-hyper);font-weight:400;font-size:18px;line-height:28px;text-wrap:pretty}


.mn-dirs{display:flex;flex-direction:column;gap:8px;margin-block:8px}
.mn-dir{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:20px;padding:28px 28px 26px 24px;background:var(--fog);border-radius:20px}
.mn-pic.mg-pic{grid-row:1 / span 2;width:44px;height:44px;border-radius:12px}
.mn-pic.mg-pic svg{width:28px;height:28px}
.mn-dir__t{margin-bottom:8px;padding-top:9px;font-stretch:var(--w-hyper);font-weight:500;font-size:22px;line-height:28px;letter-spacing:-.01em;text-wrap:balance}
.mn-dir__p{font-stretch:var(--w-hyper);font-weight:400;font-size:17px;line-height:26px;text-wrap:pretty}


.mn-sheet > .mn-fin{max-width:none;margin-top:72px;padding:64px 48px 48px;border-radius:20px;background:var(--graphite);color:#fff;align-items:center}
.mn-fin > *{width:100%;max-width:720px}
.mn-fin .mn-h2{margin-bottom:16px;font-stretch:var(--w-power);font-weight:700;font-size:38px;line-height:42px;letter-spacing:-.02em}
.mn-fin .mn-p{color:rgba(255,255,255,.72)}
.mn-cta{display:block;margin-top:16px;padding:31px 32px 31px;border-radius:var(--r-card);background:var(--green);color:var(--ink);
  font-stretch:var(--w-hyper);font-weight:500;font-size:22px;line-height:28px;text-wrap:balance;transition:background-color var(--d-ui) var(--e-state)}
@media (hover:hover){ .mn-cta:hover{background:#B4F51F} }


.mg-news .fin-top[hidden]{display:none}
.mg-news .mfin{padding-top:72px}
.mg-news .mfin-foot{padding-top:0}

@media (max-width:1199px){
  .mn{padding-top:112px}
  .mn-toc{display:none}
  .mn-sheet{grid-column:1 / -1;padding:56px 40px 40px}
  .mn-sheet > .mn-fin{padding:56px 40px 40px}
}
@media (max-width:767px){
  .mn{padding-top:92px}
  .mn-sheet{margin-inline:calc(-1 * var(--gut) + 8px);padding:32px 16px 8px;border-radius:20px}
  .mn-head{gap:16px}
  .mn-h1{font-size:30px;line-height:34px}
  .mn-lead{font-size:18px;line-height:26px}
  .mn-sheet > .mn-cover{margin-top:28px;border-radius:12px}
  .mn-sec{gap:20px;margin-top:48px}
  .mn-h2{margin-bottom:0;font-size:24px;line-height:28px}
  .mn-p{font-size:16px;line-height:24px}
  .mn-dir{grid-template-columns:minmax(0,1fr);margin-inline:-8px;padding:20px 16px 18px}
  .mn-pic.mg-pic{grid-row:auto;width:40px;height:40px;border-radius:11px;margin-bottom:16px}
  .mn-pic.mg-pic svg{width:26px;height:26px}
  .mn-dir__t{padding-top:0;font-size:20px;line-height:24px}
  .mn-dir__p{font-size:16px;line-height:24px}
  .mn-sheet > .mn-fin{margin-top:48px;margin-inline:-8px;padding:40px 20px 20px;border-radius:16px}
  .mn-fin .mn-h2{font-stretch:var(--w-mega);font-size:28px;line-height:30px}
  .mn-cta{padding:24px 20px 19px;border-radius:14px;font-size:18px;line-height:24px}
  .mg-news .mfin{padding-top:56px}
}