/* Heritage Magazine — subscriptions front end. Uses the theme's tokens
   (--mhs-gold etc.) with fallbacks so it also works standalone. */
:root{--mhs-gold:#C2A368;--mhs-gold-d:#A98842;--mhs-ink:#1b1a16;--mhs-bg:#f6f2ea;--mhs-line:#e3ddcd;--mhs-mut:#8a8472;--mhs-body:#2f2d27;}

/* buttons */
/* buttons — !important so they always win over the theme's .mhs-article a:link
   rules (the paywall renders inside .mhs-article, which colours + underlines links) */
.mhs-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;
  padding:12px 22px;font:inherit;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;transition:all .16s;}
.mhs-sbtn,.mhs-sbtn:link,.mhs-sbtn:visited,.mhs-sbtn:hover{text-decoration:none !important;}
.mhs-sbtn--gold,.mhs-sbtn--gold:link,.mhs-sbtn--gold:visited{background:var(--mhs-gold-d);color:#fff !important;}
.mhs-sbtn--gold:hover{background:#93712f;color:#fff !important;transform:translateY(-1px);box-shadow:0 8px 20px -10px rgba(35,32,27,.5);}
.mhs-sbtn--ghost,.mhs-sbtn--ghost:link,.mhs-sbtn--ghost:visited{background:#fff;border-color:var(--mhs-line);color:var(--mhs-ink) !important;}
.mhs-sbtn--ghost:hover{border-color:var(--mhs-gold-d);color:var(--mhs-gold-d) !important;}
.mhs-sbtn--full{width:100%;}

/* generic card + notices */
.mhs-card{background:#fff;border:1px solid #ece5d6;border-radius:16px;padding:26px 28px;box-shadow:0 10px 26px -20px rgba(35,32,27,.5);margin:0 0 22px;}
.mhs-note{border-radius:10px;padding:12px 16px;margin:0 0 20px;font-size:14.5px;}
.mhs-note.is-ok{background:#eef6ee;border:1px solid #cfe6cf;color:#2d6a34;}
.mhs-note.is-err{background:#fbeeee;border:1px solid #efd0d0;color:#9a3b3b;}
.mhs-empty2{color:var(--mhs-mut);padding:30px 0;font-size:15.5px;}
.mhs-status{background:#faf7ef;border:1px solid #ece0c8;border-radius:12px;padding:14px 18px;margin:0 0 20px;color:#6f6752;font-size:15px;}
.mhs-status.is-active{background:#f2f7f0;border-color:#d3e6cc;color:#3c6b39;}

/* forms */
.mhs-card label{display:block;font-weight:600;color:var(--mhs-ink);font-size:14px;margin:0 0 16px;}
.mhs-card input[type=text],.mhs-card input[type=email],.mhs-card input[type=password],.mhs-card input[type=number],.mhs-card textarea,.mhs-card input[type=file]{
  width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--mhs-line);border-radius:10px;background:#faf8f3;font:inherit;font-size:15px;color:var(--mhs-ink);}
.mhs-card input:focus,.mhs-card textarea:focus{outline:2px solid var(--mhs-gold);outline-offset:1px;border-color:var(--mhs-gold);}
.mhs-card .mhs-sbtn{margin-top:6px;}
/* email, phone and one-time codes are Latin/numeric — type them left-to-right
   even though the label above them is Dhivehi */
.mhs-card input[type=email],
.mhs-card input[type=tel],
.mhs-card input[name=phone],
.mhs-card input[name=mhs_log],
.mhs-card input[name=mhs_otp]{direction:ltr;text-align:left;}

/* ---- notification switches (account) ----
   Selectors are .mhs-card label.mhs-ntog on purpose: the card's own
   `.mhs-card label{display:block}` is element+class and would otherwise win. */
.mhs-note2{margin:0 0 22px;color:var(--mhs-mut);font-size:14px;line-height:1.95;}
.mhs-card label.mhs-ntog{display:flex;align-items:center;gap:16px;margin:0 0 6px;padding:14px 4px;
  border-bottom:1px solid #f2ece0;cursor:pointer;font-weight:400;}
.mhs-card label.mhs-ntog:last-of-type{border-bottom:0;margin-bottom:14px;}
.mhs-card label.mhs-ntog input{position:absolute;width:1px;height:1px;opacity:0;margin:0;}
.mhs-ntog__sw{position:relative;flex:0 0 auto;width:52px;height:30px;border-radius:999px;
  background:#e0dacd;border:1px solid #d2ccbd;transition:background .18s,border-color .18s;}
/* RTL: the knob rests on the right and travels left when switched on */
.mhs-ntog__sw::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(35,32,27,.35);transition:transform .2s ease;}
.mhs-card label.mhs-ntog input:checked + .mhs-ntog__sw{background:var(--mhs-gold);border-color:var(--mhs-gold-d);}
.mhs-card label.mhs-ntog input:checked + .mhs-ntog__sw::after{transform:translateX(-22px);}
.mhs-card label.mhs-ntog input:focus-visible + .mhs-ntog__sw{box-shadow:0 0 0 3px rgba(194,163,104,.45);}
.mhs-ntog__txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
.mhs-ntog__txt b{font-size:15.5px;font-weight:600;color:var(--mhs-ink);line-height:1.9;}
.mhs-ntog__txt em{font-style:normal;font-size:13.5px;color:var(--mhs-mut);line-height:1.85;}

/* ---- forgotten password ---- */
.mhs-fp__h{margin:0 0 8px;font-size:19px;font-weight:700;color:var(--mhs-ink);}
.mhs-fp__t{margin:0 0 18px;color:var(--mhs-mut);font-size:14.5px;line-height:1.95;}
.mhs-card input[name=mhs_otp]{font-family:Menlo,Consolas,monospace;font-size:26px;font-weight:700;
  letter-spacing:.34em;text-align:center;padding:14px 13px;}
.mhs-fp__help{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--mhs-line);
  color:var(--mhs-mut);font-size:13.5px;line-height:1.9;}

/* ---- paywall ---- */
/* the preview fades out; the frosted gate box overlaps its tail so the faded
   text shows through blurred, and nothing is visible below the box */
.mhs-pw{position:relative;}
/* extra faded lines below the readable teaser, each fainter than the one above */
/* min-height matters: the gate below pulls itself up by 15em+50px, so a short
   article must still leave that much column height or the card rides up over
   the title / hero instead of sitting inside the article */
.mhs-pw__peek{position:relative;min-height:calc(20em + 50px);max-height:34em;overflow:hidden;color:var(--mhs-body);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 32%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.38) 70%,rgba(0,0,0,.2) 85%,rgba(0,0,0,.07) 100%);
  mask-image:linear-gradient(to bottom,#000 0,#000 32%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.38) 70%,rgba(0,0,0,.2) 85%,rgba(0,0,0,.07) 100%);}
.mhs-pw__peek p{line-height:2.15;}
.mhs-pw__gate{position:relative;z-index:2;margin-top:calc(-15em - 50px);display:flex;justify-content:center;}
.mhs-pw__card{background:rgba(255,253,248,.55);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05);
  border:1px solid rgba(214,198,162,.5);border-radius:18px;padding:34px 30px;text-align:center;
  box-shadow:0 26px 60px -28px rgba(35,32,27,.5),inset 0 1px 0 rgba(255,255,255,.6);max-width:560px;margin:0 auto;width:100%;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .mhs-pw__card{background:rgba(255,253,248,.9);} /* no blur support → keep it legible */
}
@media(max-width:600px){.mhs-pw__peek{min-height:17em;max-height:22em;}.mhs-pw__gate{margin-top:-13em;}}
.mhs-pw__lock{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:#faf3e4;color:var(--mhs-gold-d);margin-bottom:10px;}
.mhs-pw__h{font-size:22px;font-weight:700;color:var(--mhs-ink);margin:6px 0 8px;}
.mhs-pw__credits{display:inline-block;background:#faf3e4;border:1px solid #ecdcb8;color:#8a6d1f;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;margin:0 0 14px;}
.mhs-pw__credits b{color:var(--mhs-gold-d);}
.mhs-pw__t{color:var(--mhs-mut);font-size:15.5px;line-height:1.9;margin:0 0 20px;}
.mhs-pw__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.mhs-pw__btns form{margin:0;}
.mhs-pw__alt{margin:16px 0 0;font-size:14px;color:var(--mhs-mut);}
.mhs-pw__alt a,.mhs-pw__link,.mhs-pw__link:link,.mhs-pw__link:visited{color:var(--mhs-gold-d) !important;font-weight:700;text-decoration:none !important;}
.mhs-pw__alt a:hover{color:var(--mhs-ink) !important;}
.mhs-pw__valid{margin:24px 0 2px;font-size:13.5px;line-height:1.85;color:#8a6d1f;}
.mhs-pw__over{display:inline-block;background:#fbeeee;border:1px solid #eccfcf;color:#9a3b3b;border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:600;margin:0 0 14px;}

/* countdown bar atop an article opened for a limited period (purchase / pack credit) */
.mhs-timebar{background:#faf7ef;border:1px solid #ece0c8;border-radius:12px;padding:14px 18px;margin:0 0 28px;}
.mhs-timebar__row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:9px;}
.mhs-timebar__l{font-size:14px;font-weight:600;color:#6f6752;}
.mhs-timebar__v{font-size:14px;font-weight:700;color:var(--mhs-gold-d);white-space:nowrap;}
.mhs-timebar__track{height:8px;border-radius:999px;background:#eadfc6;overflow:hidden;}
.mhs-timebar__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--mhs-gold),var(--mhs-gold-d));transition:width .4s;}
.mhs-timebar.is-low .mhs-timebar__fill{background:linear-gradient(90deg,#d98b4a,#b5562b);}
.mhs-timebar.is-low .mhs-timebar__v{color:#b5562b;}
@media(max-width:520px){.mhs-timebar__row{flex-wrap:wrap;gap:4px 12px;}.mhs-timebar__l{flex:1 1 100%;}}

/* ---- auth ---- */
.mhs-auth{max-width:460px;margin:0 auto;}
.mhs-auth__tabs{display:flex;gap:6px;background:#f0eadc;border-radius:12px;padding:5px;margin:0 0 18px;}
.mhs-auth__tab{flex:1;border:0;background:none;border-radius:9px;padding:11px;font:inherit;font-weight:700;color:var(--mhs-mut);cursor:pointer;}
.mhs-auth__tab.is-on{background:#fff;color:var(--mhs-ink);box-shadow:0 4px 12px -8px rgba(0,0,0,.3);}
.mhs-auth__panel{display:none;}
.mhs-auth__panel.is-on{display:block;}
.mhs-authed{max-width:460px;margin:0 auto;text-align:center;}
.mhs-authed .mhs-sbtn{margin:6px 4px 0;}

/* ---- plans ---- *
 * Card anatomy follows the reference pricing layout: a small kind label, the
 * plan name, a one-line descriptor, then a CTA-and-price row, then a ticked
 * feature list. One plan can be highlighted with a gold ring + ribbon.
 */
.mhs-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
.mhs-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ece5d6;border-radius:22px;
  box-shadow:0 14px 34px -26px rgba(35,32,27,.5);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.mhs-plan:hover{transform:translateY(-4px);border-color:#e0d6bf;box-shadow:0 30px 52px -26px rgba(35,32,27,.5);}
.mhs-plan__body{display:flex;flex-direction:column;flex:1;padding:26px 24px 24px;}

/* the highlighted plan: the card sits on a gold sheet, so the ribbon reads as
   part of the frame and a 2px gold edge shows all the way round */
.mhs-plan.is-hot{border:0;padding:2px;background:linear-gradient(150deg,#e8d3a1 0%,var(--mhs-gold) 42%,var(--mhs-gold-d) 100%);
  box-shadow:0 26px 54px -26px rgba(169,136,66,.75);}
.mhs-plan.is-hot .mhs-plan__body{background:#fff;border-radius:20px;}
/* dark ink on the gold sheet reads better than white, and needs no shadow */
.mhs-plan__flag{display:block;padding:9px 14px 10px;text-align:center;color:#3a2f14;font-size:11px;font-weight:700;
  letter-spacing:.06em;line-height:1.7;}

.mhs-plan__kind{display:inline-flex;align-items:center;gap:7px;color:var(--mhs-mut);font-size:12px;font-weight:700;letter-spacing:.04em;}
.mhs-plan__kind i{width:7px;height:7px;border-radius:2px;background:var(--mhs-gold);transform:rotate(45deg);}
.mhs-plan__name{font-size:22px;font-weight:700;line-height:1.75;color:var(--mhs-ink);margin:12px 0 2px;}
.mhs-plan__sub{color:var(--mhs-mut);font-size:14px;line-height:1.9;margin:0 0 20px;}

/* CTA and price share a row — the button leads, the price answers it */
.mhs-plan__row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.mhs-plan__cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;
  background:var(--mhs-ink);color:#fff !important;text-decoration:none !important;font-size:14px;font-weight:700;line-height:1.8;
  white-space:nowrap;transition:background .18s ease,transform .18s ease;}
.mhs-plan__cta:hover{background:var(--mhs-gold-d);transform:translateY(-1px);}
.mhs-plan.is-hot .mhs-plan__cta{background:var(--mhs-gold-d);}
.mhs-plan.is-hot .mhs-plan__cta:hover{background:var(--mhs-ink);}
.mhs-plan__pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;}
.mhs-plan__amt{font-size:24px;font-weight:800;color:var(--mhs-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.mhs-plan__per{font-size:12.5px;font-weight:600;color:var(--mhs-mut);margin-top:3px;}

.mhs-plan__feats{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid #f0eadd;
  display:flex;flex-direction:column;gap:11px;}
.mhs-plan__feats li{position:relative;padding-inline-start:27px;color:var(--mhs-body);font-size:14px;line-height:1.9;}
.mhs-plan__feats li::before{content:"✓";position:absolute;inset-inline-start:0;top:.28em;width:18px;height:18px;border-radius:50%;
  background:#faf3e4;color:var(--mhs-gold-d);font-size:10.5px;font-weight:700;line-height:18px;text-align:center;}

/* ---- checkout ---- */
.mhs-checkout{max-width:620px;margin:0 auto;}
.mhs-co__row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;color:var(--mhs-ink);}
.mhs-co__row b{color:var(--mhs-gold-d);font-size:19px;}
.mhs-co__row--note{margin-top:10px;padding-top:12px;border-top:1px dashed #e6dcc4;font-size:14.5px;color:var(--mhs-mut);}
.mhs-co__row--note b{font-size:15px;color:#8a6d1f;}
.mhs-card h3{margin:0 0 14px;font-size:17px;font-weight:700;color:var(--mhs-ink);}
.mhs-co__bankbox{display:flex;flex-direction:column;gap:8px;background:#faf7ef;border:1px dashed #ddceac;border-radius:12px;padding:17px 19px;color:var(--mhs-ink);}
.mhs-bank__row{font-size:15.5px;line-height:1.95;}
.mhs-bank__row.is-name{font-size:17px;font-weight:700;}
.mhs-bank__acct{margin-top:5px;padding-top:13px;border-top:1px solid #e9dfc6;}
.mhs-bank__acctlab{display:block;margin-bottom:5px;font-size:13px;color:var(--mhs-mut);line-height:1.9;}
.mhs-bank__acctrow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.mhs-bank__num{font-size:22px;font-weight:700;letter-spacing:.07em;font-variant-numeric:tabular-nums;}
.mhs-bank__copy{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:1px solid #ddceac;border-radius:999px;
  background:#fff;color:var(--mhs-gold-d);font:inherit;font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;}
.mhs-bank__copy:hover{background:var(--mhs-gold);border-color:var(--mhs-gold-d);color:#fff;}
.mhs-bank__copy.is-done{background:#eef6ee;border-color:#cbe3cd;color:#2d6a34;}
.mhs-co__hint{color:var(--mhs-mut);font-size:14px;margin:0 0 12px;}
.mhs-co__summary .mhs-co__hint{margin:8px 0 0;font-size:13.5px;}

/* ---- checkout: numbered steps ---- */
.mhs-co__steps{display:flex;flex-direction:column;gap:18px;}
.mhs-step__head{display:flex;align-items:center;gap:12px;margin:0 0 16px;}
.mhs-step__n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:#faf3e4;border:1px solid #ecdcb8;color:var(--mhs-gold-d);font-size:13.5px;font-weight:700;line-height:1;}
.mhs-step__h{margin:0 !important;font-size:17px;font-weight:700;color:var(--mhs-ink);}
.mhs-step__tag{margin-inline-start:auto;padding:5px 12px;border-radius:999px;background:#f4f1e8;color:var(--mhs-mut);
  font-size:11.5px;font-weight:700;letter-spacing:.06em;}

/* ---- slip dropzone + preview ---- */
.mhs-drop{border:1.5px dashed #ddceac;border-radius:14px;background:#fdfbf6;padding:26px 20px;text-align:center;
  transition:border-color .15s,background .15s;}
.mhs-drop.is-over{border-color:var(--mhs-gold);background:#faf3e4;}
.mhs-drop.has-file{padding:16px;text-align:start;background:#fff;border-style:solid;}
.mhs-drop__ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;
  background:#f4f1e8;color:var(--mhs-mut);margin-bottom:12px;}
.mhs-drop__t{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--mhs-ink);}
.mhs-drop__s{margin:0 0 16px;font-size:13px;color:var(--mhs-mut);}
.mhs-drop__prev{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.mhs-drop__thumb{flex:0 0 auto;width:76px;height:76px;border-radius:10px;overflow:hidden;background:#f4f1e8;
  display:flex;align-items:center;justify-content:center;}
.mhs-drop__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.mhs-drop__thumb .mhs-drop__pdf{font-size:12px;font-weight:700;color:var(--mhs-gold-d);letter-spacing:.08em;}
.mhs-drop__meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 140px;}
.mhs-drop__name{font-size:14.5px;font-weight:600;color:var(--mhs-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start;}
.mhs-drop__size{font-size:12.5px;color:var(--mhs-mut);direction:ltr;text-align:start;}
.mhs-drop__acts{display:flex;gap:8px;margin-inline-start:auto;}
.mhs-drop__btn{padding:7px 14px;border:1px solid #ddceac;border-radius:999px;background:#fff;color:var(--mhs-gold-d);
  font:inherit;font-size:13px;font-weight:700;line-height:1.6;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.mhs-drop__btn:hover{background:var(--mhs-gold);border-color:var(--mhs-gold-d);color:#fff;}
.mhs-drop__btn.is-rm{color:#9a3b3b;border-color:#eccfcf;}
.mhs-drop__btn.is-rm:hover{background:#9a3b3b;border-color:#9a3b3b;color:#fff;}
.mhs-drop__err{margin:10px 0 0;padding:9px 14px;border-radius:10px;background:#fbeeee;border:1px solid #eccfcf;color:#9a3b3b;font-size:13.5px;}
.mhs-co__send{margin-top:18px;}

/* ---- account ---- */
.mhs-acct2{display:block;}
/* horizontal, scrollable tab bar — fades at the edge that still has more tabs */
.mhs-tabs{position:relative;margin:0 0 24px;}
.mhs-tabs::before,.mhs-tabs::after{content:"";position:absolute;top:0;bottom:0;width:34px;pointer-events:none;z-index:2;
  opacity:0;transition:opacity .18s;}
.mhs-tabs::before{inset-inline-start:0;background:linear-gradient(to right,var(--mhs-bg,#f6f2ea),rgba(246,242,234,0));}
.mhs-tabs::after{inset-inline-end:0;background:linear-gradient(to left,var(--mhs-bg,#f6f2ea),rgba(246,242,234,0));}
[dir="rtl"] .mhs-tabs::before{background:linear-gradient(to left,var(--mhs-bg,#f6f2ea),rgba(246,242,234,0));}
[dir="rtl"] .mhs-tabs::after{background:linear-gradient(to right,var(--mhs-bg,#f6f2ea),rgba(246,242,234,0));}
.mhs-tabs.has-start::before,.mhs-tabs.has-end::after{opacity:1;}
.mhs-acct2__nav{display:flex;gap:6px;background:#fff;border:1px solid #ece5d6;border-radius:14px;padding:7px;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}
.mhs-acct2__nav::-webkit-scrollbar{display:none;}
.mhs-acct2__t{flex:0 0 auto;padding:11px 20px;border-radius:10px;text-decoration:none;color:var(--mhs-ink);
  font-weight:600;font-size:14.5px;line-height:1.9;white-space:nowrap;transition:background .15s,color .15s;}
.mhs-acct2__t:hover{background:#f5f1e7;}
.mhs-acct2__t.is-on{background:var(--mhs-ink);color:#fff;}
.mhs-acct2__out{color:#9a3b3b;margin-inline-start:auto;}
.mhs-acct2__out:hover{background:#fbeeee;color:#9a3b3b;}
.mhs-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mhs-table table{width:100%;min-width:540px;border-collapse:collapse;background:#fff;border:1px solid #ece5d6;border-radius:12px;overflow:hidden;}
.mhs-table th,.mhs-table td{padding:13px 16px;text-align:start;font-size:14.5px;border-bottom:1px solid #f0eadd;white-space:nowrap;}
.mhs-table td:nth-child(2){white-space:normal;min-width:220px;}
.mhs-table th{background:#faf7ef;color:var(--mhs-mut);font-weight:600;}
.mhs-plink,.mhs-plink:link,.mhs-plink:visited{color:var(--mhs-gold-d);text-decoration:none;font-weight:600;}
.mhs-plink:hover{color:var(--mhs-ink);text-decoration:underline;}
.mhs-exp{display:block;margin-top:3px;font-size:12.5px;font-weight:600;color:#8a6d1f;}
.mhs-exp.is-over{color:#9a3b3b;}
.mhs-badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12.5px;font-weight:700;}
.mhs-badge.is-ok{background:#eef6ee;color:#2d6a34;}
.mhs-badge.is-pend{background:#fbf3e2;color:#8a6d1f;}
.mhs-badge.is-err{background:#fbeeee;color:#9a3b3b;}
.mhs-reads{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #ece5d6;border-radius:12px;overflow:hidden;}
.mhs-reads li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #f0eadd;}
.mhs-reads li:last-child{border-bottom:0;}
.mhs-reads a{color:var(--mhs-ink);text-decoration:none;font-weight:600;}
.mhs-reads a:hover{color:var(--mhs-gold-d);}
.mhs-reads span{color:var(--mhs-mut);font-size:13px;white-space:nowrap;}

@media(max-width:820px){
  .mhs-plans{grid-template-columns:1fr;}
  /* the tab bar keeps scrolling rather than wrapping, so it stays one row */
  .mhs-acct2__t{padding:10px 16px;font-size:14px;}
  .mhs-acct2__out{margin-inline-start:0;}
  .mhs-drop__acts{width:100%;margin-inline-start:0;}
  .mhs-drop__btn{flex:1 1 0;}
}

/* Turnstile widget — blend into the form (light theme, flexible width) */
.mhs-turnstile{margin:2px 0 18px;min-height:64px;}
.mhs-turnstile iframe{border-radius:12px;}

/* Terms & Conditions acceptance checkbox (register form) */
.mhs-auth__terms{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:13.5px;line-height:1.7;color:var(--mhs-body);margin:0 0 16px;}
.mhs-auth__terms input[type=checkbox]{width:17px;height:17px;margin-top:2px;flex:0 0 auto;accent-color:var(--mhs-gold-d);cursor:pointer;}
.mhs-auth__terms a,.mhs-auth__terms a:link,.mhs-auth__terms a:visited{color:var(--mhs-gold-d);font-weight:700;text-decoration:none;}
.mhs-auth__terms a:hover{color:var(--mhs-ink);text-decoration:underline;}

/* Terms & Conditions front-end page */
.mhs-terms{color:var(--mhs-body);font-size:16px;line-height:2;}
.mhs-terms h2,.mhs-terms h3{color:var(--mhs-ink);margin:1.4em 0 .5em;}
.mhs-terms h2{font-size:20px;}
.mhs-terms h3{font-size:17px;}
.mhs-terms p{margin:0 0 1.1em;}
.mhs-terms ul,.mhs-terms ol{margin:0 0 1.1em;padding-inline-start:1.4em;}
.mhs-terms li{margin:0 0 .4em;}
.mhs-terms a{color:var(--mhs-gold-d);}