#methodpage *{box-sizing:border-box}
 #methodpage{--bg:#ffffff;--bg2:#f4faf8;--ink:#0b1f1c;--ink2:#41544f;--line:#e6efec;--card:#ffffff;--muted:#8a9a95;--navBg:#ffffff;--navInk:#0b1f1c;--heroBg:#f6fbfa;--heroInk:#0b1f1c;--heroSub:#41544f;--footBg:#f4faf8;--footInk:#5b6b68}
 #methodpage{--display:'Anton';--display-weight:400}
 #methodpage[data-lang="bg"]{--display:'Oswald';--display-weight:700}
 #methodpage[data-theme="dark"]{--bg:#0b1f1c;--bg2:#0f2a25;--ink:#ffffff;--ink2:#c6d6d1;--line:#1c3b34;--card:#12312b;--muted:#8fb3ab;--navBg:#0f2a25;--navInk:#ffffff;--heroBg:#0f2a25;--heroInk:#ffffff;--heroSub:#c6d6d1;--footBg:#081613;--footInk:#7d968f}
 #methodpage .wm-d{display:none}
 #methodpage[data-theme="dark"] .wm-l{display:none}
 #methodpage[data-theme="dark"] .wm-d{display:block}
 #methodpage .bg{display:none}
 #methodpage[data-lang="bg"] .en{display:none}
 #methodpage[data-lang="bg"] .bg{display:inline}
 #methodpage .pill-en{background-color:var(--navInk);color:var(--navBg)}
 #methodpage .pill-bg{color:var(--navInk)}
 #methodpage[data-lang="bg"] .pill-en{background:transparent;color:var(--navInk)}
 #methodpage[data-lang="bg"] .pill-bg{background-color:var(--navInk);color:var(--navBg)}
 #methodpage a{text-decoration:none;color:inherit}
 #methodpage input::placeholder{color:var(--muted)}
 @keyframes mfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

 @media (max-width:1020px){
  #methodpage .mq-main{grid-template-columns:1fr!important}
  #methodpage .mq-sticky{position:static!important}
 }
 @media (max-width:860px){
  #methodpage>div{padding-left:20px!important;padding-right:20px!important}
  #methodpage .mq-grid{grid-template-columns:1fr!important}
  #methodpage .mq-4{grid-template-columns:1fr 1fr!important}
  #methodpage h1{font-size:44px!important}
  #methodpage h2{font-size:30px!important}
  #methodpage .mq-shield{height:70px!important;opacity:.25!important;right:14px!important;top:14px!important}
  #methodpage .mq-nav{flex-wrap:wrap;row-gap:10px}
  #methodpage .mq-navr{flex-wrap:wrap;row-gap:10px}
  #methodpage .mq-table>div{padding:12px 10px!important;font-size:13px!important}
 }
 @media (max-width:600px){
  #methodpage .mq-2{grid-template-columns:1fr!important}
  #methodpage .mq-4{grid-template-columns:1fr!important}
  #methodpage h1{font-size:36px!important}
  #methodpage .mq-main>div>div{padding-left:16px!important;padding-right:16px!important}
  /* Card 2 person rows. On a phone the label-beside-choices layout leaves the
     choices ~130px wide: the name placeholder gets clipped mid-word and option
     labels wrap. Stack the label above and give the choices the full width. */
  #methodpage .mq-gcard{padding:14px!important}
  #methodpage .mq-grow{flex-direction:column;align-items:stretch!important;gap:8px!important}
  #methodpage .mq-glabel{min-width:0!important;padding-top:0!important}
  /* Both point sideways at choices that are now underneath the label. */
  #methodpage .mq-garrow,#methodpage .mq-gneed{display:none!important}
  #methodpage .mq-gopts{width:100%;flex-wrap:wrap}
  #methodpage .mq-gopts>div{flex:1 1 auto;text-align:center;padding-top:11px!important;padding-bottom:11px!important}
  #methodpage .mq-gname{flex:1 0 100%!important;min-width:0!important}
  #methodpage .mq-gsport{flex:1 0 100%}
  #methodpage .mq-gsport>div{flex:1;text-align:center;padding-top:11px!important;padding-bottom:11px!important}
  /* Card 3 "your days" rows: the two pills only fit stacked beside a 96px
     date, so put the date and its remove button on one line and the pills
     across the next — and give the × a thumb-sized hit area. */
  #methodpage .mq-dayrow{flex-wrap:wrap}
  #methodpage .mq-daylabel{flex:1;min-width:0!important}
  #methodpage .mq-daypills{order:1;flex:1 0 100%!important}
  #methodpage .mq-daypills>div{flex:1 1 auto;text-align:center;padding-top:10px!important;padding-bottom:10px!important}
  #methodpage .mq-dayx{font-size:19px!important;padding:4px 10px!important}
  /* 16px is the threshold below which iOS Safari zooms in on focus. */
  #methodpage input{font-size:16px!important}
 }
