/* page-tabs.css | c2b8 | 2026-11-09 MTN | v1.0 | tab buttons for page-tabs.js + journey steps inside About */
[data-tabs] [role=tabpanel][hidden]{padding:0!important;margin:0!important;border:0!important;min-height:0!important}
[data-tabs] .page-tabs-list{scroll-margin-top:110px}
.page-tabs-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 28px;max-width:1100px}
.page-tabs-list [role=tab]{min-height:44px;padding:0 20px;border:1.5px solid #171717;border-radius:999px;background:#fff;color:#171717;font:600 15px/1 inherit;font-family:inherit;cursor:pointer}
.page-tabs-list [role=tab]:hover{background:#f3efe8}
.page-tabs-list [role=tab][aria-selected=true]{background:#171717;color:#fff}
.page-tabs-list [role=tab]:focus-visible{outline:3px solid var(--red,#bd0020);outline-offset:2px}
.buyer-toolkit{padding-top:70px;background:#fff}
.page-tabs-head{text-align:center;max-width:720px;margin:0 auto 22px;padding:0 16px}
.page-tabs-head p:not(.eyebrow){color:var(--muted,#555)}
.guide .page-tabs{margin-top:10px}
.about-with-steps{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%;align-items:center}
.about .journey-steps{list-style:none;margin:0;padding:0}
.about .journey-steps li{display:flex;gap:22px;border-bottom:1px solid #ffffff33;padding:15px 0}
.about .journey-steps li span{color:#ff8a9a;font:24px Georgia,serif}
.about .journey-steps h3{margin:0 0 4px;color:#fff}
.about .journey-steps p{margin:0;font-size:15px!important;color:#e6e6e6}
@media (max-width:820px){.about-with-steps{grid-template-columns:1fr}.page-tabs-list{justify-content:flex-start;padding:0 16px}.page-tabs-list [role=tab]{padding:0 16px;font-size:15px}}