.mp-basics{position:relative;overflow:hidden;padding-block:clamp(3.5rem,7vw,5.5rem)}
.mp-basics__deco{position:absolute;top:-8rem;left:-6rem;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(255,176,31,.13),transparent 64%);pointer-events:none}
.mp-basics__in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:center}
.mp-basics .mp-kicker{margin-bottom:.2rem}
.mp-basics .mp-sec-title{margin-top:1rem}
.mp-basics__lead{font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.6;color:var(--mp-soft);max-width:36rem;margin-top:1rem}
.mp-basics__list{list-style:none;padding:0;margin:1.7rem 0 0;display:flex;flex-direction:column;gap:1.1rem}
.mp-basics__list li{display:flex;align-items:flex-start;gap:1rem}
.mp-basics__list b{display:block;font-family:var(--mp-fd);font-weight:700;font-size:1.12rem;color:var(--mp-ink);margin-bottom:.2rem}
.mp-basics__list p{font-size:1rem;line-height:1.5;color:var(--mp-soft)}
.mp-basics__art{aspect-ratio:4/3;border-radius:1.5rem;overflow:hidden;border:2px solid var(--mp-line-2);box-shadow:var(--mp-sh)}
.mp-basics__art img{width:100%;height:100%;object-fit:cover;display:block}

.mp-tabs-sec{position:relative;overflow:hidden;padding-block:clamp(3.5rem,7vw,5.5rem);background-color:#241138}
.mp-tabs-sec__deco{position:absolute;bottom:-9rem;right:-6rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(31,228,173,.12),transparent 64%);pointer-events:none}
.mp-tabs-sec .mp-wrap{position:relative}
.mp-tabs-sec .mp-sec-head{margin-inline:auto}
.mp-tabs{max-width:54rem;margin:clamp(2rem,4vw,3rem) auto 0}
.mp-tabs__nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.mp-tab{font-family:var(--mp-fb);font-weight:700;font-size:1rem;color:var(--mp-soft);background:var(--mp-plum-2);border:2px solid var(--mp-line-2);border-radius:.9rem;padding:.6rem 1.15rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}
.mp-tab:hover{color:var(--mp-ink)}
.mp-tab.is-active{color:#3a2410;background-image:var(--mp-grad-honey);border-color:var(--mp-honey-d)}
.mp-tabs__panels{margin-top:1.4rem}
.mp-tabp{display:none;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2rem);align-items:center;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface));border:2px solid var(--mp-line-2);border-radius:1.4rem;padding:clamp(1.4rem,3vw,2.1rem)}
.mp-tabp.is-active{display:grid;animation:mp-fadein .35s ease}
@keyframes mp-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mp-tabp__art{width:clamp(5rem,12vw,7rem);height:clamp(5rem,12vw,7rem);display:grid;place-items:center;flex:0 0 auto}
.mp-tabp__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}
.mp-tabp__t{font-family:var(--mp-fd);font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--mp-ink);margin-bottom:.5rem}
.mp-tabp__p{font-size:1.05rem;line-height:1.6;color:var(--mp-soft)}

.mp-read{position:relative;overflow:hidden;padding-block:clamp(3.5rem,7vw,5.5rem)}
.mp-read__deco{position:absolute;top:-8rem;right:-6rem;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(236,95,178,.12),transparent 64%);pointer-events:none}
.mp-read__in{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:start}
.mp-read .mp-kicker{margin-bottom:.2rem}
.mp-read .mp-sec-title{margin-top:1rem;margin-bottom:1.3rem}
.mp-read__p{font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.75;color:var(--mp-soft)}
.mp-read__p+.mp-read__p{margin-top:1rem}
.mp-read__aside{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface));border:2px solid var(--mp-line-2);border-radius:1.4rem;padding:clamp(1.5rem,3vw,2.1rem)}
.mp-read__note{font-family:var(--mp-fd);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.4;color:var(--mp-ink)}
.mp-read__sig{font-size:1rem;font-weight:600;color:var(--mp-honey)}

.mp-tips{padding-block:clamp(2.5rem,5vw,3.5rem)}
.mp-tips__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface));border:2px solid var(--mp-line-2);border-radius:1.5rem;padding:clamp(1.4rem,3vw,2rem)}
.mp-tips__head{display:flex;align-items:center;gap:1rem;flex:1 1 18rem}
.mp-tips__head b{display:block;font-family:var(--mp-fd);font-weight:700;font-size:1.15rem;color:var(--mp-ink)}
.mp-tips__head p{font-size:1rem;color:var(--mp-soft)}
.mp-tips__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.7rem}
.mp-tips__list li{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--mp-ink);background:var(--mp-plum-2);border:2px solid var(--mp-line-2);border-radius:.9rem;padding:.55rem .9rem}
.mp-tips__list .mp-ic{width:1.15em;height:1.15em;color:var(--mp-honey)}

.mp-inner--howto .mp-faq-sec{background-color:#1d0f33}

@media (max-width:860px){
  .mp-basics__in{grid-template-columns:1fr}
  .mp-basics__art{order:-1;max-width:30rem;margin-inline:auto}
  .mp-read__in{grid-template-columns:1fr}
}
@media (max-width:600px){
  .mp-tabp{grid-template-columns:1fr;text-align:center;justify-items:center}
  .mp-tips__in{flex-direction:column;align-items:flex-start}
}