.top-left-buttons,
.top-right-buttons,
.sidebar-menu,
.menu-overlay { display: none !important; }

.family-controls .icon-button:not(.btn-reset) { display: none !important; }

.family-footer { position: fixed; }
.family-footer .family-controls { position: absolute; right: 8px; top: 50%;
  transform: translateY(-50%); margin: 0; flex: none; }

.moplan-brand { display: none !important; }

.mpnnav{
  position: sticky; top: 0; z-index: 90;
  display: block; height: 68px; padding: 0;
  background: transparent; border-bottom: 0;
  font-family: inherit;
}
body.dark-mode .mpnnav{ background:#1f2937; }

.mpnn-inner{ max-width:1100px; height:100%; margin:0 auto; padding:0 4px;
  display:flex; align-items:center; }

.mpnn-logo{ display:flex; flex-direction:row; align-items:center; gap:9px; margin-right:26px;
  white-space:nowrap; text-decoration:none; flex:none; }
.mpnn-sym{ width:36px; height:36px; border-radius:9px; flex:none;
  background:linear-gradient(135deg,#a34be5,#387be9); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; font-weight:900; line-height:1; }
.mpnn-stack{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.mpnn-word{ font-size:25px; font-weight:850; letter-spacing:-.5px; line-height:1;
  background:linear-gradient(100deg,#a34be5 4%,#387be9 82%);
  background-clip:text; -webkit-background-clip:text;
  color:#4779e8; -webkit-text-fill-color:transparent; }
.mpnn-dom{ display:flex; align-items:center; font-size:11.5px; font-weight:750;
  color:#172033; line-height:1; letter-spacing:.2px; }
.mpnn-dom i{ font-style:normal; color:#3f68ea; padding:0 4px; }
body.dark-mode .mpnn-dom{ color:#e5e7eb; }
body.dark-mode .mpnn-dom i{ color:#7aa8ff; }

.mpnn-menu{ display:flex; align-items:center; height:100%; }
.mpnn-item{ position:relative; height:100%; display:flex; align-items:center; }
.mpnn-link{ display:flex; align-items:center; gap:5px; height:100%; padding:0 16px;
  font-size:17px; font-weight:650; color:#374151; background:none; border:0;
  border-bottom:3px solid transparent; cursor:pointer; text-decoration:none; white-space:nowrap;
  transition:color .15s, border-color .15s; font-family:inherit; }
.mpnn-link:hover{ color:#1a73e8; }
.mpnn-item.mpnn-cur > .mpnn-link{ color:#1a73e8; border-bottom-color:#1a73e8; }
.mpnn-item.mpnn-open > .mpnn-link{ color:#1a73e8; }
body.dark-mode .mpnn-link{ color:#e5e7eb; }
body.dark-mode .mpnn-link:hover,
body.dark-mode .mpnn-item.mpnn-cur > .mpnn-link,
body.dark-mode .mpnn-item.mpnn-open > .mpnn-link{ color:#4f9bff; }
body.dark-mode .mpnn-item.mpnn-cur > .mpnn-link{ border-bottom-color:#4f9bff; }

.mpnn-caret{ font-size:9px; color:#9ca3af; transition:transform .15s; }
.mpnn-item.mpnn-open .mpnn-caret{ transform:rotate(180deg); color:#1a73e8; }

.mpnn-drop{ position:absolute; top:68px; left:6px; min-width:236px; background:#fff;
  border:1px solid #e5e7eb; border-radius:0 0 12px 12px; box-shadow:0 14px 34px rgba(15,23,42,.16);
  padding:8px; opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .16s, transform .16s, visibility .16s; z-index:5; }
.mpnn-item.mpnn-open .mpnn-drop{ opacity:1; visibility:visible; transform:translateY(0); }
.mpnn-drop a{ display:flex; align-items:center; gap:10px; padding:11px 12px; border-radius:8px;
  font-size:15.5px; color:#374151; text-decoration:none; }
.mpnn-drop a:hover{ background:#e8f0fe; color:#1a73e8; }
.mpnn-drop .mpnn-ic{ width:20px; text-align:center; flex:none; }
.mpnn-drop .mpnn-new{ margin-left:auto; font-size:10px; font-weight:800; color:#fff;
  background:var(--mp-accent, #b44220); border-radius:99px; padding:1px 6px; }
body.dark-mode .mpnn-drop{ background:#1f2937; border-color:#374151; }
body.dark-mode .mpnn-drop a{ color:#e5e7eb; }
body.dark-mode .mpnn-drop a:hover{ background:#374151; color:#4f9bff; }

.mpnn-right{ margin-left:auto; display:flex; align-items:center; gap:6px; }
.mpnn-ico{ box-sizing:border-box; position:relative; display:flex; align-items:center; justify-content:center; gap:6px;
  height:41px; min-width:41px; padding:0 13px; border-radius:10px; border:1px solid #e5e7eb;
  background:#fff; color:#4b5563; font-size:14.5px; font-weight:600; cursor:pointer; font-family:inherit; }
.mpnn-ico:hover{ border-color:#1a73e8; color:#1a73e8; }
.mpnn-ico .mpnn-badge{ position:absolute; top:-3px; right:-3px; width:9px; height:9px;
  border-radius:50%; background:#ef4444; border:2px solid #fff; }
body.dark-mode .mpnn-ico{ background:#1f2937; border-color:#374151; color:#e5e7eb; }
.mpnn-right .mpnn-drop{ top:57px; left:auto; right:0; border-radius:12px; }

.mpnn-ico.mpnn-life{ border:0; color:#fff; font-weight:800;
  background:linear-gradient(135deg,var(--mp-accent, #b44220),var(--primary-hover, #9a3719)); box-shadow:0 4px 12px rgba(180,66,32,.30); }
.mpnn-ico.mpnn-life:hover, .mpnn-item.mpnn-open > .mpnn-ico.mpnn-life{ color:#fff; filter:brightness(1.08); }
.mpnn-ico.mpnn-life .mpnn-caret, .mpnn-item.mpnn-open > .mpnn-ico.mpnn-life .mpnn-caret{ color:#fff; opacity:.85; }
body.dark-mode .mpnn-ico.mpnn-life{ border:0; color:#fff; background:linear-gradient(135deg,var(--mp-accent, #b44220),var(--primary-hover, #9a3719)); }

.mpnn-tabs{ display:none; }
.mpnn-sheet, .mpnn-dim{ display:none; }

@media (max-width: 767px){
  .mpnnav{ height:54px; }
  .mpnn-inner{ padding:0 12px; }
  .mpnn-menu{ display:none; }
  .mpnn-right > .mpnn-item{ display:none; }

  .mpnn-logo{ margin-right:0; gap:6px; }
  .mpnn-sym{ width:28px; height:28px; border-radius:7px; font-size:15px; }
  .mpnn-word{ font-size:18.5px; }

  .mpnn-dom{ display:none; }
  .mpnn-ico{ height:34px; min-width:34px; padding:0 10px; }

  body{ padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important; }

  .family-header { top: 54px !important; }

  .family-footer { bottom: calc(56px + env(safe-area-inset-bottom)) !important; }
  .family-container { padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important; }

  .family-header h1 { display: flex !important; }

  .mpnn-tabs{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:90;
    background:#fff; border-top:1px solid #e5e7eb; box-shadow:0 -3px 14px rgba(15,23,42,.07);
    padding-bottom: env(safe-area-inset-bottom); }
  body.dark-mode .mpnn-tabs{ background:#1f2937; border-top-color:#374151; }
  .mpnn-tab{ flex:1; min-width:0; display:flex; flex-direction:column; align-items:center;
    justify-content:center; gap:3px; height:56px; border:0; background:none; padding:0;
    color:#6b7280;  font-size:10.5px; font-weight:700; position:relative; cursor:pointer;
    font-family:inherit; }
  .mpnn-tab .mpnn-ti{ font-size:20px; line-height:1; filter:grayscale(1); opacity:.5; transition:.15s; }
  .mpnn-tab.mpnn-cur{ color:#1a73e8; }
  .mpnn-tab.mpnn-cur .mpnn-ti{ filter:none; opacity:1; transform:translateY(-1px); }

  .mpnn-tabs.mpnn-sheeting .mpnn-tab.mpnn-cur:not(.mpnn-act){ color:#6b7280; }
  .mpnn-tabs.mpnn-sheeting .mpnn-tab.mpnn-cur:not(.mpnn-act) .mpnn-ti{ filter:grayscale(1); opacity:.5; transform:none; }
  .mpnn-tab.mpnn-act{ color:#1a73e8; }
  .mpnn-tab.mpnn-act .mpnn-ti{ filter:none; opacity:1; transform:translateY(-1px); }
  .mpnn-tab[data-g="life"].mpnn-act{ color:#5b4de0; }
  .mpnn-tab .mpnn-dot{ position:absolute; top:8px; right:calc(50% - 17px); width:7px; height:7px;
    border-radius:50%; background:#ef4444; }

  .mpnn-tab{ letter-spacing:-.3px; white-space:nowrap; }

  .mpnn-tab[data-g="life"] .mpnn-ti{ width:30px; height:24px; border-radius:8px; display:flex; align-items:center;
    justify-content:center; font-size:15px; transition:.15s; }
  .mpnn-tab[data-g="life"].mpnn-act{ color:#5b4de0; font-weight:800; }
  .mpnn-tab[data-g="life"].mpnn-act .mpnn-ti{ filter:none; opacity:1; color:#fff; transform:none;
    background:linear-gradient(135deg,var(--mp-accent, #b44220),var(--primary-hover, #9a3719)); box-shadow:0 3px 8px rgba(180,66,32,.30); }
  body.dark-mode .mpnn-tab[data-g="life"].mpnn-act{ color:var(--mp-accent, #e9dcc0); }

  .mpnn-sheet{ display:block; position:fixed; left:0; right:0; bottom:calc(56px + env(safe-area-inset-bottom)); z-index:92;
    background:#fff; border-radius:18px 18px 0 0; box-shadow:0 -8px 30px rgba(15,23,42,.22);
    transform:translateY(calc(105% + 60px)); transition:transform .25s cubic-bezier(.32,.72,0,1);
    padding:8px 12px 14px; max-height:calc(70 * var(--vhz, 1vh)); overflow-y:auto; }
  .mpnn-tabs{ z-index:93; }
  .mpnn-sheet.mpnn-on{ transform:translateY(0); }
  body.dark-mode .mpnn-sheet{ background:#1f2937; }
  .mpnn-grip{ width:38px; height:4px; border-radius:99px; background:#e5e7eb; margin:4px auto 10px; }
  .mpnn-x{ position:absolute; top:8px; right:10px; width:36px; height:36px; border:0;
    border-radius:50%; background:#eef2f7; color:#374151; font-size:15px; line-height:1;
    display:flex; align-items:center; justify-content:center; cursor:pointer; }
  body.dark-mode .mpnn-x{ background:#374151; color:#e5e7eb; }
  .mpnn-sheet h4{ margin:2px 6px 8px; font-size:13px; color:#6b7280; font-weight:800; }
  .mpnn-sheet a{ display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:10px;
    font-size:15px; color:#374151; text-decoration:none; min-height:48px; }
  .mpnn-sheet a:active{ background:#e8f0fe; }
  body.dark-mode .mpnn-sheet a{ color:#e5e7eb; }
  .mpnn-sheet .mpnn-ic{ width:24px; text-align:center; font-size:17px; flex:none; }
  .mpnn-sheet .mpnn-new{ margin-left:auto; font-size:10px; font-weight:800; color:#fff;
    background:var(--mp-accent, #b44220); border-radius:99px; padding:1px 6px; }
  .mpnn-sheet hr{ border:0; border-top:1px solid #e5e7eb; margin:8px 4px; }

  .mpnn-dim{ display:block; position:fixed; inset:0; z-index:91; background:rgba(15,23,42,.42);
    opacity:0; visibility:hidden; transition:.2s; }
  .mpnn-dim.mpnn-on{ opacity:1; visibility:visible; }
}

.mpnn-burger { display: none; }
@media (max-width: 1023px) and (max-height: 540px) and (min-aspect-ratio: 1/1) {
  .mpnn-tabs { display: none !important; }
  body { padding-bottom: 0 !important; }
  .family-footer { bottom: 0 !important; }
  .family-container { padding-bottom: 62px !important; }
  .mpnnav { height: 46px; }
  .mpnn-sym{ width:25px; height:25px; border-radius:6px; font-size:13px; }
  .mpnn-word { font-size: 17px; }
  .mpnn-dom { font-size: 9px; }
  .mpnn-sheet { max-height: calc(86 * var(--vhz, 1vh)); bottom: 0; padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
}

@media (max-width: 767px) and (max-height: 540px) and (min-aspect-ratio: 1/1) {
  .mpnn-burger { display: flex !important; }
}

.mpnn-sheet .mpnn-grid{ display:grid; grid-template-columns:1fr 1fr; gap:2px 6px; }
.mpnn-sheet .mpnn-grid a{ padding:11px 10px; font-size:14px; min-height:46px; gap:9px; }
.mpnn-sheet .mpnn-grid .mpnn-ic{ width:20px; font-size:16px; }

.mpnn-sheet h4 small{ font-weight:600; color:#6b7280; font-size:11px; margin-left:8px; }
.mpnn-sheet .mpnn-tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:2px 2px 4px; }
.mpnn-sheet .mpnn-tiles a.mpnn-tile{ flex-direction:column; justify-content:center; gap:6px; min-height:0;
  padding:12px 2px 10px; border-radius:14px; font-size:11.5px; font-weight:800; letter-spacing:-.3px;
  white-space:nowrap; color:#1f2937; background:linear-gradient(160deg,#f2f3ff,#f7f0ff); border:1px solid #e3e6fb; }
.mpnn-sheet .mpnn-tiles a.mpnn-tile:active{ background:#e8e9ff; }
.mpnn-sheet .mpnn-tiles .mpnn-ic{ width:auto; font-size:28px; line-height:1; }
body.dark-mode .mpnn-sheet .mpnn-tiles a.mpnn-tile{ color:#e5e7eb; background:#374151; border-color:#4b5563; }

.mpnn-guide .g-top{ display:none !important; }

@media (max-width: 767px){

}

@media (max-width: 599px) and (max-height: 620px){
  .mpnnav{ height:44px; }
  .mpnn-inner{ padding:0 10px; }
  .mpnn-sym{ width:23px; height:23px; border-radius:6px; font-size:12px; }
  .mpnn-word{ font-size:16px; }
  .mpnn-dom{ font-size:8.5px; }
  .mpnn-ico{ height:30px; min-width:30px; padding:0 8px; font-size:12px; }
  .mpnn-tab{ height:46px; gap:2px; font-size:9.5px; }
  .mpnn-tab .mpnn-ti{ font-size:16px; }
  body{ padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important; }
  .family-header{ top:44px !important; }
  .family-footer{ bottom: calc(46px + env(safe-area-inset-bottom)) !important; }
  .family-container{ padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
  .mpnn-sheet{ max-height:calc(80 * var(--vhz, 1vh)); padding-top:4px; bottom:calc(46px + env(safe-area-inset-bottom)); }
  .mpnn-sheet a{ min-height:42px; padding:9px 10px; font-size:14px; }
}

.mpnnav.mpnn-tight .mpnn-inner{ padding:0 8px; }
.mpnnav.mpnn-tight .mpnn-logo{ margin-right:14px; gap:7px; }
.mpnnav.mpnn-tight .mpnn-sym{ width:31px; height:31px; border-radius:8px; font-size:17px; }
.mpnnav.mpnn-tight .mpnn-word{ font-size:21px; }
.mpnnav.mpnn-tight .mpnn-dom{ font-size:11px; }
.mpnnav.mpnn-tight .mpnn-link{ padding:0 11px; font-size:14.5px; }
.mpnnav.mpnn-tight .mpnn-right{ gap:5px; }
.mpnnav.mpnn-tight .mpnn-ico{ padding:0 9px; font-size:12.5px; }

.mpnnav.mpnn-tight2 .mpnn-sym{ width:23px; height:23px; border-radius:6px; font-size:12px; }
.mpnnav.mpnn-tight2 .mpnn-word{ font-size:18px; }
.mpnnav.mpnn-tight2 .mpnn-dom{ font-size:10px; }
.mpnnav.mpnn-tight2 .mpnn-logo{ margin-right:8px; gap:4px; }
.mpnnav.mpnn-tight2 .mpnn-link{ padding:0 8px; font-size:13.5px; }
.mpnnav.mpnn-tight2 .mpnn-ico{ padding:0 8px; font-size:12px; height:38px; min-width:38px; }
.mpnnav.mpnn-tight2 .mpnn-right{ gap:4px; }

@media (min-width: 768px) and (max-width: 959px){
  .mpnn-inner{ padding:0 8px; }
  .mpnn-logo{ margin-right:14px; gap:7px; }
  .mpnn-sym{ width:29px; height:29px; border-radius:7px; font-size:15px; }
  .mpnn-word{ font-size:19px; }
  .mpnn-link{ padding:0 11px; font-size:14.5px; }
  .mpnn-right{ gap:5px; }
  .mpnn-ico{ padding:0 9px; font-size:12.5px; }
}

body.mpnn-wideselect .container{ max-width:1100px !important; }
body.mpnn-wideselect .content-wrapper,
body.mpnn-wideselect .choice-grid{ max-width:1040px !important; }

.mpnnav{ background:transparent !important; box-shadow:none !important; border-bottom:0 !important; }
.mpnn-inner{ background:#fff; margin:0 auto; padding:0 20px; }
body.dark-mode .mpnn-inner{ background:#1f2937; }

.container, .mpnn-guide .page{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; }
@media (max-width: 767px){

  .mpnn-inner{ padding:0 12px; }
}

@media (min-width: 768px){
  body.mpnn-hascard .mpnn-inner{ border:1px solid #e5e7eb; border-bottom:0;
    border-radius:14px 14px 0 0; }
  body.mpnn-hascard .container,
  body.mpnn-hascard.mpnn-guide .page{ border:1px solid #e5e7eb !important; border-top:0 !important; }
  body.dark-mode.mpnn-hascard .mpnn-inner{ border-color:#374151; }
  body.dark-mode.mpnn-hascard .container,
  body.dark-mode.mpnn-hascard.mpnn-guide .page{ border-color:#374151 !important; }
}

body.mpnn-stuck .mpnn-inner{ box-shadow:0 2px 10px rgba(15,23,42,.07); }

body{ height:auto !important; min-height:100% !important; }

@media (max-width: 767px){
  .calc-reset-card-btn{ bottom: calc(14px + 56px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 599px) and (max-height: 620px){
  .calc-reset-card-btn{ bottom: calc(10px + 46px + env(safe-area-inset-bottom)) !important; }
}
@media (max-width: 1023px) and (max-height: 540px) and (min-aspect-ratio: 1/1){

  .calc-reset-card-btn{ bottom: 14px !important; }
}

@media (max-width: 767px){
  .modal-overlay, .bottom-sheet-modal, #unlk-overlay, #subsidy-overlay{
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }
}
@media (max-width: 599px) and (max-height: 620px){
  .modal-overlay, .bottom-sheet-modal, #unlk-overlay, #subsidy-overlay{
    padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important;
  }
}
@media (max-width: 1023px) and (max-height: 540px) and (min-aspect-ratio: 1/1){
  .modal-overlay, .bottom-sheet-modal, #unlk-overlay, #subsidy-overlay{ padding-bottom: 0 !important; }
}

@media (max-width: 767px){
  .modal-content{ max-height: min(calc(85 * var(--vhz, 1vh)), calc(calc(100 * var(--dvhz, 1dvh)) - 56px - 34px)) !important; }
}
@media (max-width: 599px) and (max-height: 620px){
  .modal-content{ max-height: min(calc(88 * var(--vhz, 1vh)), calc(calc(100 * var(--dvhz, 1dvh)) - 46px - 40px)) !important; }
}
@media (max-width: 1023px) and (max-height: 540px) and (min-aspect-ratio: 1/1){
  .modal-content{ max-height: min(calc(90 * var(--vhz, 1vh)), calc(calc(100 * var(--dvhz, 1dvh)) - 96px)) !important; }
}

@media (max-width: 767px){
  html, body{ overflow-x: clip !important; overflow-y: visible !important; }
}

.mpnn-sub{ position:relative; }
.mpnn-drop a.mpnn-hassub::after{ content:'▸'; margin-left:auto; padding-left:8px;
  font-size:11px; color:#9ca3af; }
.mpnn-sub:hover > a.mpnn-hassub,
.mpnn-sub:focus-within > a.mpnn-hassub{ background:#e8f0fe; color:#1a73e8; }
body.dark-mode .mpnn-sub:hover > a.mpnn-hassub,
body.dark-mode .mpnn-sub:focus-within > a.mpnn-hassub{ background:#374151; color:#4f9bff; }

.mpnn-flyout{ position:absolute; left:0; top:-9px; min-width:222px;
  background:#fff; border:1px solid #e5e7eb; border-radius:12px;
  box-shadow:0 14px 34px rgba(15,23,42,.16); padding:8px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:none; z-index:6; }

.mpnn-flyout::before{ content:''; position:absolute; left:-9px; top:0; width:9px; height:100%; }
.mpnn-sub:hover > .mpnn-flyout,
.mpnn-sub:focus-within > .mpnn-flyout{ left:100%; margin-left:3px; opacity:1; visibility:visible;
  pointer-events:auto; transition:opacity .15s; }

.mpnn-sub.mpnn-flip:hover > .mpnn-flyout,
.mpnn-sub.mpnn-flip:focus-within > .mpnn-flyout{ left:auto; right:100%; margin:0 3px 0 0; }
.mpnn-sub.mpnn-flip > .mpnn-flyout::before{ left:auto; right:-9px; }

.mpnn-sub.mpnn-subon > .mpnn-flyout{ left:100%; margin-left:3px; opacity:1; visibility:visible; pointer-events:auto; }
.mpnn-sub.mpnn-flip.mpnn-subon > .mpnn-flyout{ left:auto; right:100%; margin:0 3px 0 0; }
.mpnn-sub.mpnn-subon > a.mpnn-hassub{ background:#e8f0fe; color:#1a73e8; }
body.dark-mode .mpnn-sub.mpnn-subon > a.mpnn-hassub{ background:#374151; color:#4f9bff; }
body.dark-mode .mpnn-flyout{ background:#1f2937; border-color:#374151; }

.mpnn-sheet a.mpnn-acc .mpnn-accar{ margin-left:auto; font-size:10px; color:#9ca3af;
  transition:transform .18s; }
.mpnn-sheet a.mpnn-acc.mpnn-accon{ color:#1a73e8; }
.mpnn-sheet a.mpnn-acc.mpnn-accon .mpnn-accar{ transform:rotate(180deg); color:#1a73e8; }
body.dark-mode .mpnn-sheet a.mpnn-acc.mpnn-accon{ color:#4f9bff; }
.mpnn-accbox{ display:none; }
.mpnn-sheet a.mpnn-acc.mpnn-accon + .mpnn-accbox{ display:block; }
.mpnn-sheet a.mpnn-in{ padding-left:30px; font-size:14.5px; min-height:44px; }
.mpnn-sheet a.mpnn-in .mpnn-ic{ font-size:15px; }

.mpnn-cdim{ position:fixed; inset:0; z-index:10060; background:rgba(15,23,42,.5);
  display:flex; align-items:center; justify-content:center; padding:20px;
  animation:mpnn-cin .16s ease-out; }
@keyframes mpnn-cin{ from{ opacity:0; } to{ opacity:1; } }
.mpnn-card{ position:relative; width:100%; max-width:392px; background:#fff; border-radius:16px;
  padding:24px 22px 20px; box-shadow:0 24px 60px rgba(15,23,42,.3);
  font-family:inherit; color:#374151; text-align:left; }
.mpnn-card h3{ margin:0 0 8px; font-size:19px; font-weight:800; color:#111827; }
.mpnn-cdesc{ margin:0 0 16px; font-size:14px; line-height:1.6; color:#6b7280; word-break:keep-all; }
.mpnn-cx{ position:absolute; top:12px; right:12px; width:34px; height:34px; border:0;
  border-radius:50%; background:#eef2f7; color:#4b5563; font-size:14px; line-height:1;
  display:flex; align-items:center; justify-content:center; cursor:pointer; font-family:inherit; }
.mpnn-cmail{ display:flex; align-items:center; gap:8px; padding:11px 12px; margin-bottom:12px;
  background:#f3f4f6; border-radius:10px; }
.mpnn-cmail span{ flex:1; min-width:0; font-size:14.5px; font-weight:700; color:#111827;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mpnn-cmail a{ flex:1; min-width:0; font-size:14.5px; font-weight:700; color:#111827; line-height:1.6; padding-bottom:3px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:underline; text-underline-offset:3px; }
.mpnn-ccopy{ flex:none; height:32px; padding:0 12px; border:1px solid #d1d5db; border-radius:8px;
  background:#fff; color:#374151; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit; }
.mpnn-ccopy:hover{ border-color:#1a73e8; color:#1a73e8; }
.mpnn-ccopy.mpnn-cdone{ border-color:#16a34a; color:#16a34a; }
.mpnn-cbtn{ display:flex; align-items:center; justify-content:center; min-height:46px;
  margin-bottom:8px; border-radius:10px; border:1px solid #d1d5db; background:#fff;
  color:#374151; font-size:15px; font-weight:700; text-decoration:none; }
.mpnn-cbtn:hover{ border-color:#1a73e8; color:#1a73e8; }
.mpnn-cbtn-main{ background:#1a73e8; border-color:#1a73e8; color:#fff; }
.mpnn-cbtn-main:hover{ background:#1668d4; border-color:#1668d4; color:#fff; }
.mpnn-cnote{ margin:10px 0 0; font-size:12.5px; line-height:1.5; color:#9ca3af; word-break:keep-all; }
body.dark-mode .mpnn-card{ background:#1f2937; color:#e5e7eb; }
body.dark-mode .mpnn-card h3{ color:#f9fafb; }
body.dark-mode .mpnn-cdesc{ color:#9ca3af; }
body.dark-mode .mpnn-cx{ background:#374151; color:#e5e7eb; }
body.dark-mode .mpnn-cmail{ background:#111827; }
body.dark-mode .mpnn-cmail span{ color:#f9fafb; }
body.dark-mode .mpnn-cmail a{ color:#f9fafb; }
body.dark-mode .mpnn-ccopy,
body.dark-mode .mpnn-cbtn{ background:#1f2937; border-color:#4b5563; color:#e5e7eb; }
body.dark-mode .mpnn-cbtn-main{ background:#1a73e8; border-color:#1a73e8; color:#fff; }
.mpnn-card:focus{ outline:none; }

.mpnnav.mpnn-measuring .mpnn-flyout{ display:none !important; }

@media (max-width: 767px){ .mpnn-cnote{ display:none; } }

.mpnn-sub.mpnn-flip > a.mpnn-hassub::after{ content:'◂'; }

html.pcs-on .modal-overlay,
html.pcs-on .modal,
html.pcs-on #coverageCheckModal,
html.pcs-on .bottom-sheet-modal,
html.pcs-on .settop-lb,
html.pcs-on .cmpn-ov,
html.pcs-on #notify-consent-overlay,
html.pcs-on #board-dialog-overlay,
html.pcs-on .center-notice-overlay,
html.pcs-on #bundle-wizard-modal,
html.pcs-on #change-wizard-modal,
html.pcs-on #family-combo-wizard-modal,
html.pcs-on #phone-bundle-wizard-modal,
html.pcs-on .mpnn-sheet,
html.pcs-on .mpnn-life {
  --primary: #b44220; --primary-hover: #9a3719; --primary-light: #f6e6da;
}
html.pcs-on body.dark-mode .modal-overlay,
html.pcs-on body.dark-mode .modal,
html.pcs-on body.dark-mode #coverageCheckModal,
html.pcs-on body.dark-mode .bottom-sheet-modal,
html.pcs-on body.dark-mode .settop-lb,
html.pcs-on body.dark-mode .cmpn-ov,
html.pcs-on body.dark-mode #notify-consent-overlay,
html.pcs-on body.dark-mode #board-dialog-overlay,
html.pcs-on body.dark-mode .center-notice-overlay,
html.pcs-on body.dark-mode #bundle-wizard-modal,
html.pcs-on body.dark-mode #change-wizard-modal,
html.pcs-on body.dark-mode #family-combo-wizard-modal,
html.pcs-on body.dark-mode #phone-bundle-wizard-modal,
html.pcs-on body.dark-mode .mpnn-sheet,
html.pcs-on body.dark-mode .mpnn-life {
  --primary: #e9dcc0; --primary-hover: #d9c9a5; --primary-light: #33301f;
}