:root{
  --myb-ink:#1d2733;--myb-mute:#4a5866;--myb-paper:#ffffff;--myb-fog:#f3f5f7;
  --myb-slate:#2f4a6b;--myb-slate-dk:#243a55;--myb-tint:#eaeff5;--myb-mint:#cfe3dc;--myb-sea:#3b7a66;
  --myb-serif:"Newsreader",Georgia,"Times New Roman",serif;--myb-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --myb-wrap:1120px;--myb-gut:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--myb-paper);color:var(--myb-ink);font:400 18px/1.65 var(--myb-sans);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--myb-slate);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--myb-slate-dk);text-decoration-thickness:2px}
p a,dd a,li a{overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--myb-slate);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--myb-serif);font-weight:500;line-height:1.2;color:var(--myb-ink)}
h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 .6em}
code{font-size:.9em;background:var(--myb-fog);padding:0 .3em;border-radius:4px}
.myb-skip{position:absolute;left:-9999px;top:8px;background:var(--myb-slate);color:#fff;padding:10px 16px;border-radius:999px;z-index:50}
.myb-skip:focus{left:16px}

/* header */
.myb-head{background:var(--myb-paper);border-bottom:1px solid var(--myb-mint)}
.myb-head__in{max-width:var(--myb-wrap);margin:0 auto;padding:14px var(--myb-gut);display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.myb-mark{font-family:var(--myb-serif);font-size:1.6rem;font-weight:600;text-decoration:none;letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:baseline;min-height:44px;align-items:center;margin:0}
.myb-mark__a{color:var(--myb-slate)}
.myb-mark__b{color:var(--myb-sea);font-weight:500}
.myb-mark--sm{font-size:1.35rem;min-height:0;margin-bottom:8px}
.myb-nav{display:flex;flex-wrap:wrap;gap:2px 4px}
.myb-nav a{font-size:.94rem;font-weight:600;text-decoration:none;color:var(--myb-ink);padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px}
.myb-nav a:hover{background:var(--myb-fog);color:var(--myb-slate)}

/* hero */
.myb-hero{max-width:820px;margin:0 auto;padding:64px var(--myb-gut) 40px;text-align:center}
.myb-eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--myb-sea);margin:0 0 14px}
.myb-hero h1{font-size:clamp(2.4rem,6vw,4rem);margin:0 0 24px;letter-spacing:-.015em}
.myb-hero h1 em{font-style:italic;color:var(--myb-slate)}
.myb-disc{background:var(--myb-fog);border:1px solid #e1e6eb;border-radius:12px;padding:14px 18px;margin:0 auto 24px;max-width:680px;text-align:left;font-size:.94rem;color:var(--myb-ink)}
.myb-disc p{margin:0}
.myb-disc__label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--myb-slate);margin-bottom:4px!important}
.myb-lede{font-size:1.12rem;color:var(--myb-mute);max-width:62ch;margin:0 auto 28px}
.myb-seal{width:104px;height:104px;display:block;margin:0 auto 10px}
.myb-upd{font-size:.86rem;color:var(--myb-mute);margin:0}

.myb-intro,.myb-view,.myb-faq,.myb-method{max-width:var(--myb-wrap);margin:0 auto;padding:0 var(--myb-gut)}
.myb-intro{max-width:820px;padding-top:24px;padding-bottom:32px;border-top:1px solid var(--myb-mint)}
.myb-intro p,.myb-method p{max-width:68ch}
.myb-own-note{background:var(--myb-tint);border-left:3px solid var(--myb-slate);padding:14px 18px;border-radius:0 10px 10px 0}

/* switch */
.myb-switch{display:flex;justify-content:center;margin:8px auto 32px;gap:0;width:max-content;max-width:calc(100% - 32px);border:1px solid var(--myb-slate);border-radius:999px;padding:4px;background:var(--myb-paper)}
.myb-switch[hidden]{display:none}
.myb-switch button{font:700 .95rem var(--myb-sans);border:0;background:transparent;color:var(--myb-slate);padding:10px 28px;min-height:44px;border-radius:999px;cursor:pointer}
.myb-switch button[aria-pressed="true"]{background:var(--myb-slate);color:#fff}
.myb-js .myb-view.is-off{display:none}
.myb-view{padding-bottom:48px}

/* filters */
.myb-filters{background:var(--myb-fog);border-radius:14px;padding:16px;margin-bottom:16px}
.myb-filters__row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.myb-filters button{font:600 .9rem var(--myb-sans);background:var(--myb-paper);color:var(--myb-ink);border:1px solid #d3dae2;border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.myb-filters button[aria-pressed="true"]{background:var(--myb-slate);border-color:var(--myb-slate);color:#fff}
.myb-count{margin:0;font-size:.9rem;font-weight:600;color:var(--myb-mute)}
.myb-jump{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 28px}
.myb-jump a{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;font-size:.86rem;font-weight:600;text-decoration:none;color:var(--myb-ink);border:1px solid var(--myb-mint);border-radius:10px;line-height:1.25}
.myb-jump a span{font-family:var(--myb-serif);color:var(--myb-slate);font-size:1.05rem}
.myb-jump a:hover{border-color:var(--myb-slate)}
.myb-empty{padding:16px;background:var(--myb-tint);border-radius:10px}

/* cards */
.myb-cards{display:flex;flex-direction:column;gap:28px}
.myb-card{border:1px solid var(--myb-mint);border-radius:16px;background:var(--myb-paper);overflow:hidden;scroll-margin-top:16px}
.myb-card[hidden]{display:none}
.myb-card--own{border:2px solid var(--myb-slate)}
.myb-card__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 20px;background:var(--myb-fog);border-bottom:1px solid var(--myb-mint);font-size:.84rem;font-weight:700}
.myb-card__rank{font-family:var(--myb-serif);font-size:1.15rem;color:var(--myb-slate);font-weight:600}
.myb-card__tag{background:var(--myb-mint);color:#1f3d33;padding:3px 10px;border-radius:999px}
.myb-card__reg{color:var(--myb-mute);font-weight:600}
.myb-card__own{margin-left:auto;background:var(--myb-slate);color:#fff;padding:4px 12px;border-radius:999px;letter-spacing:.02em}
.myb-card__body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;padding:24px}
.myb-card__main p{margin:0 0 12px}
.myb-card__id{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}
.myb-mono{flex:none;width:60px;height:60px;border-radius:12px;border:1px solid var(--myb-mint);background:var(--myb-fog);display:grid;place-items:center;font-family:var(--myb-serif);font-size:1.4rem;font-weight:600;color:var(--myb-slate)}
.myb-card__name{font-size:clamp(1.45rem,2.6vw,1.9rem);margin:0 0 4px}
.myb-card__place{font-size:.94rem;color:var(--myb-mute);margin:0!important}
.myb-card__h{font-family:var(--myb-sans);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--myb-slate);margin:16px 0 8px}
.myb-card__fac{margin:0 0 16px;padding:0;list-style:none}
.myb-card__fac li{padding:6px 0 6px 20px;border-bottom:1px solid #e8eef0;position:relative}
.myb-card__fac li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border:2px solid var(--myb-sea);border-radius:50%}
.myb-card__hl{border:1px solid var(--myb-mint);border-left:4px solid var(--myb-sea);border-radius:8px;padding:12px 16px;margin:0 0 14px}
.myb-card__hlk{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--myb-sea);margin:0 0 4px!important}
.myb-card__hl p:last-child{margin:0}
.myb-more summary{cursor:pointer;font-weight:700;color:var(--myb-slate);min-height:44px;display:flex;align-items:center}
.myb-more p{color:var(--myb-mute)}
.myb-card__side{background:var(--myb-tint);border-radius:12px;padding:18px 20px;align-self:start}
.myb-card__side .myb-card__h{margin-top:0}
.myb-facts{margin:0 0 18px}
.myb-facts dt{font-size:.84rem;font-weight:700;color:var(--myb-slate);margin-top:10px}
.myb-facts dd{margin:2px 0 0;font-size:.94rem;line-height:1.55}
.myb-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:48px;padding:12px 28px;border-radius:999px;background:var(--myb-slate);color:#fff;font:700 1rem var(--myb-sans);text-decoration:none;border:0;cursor:pointer}
.myb-cta:hover{background:var(--myb-slate-dk);color:#fff}
.myb-card__side .myb-cta{width:100%}
.myb-card__out{font-size:.82rem;color:var(--myb-mute);margin:8px 0 0;text-align:center}

/* compare */
.myb-tw{overflow-x:auto;border:1px solid var(--myb-mint);border-radius:14px;position:relative}
.myb-grid{width:100%;border-collapse:collapse;font-size:.94rem}
.myb-grid caption{caption-side:top;text-align:left;padding:14px 16px;color:var(--myb-mute);font-size:.9rem}
.myb-grid th,.myb-grid td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid #e3ebe8}
.myb-grid thead th{background:var(--myb-fog);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--myb-slate)}
.myb-grid tbody th a{font-weight:700;text-decoration:none}
.myb-own-mini{display:inline-block;margin-top:4px;font-size:.78rem;font-weight:700;background:var(--myb-slate);color:#fff;padding:1px 8px;border-radius:999px}

/* faq + method */
.myb-faq{max-width:820px;padding-top:40px;padding-bottom:40px;border-top:1px solid var(--myb-mint)}
.myb-faq__q{border-bottom:1px solid var(--myb-mint)}
.myb-faq__q summary{cursor:pointer;font-weight:700;padding:14px 0;min-height:44px}
.myb-faq__q p{margin:0 0 16px;color:var(--myb-mute);max-width:68ch}
.myb-method{max-width:820px;padding-top:40px;padding-bottom:64px;border-top:1px solid var(--myb-mint)}

/* inner pages */
.myb-inner{max-width:var(--myb-wrap);margin:0 auto;padding:40px var(--myb-gut) 64px}
.myb-inner__top{max-width:760px;margin:0 auto 40px;text-align:center}
.myb-inner__top h1{font-size:clamp(2rem,4.5vw,3rem);margin:8px 0 20px}
.myb-crumb{font-size:.86rem;color:var(--myb-mute);margin:0}
.myb-inner__lead{font-size:1.1rem;color:var(--myb-mute);max-width:60ch;margin:0 auto}
.myb-inner__cols{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;border-top:1px solid var(--myb-mint);padding-top:32px}
.myb-toc{position:sticky;top:16px;align-self:start;font-size:.92rem}
.myb-toc p{font-weight:700;color:var(--myb-slate);margin:0 0 8px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.myb-toc ol{margin:0;padding-left:20px}
.myb-toc a{display:inline-block;padding:6px 0;text-decoration:none}
.myb-prose{max-width:68ch}
.myb-sec{margin-bottom:36px;scroll-margin-top:16px}
.myb-sec h2{font-size:1.6rem}
.myb-sec li{margin-bottom:8px}
.myb-tw--plain{margin-top:8px}

/* form */
.myb-form{display:flex;flex-direction:column;gap:6px;max-width:560px}
.myb-form label{font-weight:600;margin-top:10px}
.myb-form input:not([type=checkbox]),.myb-form select,.myb-form textarea{font:inherit;font-size:1rem;padding:10px 14px;min-height:46px;border:1px solid #c3ccd5;border-radius:10px;background:#fff;color:var(--myb-ink);width:100%}
.myb-check{display:flex;gap:10px;align-items:flex-start;font-weight:400!important}
.myb-check input{width:22px;height:22px;margin-top:4px;flex:none}
.myb-form__err{color:#a3271c;font-weight:600}
.myb-form__ok{color:#245c4b;font-weight:600}
.myb-form__note{font-size:.88rem;color:var(--myb-mute)}
.myb-form .myb-cta{align-self:flex-start;margin-top:12px}

/* footer */
.myb-foot{background:var(--myb-paper);border-top:3px solid var(--myb-slate);margin-top:24px}
.myb-foot__in{max-width:var(--myb-wrap);margin:0 auto;padding:40px var(--myb-gut) 120px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:32px;font-size:.92rem}
.myb-foot p{margin:0 0 10px}
.myb-foot__links{display:flex;flex-direction:column;align-items:flex-start}
.myb-foot__links a,.myb-linkbtn{min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.myb-linkbtn{font:600 inherit var(--myb-sans);font-size:inherit;background:none;border:0;padding:0;color:var(--myb-slate);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.myb-foot__aff{background:var(--myb-fog);padding:10px 14px;border-radius:10px}
.myb-foot__small{font-size:.84rem;color:var(--myb-mute)}

/* cookie bar + dialog */
.myb-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--myb-mint);border-top:3px solid var(--myb-slate);border-radius:12px;box-shadow:0 6px 24px rgba(29,39,51,.12);padding:12px 16px;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;font-size:.88rem}
.myb-cookie[hidden]{display:none}
.myb-cookie p{margin:0;flex:1 1 300px}
.myb-cookie__btns{display:flex;gap:6px;flex-wrap:nowrap}
.myb-btn{font:700 .85rem var(--myb-sans);border:1px solid var(--myb-slate);background:#fff;color:var(--myb-slate);padding:8px 14px;min-height:44px;border-radius:999px;cursor:pointer;white-space:nowrap}
.myb-btn--solid{background:var(--myb-slate);color:#fff}
.myb-dlg{border:1px solid var(--myb-mint);border-radius:16px;padding:0;max-width:min(520px,calc(100vw - 32px));color:var(--myb-ink)}
.myb-dlg::backdrop{background:rgba(29,39,51,.35)}
.myb-dlg__in{padding:24px}
.myb-dlg h2{font-size:1.5rem;margin-top:0}
.myb-tog{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--myb-mint);font-size:.94rem}
.myb-tog input{width:22px;height:22px;margin-top:3px;flex:none}
.myb-dlg__gpc{font-size:.88rem;background:var(--myb-tint);padding:8px 12px;border-radius:8px}
.myb-dlg__btns{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}

@media (max-width:900px){
  .myb-card__body{grid-template-columns:1fr}
  .myb-jump{grid-template-columns:repeat(3,1fr)}
  .myb-foot__in{grid-template-columns:1fr 1fr}
  .myb-foot__notes{grid-column:1/-1}
  .myb-inner__cols{grid-template-columns:1fr;gap:16px}
  .myb-toc{position:static}
}
@media (max-width:640px){
  :root{--myb-gut:16px}
  body{font-size:17px}
  .myb-hero{padding:40px 16px 32px}
  .myb-nav a{padding:8px 10px;font-size:.9rem}
  .myb-jump{grid-template-columns:1fr 1fr}
  .myb-card__body{padding:18px 16px}
  .myb-card__bar{padding:10px 16px}
  .myb-card__own{margin-left:0}
  .myb-foot__in{grid-template-columns:1fr;padding-bottom:180px}
  .myb-tw{overflow:visible;border:0}
  .myb-grid,.myb-grid tbody,.myb-grid tr,.myb-grid th,.myb-grid td{display:block;width:100%}
  .myb-grid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .myb-grid caption{display:block;padding:0 0 12px}
  .myb-grid tr{border:1px solid var(--myb-mint);border-radius:12px;margin-bottom:12px;overflow:hidden}
  .myb-grid tbody th{background:var(--myb-fog);border-top:0}
  .myb-grid td{border-top:1px solid #e3ebe8}
  .myb-grid [data-label]::before{content:attr(data-label);display:block;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--myb-slate);margin-bottom:2px}
  .myb-cookie{left:8px;right:8px;bottom:8px;padding:10px 12px}
  .myb-cookie p{flex-basis:100%}
  .myb-cookie__btns{width:100%}
  .myb-cookie__btns .myb-btn{flex:1 1 0;padding:8px 6px;font-size:.78rem;white-space:normal;line-height:1.2}
  .myb-switch button{padding:10px 22px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}