/* MediPoi v7.0 — navigation and typography; only active on the front page. */
body.mp70-ready {
  --mp70-text:#203b4a; --mp70-muted:#708894; --mp70-brand:#238e7e;
  --mp70-tint:#edf7f4; --mp70-border:#dce9e9; --mp70-surface:#fff;
  --mp70-font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
  padding-bottom:calc(94px + env(safe-area-inset-bottom,0px));
}
body.mp70-ready .mp70-shell,body.mp70-ready .mp70-shell *{box-sizing:border-box}
body.mp70-ready .mp70-shell{font-family:var(--mp70-font)!important;color:var(--mp70-text);max-width:1050px;margin:12px auto 28px;width:100%;}
body.mp70-ready .mp70-apphead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 14px;padding:3px 1px 0;}
body.mp70-ready .mp70-apphead .mp70-brandmark{font-size:13px;font-weight:750;letter-spacing:.2px;color:var(--mp70-text)}
body.mp70-ready .mp70-apphead .mp70-brandmark b{color:var(--mp70-brand);font-weight:800}
body.mp70-ready .mp70-apphead .mp70-appdate{font-size:11px;font-weight:600;color:var(--mp70-muted);font-variant-numeric:tabular-nums}
body.mp70-ready .mp70-panel[hidden]{display:none!important}
body.mp70-ready .mp70-panel{display:block;min-width:0;animation:mp70-appear .18s ease-out both;}
@keyframes mp70-appear{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:none}}
body.mp70-ready .mp70-eyebrow{display:block;font-size:10px;font-weight:780;letter-spacing:1.6px;color:var(--mp70-brand);line-height:1.4}
body.mp70-ready .mp70-viewlead{padding:4px 4px 12px;}
body.mp70-ready .mp70-viewlead h1{font-size:23px!important;line-height:1.34!important;font-weight:780!important;letter-spacing:-.035em;margin:5px 0 4px!important;color:var(--mp70-text)!important;padding:0!important;border:0!important;background:none!important;}
body.mp70-ready .mp70-viewlead p{color:var(--mp70-muted)!important;font-size:12px!important;line-height:1.6!important;margin:0!important}
body.mp70-ready .mp70-empty{background:var(--mp70-surface);border:1px solid var(--mp70-border);border-radius:16px;padding:22px 18px;font-size:13px;color:var(--mp70-muted)}
body.mp70-ready .mp70-nav{display:flex;gap:5px;align-items:stretch;justify-content:space-between;background:rgba(255,255,255,.96);border:1px solid #deebec;border-radius:20px;box-shadow:0 10px 34px rgba(19,53,64,.13),0 1px 2px rgba(19,53,64,.035);z-index:9996;padding:6px;}
body.mp70-ready .mp70-tab{appearance:none;-webkit-appearance:none;border:0!important;box-shadow:none!important;background:transparent!important;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1;gap:3px;min-width:0;min-height:54px;margin:0!important;padding:7px 2px!important;border-radius:14px!important;font-family:var(--mp70-font);font-size:10px!important;line-height:1.2!important;font-weight:650!important;color:#6b828e!important;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;}
body.mp70-ready .mp70-tab svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
body.mp70-ready .mp70-tab[aria-selected="true"]{color:#147d70!important;background:#e8f5f1!important;font-weight:790!important}
body.mp70-ready .mp70-tab:hover{background:#f1f7f6!important}
body.mp70-ready .mp70-tab:focus-visible,body.mp70-ready .mp70-shell a:focus-visible{outline:3px solid #2ca88d!important;outline-offset:2px}
body.mp70-ready .mp70-pr{font-size:10px;color:var(--mp70-muted);border-radius:20px;background:#f3f7f7;padding:7px 10px;white-space:nowrap}
/* Consistent typography across the existing independent Code Snippets. */
body.mp70-ready .mp70-panel :is(.mph4,.mpa-hub,.mph4-daily,.mpst3,.mpref5,.mpref60-news,.mpv7-benefits,.mp70-preview){font-family:var(--mp70-font)!important;letter-spacing:normal;}
body.mp70-ready .mp70-panel :is(.mph4-heading h2,.mpa-head h2,.mpst3-head h2,.mpref5-heading h2,.mpref60-news h3){font-family:var(--mp70-font)!important;font-size:19px!important;font-weight:750!important;line-height:1.42!important;letter-spacing:-.02em!important;color:var(--mp70-text)!important}
body.mp70-ready .mp70-panel :is(.mph4-action-copy strong,.mpa-main>strong,.mpst3-copy h3,.mpref60-news-name){font-family:var(--mp70-font)!important;font-weight:700!important;letter-spacing:-.015em!important}
body.mp70-ready .mp70-panel .mph4-action-copy strong{font-size:13px!important;line-height:1.45!important}
body.mp70-ready .mp70-panel .mph4-action-copy small{font-size:11px!important;line-height:1.4!important;font-weight:450!important}
body.mp70-ready .mp70-panel .mph4-label{font-size:10px!important;font-weight:650!important;letter-spacing:.3px!important;}
body.mp70-ready .mp70-panel .mph4-daily{width:100%!important;max-width:none!important;border:1px solid var(--mp70-border)!important;background:white!important;border-radius:20px!important;padding:17px 14px!important;margin:0 0 13px!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-heading{margin-bottom:14px!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-action{border-radius:14px!important;min-height:66px!important;padding:11px 10px!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-action-icon{height:36px!important;width:36px!important;flex:none!important;}
body.mp70-ready .mp70-panel :is(.mph4,.mpa-hub,.mpst3,.mpref5,.mpref60-news,.mp70-preview){box-shadow:none!important}
body.mp70-ready .mp70-panel .mpa-hub{border-radius:19px!important;max-width:none!important}
body.mp70-ready .mp70-panel .mpa-card{border-color:#e4eded!important;}
body.mp70-ready .mp70-panel .mpa-end a{background:#249080!important;border-radius:10px!important;min-height:38px!important;display:inline-flex!important;align-items:center;justify-content:center}
body.mp70-ready .mp70-panel .mpa-checkin,body.mp70-ready .mp70-panel .mpa-streak,body.mp70-ready .mp70-panel .mpa-bottom{display:none!important}
body.mp70-ready .mp70-panel .mpref60-income,body.mp70-ready .mp70-panel [data-mpref60-income]{display:none!important}
body.mp70-ready .mp70-panel .mph4-head .mpv6-figure{display:none!important}
body.mp70-ready .mp70-panel .mph4-head{background:linear-gradient(120deg,#fff 60%,#edf8f6)!important;margin-bottom:11px!important;border-radius:17px!important;padding:14px 16px!important}
body.mp70-ready .mp70-panel .mph4-head .mpv6-hero h2{font-size:17px!important;font-weight:770!important}
body.mp70-ready .mp70-panel .mph4-head .mpv6-hero p{font-size:12px!important}
body.mp70-ready .mp70-panel .mpv7-benefits{display:block!important;margin-top:14px!important}
body.mp70-ready .mp70-panel .mpv7-benefits-grid{grid-template-columns:1fr!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-action{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
body.mp70-ready .mp70-panel .mph4-daily .mph4-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.mp70-ready .mp70-panel .mpst3{margin:0 0 14px!important;max-width:none!important}
body.mp70-ready .mp70-panel .mpref5{margin:12px auto!important;max-width:none!important}
body.mp70-ready .mp70-panel .mpref5 .mpref5-item{border-radius:15px!important}
/* Small contextual bonus preview; full referral cards appear only in the benefits view. */
body.mp70-ready .mp70-preview{margin:17px 0 7px;padding:17px 15px;background:#fff;border:1px solid var(--mp70-border);border-radius:19px;}
body.mp70-ready .mp70-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
body.mp70-ready .mp70-preview-head h2{font-size:17px!important;line-height:1.35!important;font-weight:750!important;margin:3px 0 0!important;padding:0!important;background:none!important;border:0!important;color:var(--mp70-text)!important;}
body.mp70-ready .mp70-preview-list{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #edf2f3}
body.mp70-ready .mp70-preview-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto 15px;gap:10px;align-items:center;min-width:0;padding:11px 3px;text-decoration:none!important;color:var(--mp70-text)!important;border-bottom:1px solid #edf2f3}
body.mp70-ready .mp70-preview-item img,body.mp70-ready .mp70-avatar{display:block;width:36px;height:36px;object-fit:contain;border-radius:10px;border:1px solid #eef3f3;background:white}
body.mp70-ready .mp70-avatar{background:var(--mp70-tint);display:grid;place-items:center;color:#288f81;font-weight:800}
body.mp70-ready .mp70-preview-name{font-size:13px;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mp70-ready .mp70-preview-value{font-size:16px;font-weight:800;color:#ce6474;white-space:nowrap;font-variant-numeric:tabular-nums}
body.mp70-ready .mp70-preview-value small{font-size:9px;font-weight:600;margin-left:3px}
body.mp70-ready .mp70-preview-item svg{width:15px;height:15px;fill:none;stroke:#92a4ad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.mp70-ready .mp70-preview-note,body.mp70-ready .mp70-campaign-note{font-size:10px!important;line-height:1.65!important;color:#8c9ca5!important;margin:10px 0 0!important}
body.mp70-ready .mp70-preview-more{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border:1px solid #c6e5db;background:#f0faf6;color:#158270!important;border-radius:12px;text-decoration:none!important;font-size:12px;font-weight:750;margin-top:12px}
body.mp70-ready .mp70-preview-more:hover{background:#e7f4ef}
body.mp70-ready .mp70-campaigns{background:#fff;border:1px solid var(--mp70-border);border-radius:18px;padding:16px 15px;margin:0 0 16px}
body.mp70-ready .mp70-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
body.mp70-ready .mp70-section-heading h2{font-size:18px!important;font-weight:760!important;line-height:1.4!important;margin:3px 0!important;padding:0!important;border:0!important;color:var(--mp70-text)!important;background:none!important}
body.mp70-ready .mp70-mini-count{color:var(--mp70-brand);font-size:12px;font-weight:650}
body.mp70-ready .mp70-campaign-list{border-top:1px solid #e8efef}
body.mp70-ready .mp70-campaign{display:grid;grid-template-columns:83px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:14px 3px;border-bottom:1px solid #edf2f2;text-decoration:none!important;color:var(--mp70-text)!important}
body.mp70-ready .mp70-campaign-label{font-size:11px;color:var(--mp70-brand);font-weight:740;white-space:nowrap}
body.mp70-ready .mp70-campaign strong{font-size:13px;font-weight:700;line-height:1.55}
body.mp70-ready .mp70-campaign>span:last-child{color:var(--mp70-brand)}
/* Explicit defaults for mobile web vs larger screens */
@media(max-width:719px){
  body.mp70-ready .mp70-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:540px;margin:0 auto;min-height:66px;}
  body.mp70-ready .mp70-shell{margin-top:9px}
  body.mp70-ready .mp70-apphead{margin-bottom:10px}
  body.mp70-ready .mp70-panel .mph4{margin:0!important;width:100%!important}
  body.mp70-ready .mp70-panel .mpa-card{padding:9px 10px!important;gap:8px!important}
  body.mp70-ready .mp70-panel .mpa-main>strong{font-size:13px!important;line-height:1.47!important}
  body.mp70-ready .mp70-panel .mph4-grid{row-gap:12px!important}
  body.mp70-ready .mp70-panel .mph4-name{font-size:10px!important;min-height:13px!important}
  body.mp70-ready .mp70-panel .mph4-icon{width:47px!important;height:47px!important}
  body.mp70-ready .mp70-panel .mpref5{padding:15px 12px!important}
  body.mp70-ready .mp70-panel .mpst3-list{grid-template-columns:1fr!important}
  body.mp70-ready .mp70-panel .mpst3-item:first-child{grid-column:auto!important}
  body.mp70-ready .mp70-panel .mpst3-copy h3{font-size:14px!important}
  body.mp70-ready .mp70-panel .mpst3-copy p{font-size:11px!important}
}
@media(min-width:720px){
  body.mp70-ready{padding-bottom:0}
  body.mp70-ready .mp70-nav{position:sticky;top:12px;max-width:650px;margin:5px auto 20px;padding:7px;background:rgba(255,255,255,.95)}
  body.mp70-ready .mp70-tab{flex-direction:row;gap:10px;min-height:46px;font-size:13px!important}
  body.mp70-ready .mp70-tab svg{width:19px;height:19px}
  body.mp70-ready .mp70-panel{min-height:340px}
  body.mp70-ready .mp70-preview-list{grid-template-columns:repeat(3,1fr);gap:9px;border:0}
  body.mp70-ready .mp70-preview-item{border:1px solid #e6eeee;border-radius:12px;grid-template-columns:35px 1fr;grid-template-rows:auto auto;gap:5px 10px;padding:12px}
  body.mp70-ready .mp70-preview-value{grid-column:2;grid-row:2}
  body.mp70-ready .mp70-preview-item svg{display:none}
  body.mp70-ready .mp70-preview-name{font-size:13px}
  body.mp70-ready .mp70-panel .mpst3-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.mp70-ready .mp70-panel .mpst3-item:first-child{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){body.mp70-ready .mp70-panel{animation:none!important}}
