/* Keep wide comparison tables within their own scroll area. */
html{overflow-x:clip}
.table-wrap{max-width:100%;min-width:0;isolation:isolate}
.faq-list,.section-heading,.hero-copy,.config-block,.order-summary{min-width:0}
.section-heading h2,.faq-list summary,.plan-name{overflow-wrap:anywhere}
/* Readable supporting copy at the finished site scale. */
.benefits-grid p,.guide-grid p,.category-card>p,.knowledge-card>p,.article-body p,.legal-content p,.faq-list details p{font-size:14px}
.plan-specs li,.plan-specs li strong,.included span{font-size:13px}
.product-hero p,.page-hero p,.about-story p{font-size:16px}
.catalog-error{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:16px 24px;background:#fff4dc;color:#563d12;font-size:14px}
.catalog-error button{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:8px 14px;font:inherit;cursor:pointer}
.catalog-error button:disabled{opacity:.5;cursor:wait}
.brand>span{font-size:27px;letter-spacing:-1px;white-space:nowrap}
.brand small{font-size:7px;letter-spacing:1.2px}
.brand img{flex-shrink:0}
.crypto-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible;background:transparent!important;border-radius:50%;line-height:1}
.crypto-icon img{display:block;width:100%;height:100%;object-fit:contain}
.crypto-icon--eth{background:#f1f3fb!important;border:1px solid #e1e5f1}
.crypto-icon--eth img{width:86%;height:86%}
.footer-crypto{gap:9px;align-items:center}
.footer-crypto .crypto-icon{width:28px;height:28px;box-shadow:none}
.footer-crypto small{margin-left:5px}
.currency-option .crypto-icon{width:38px;height:38px}
.currency-option{transition:border-color .18s,background-color .18s;gap:12px}
.currency-option:hover{border-color:#80b6a5;background:#f8fcfa}
.currency-option:has(input:checked){border-color:#268a69;box-shadow:0 0 0 1px #268a69;background:#f1f9f5}
.currency-option input{accent-color:#268a69;flex-shrink:0}
.payment-method .crypto-icon{width:56px;height:56px}
.crypto-coin .crypto-icon{width:60px;height:60px;box-shadow:none}
@media(max-width:580px){.currency-option .crypto-icon{width:32px;height:32px}.crypto-coin .crypto-icon{width:46px;height:46px}.footer-crypto .crypto-icon{width:26px;height:26px}}
@media(max-width:580px){.brand{gap:8px}.brand>span{font-size:23px}.brand img{width:32px;height:32px}.brand small{font-size:6px;letter-spacing:1px}}
@media(max-width:580px){.benefits-grid p,.guide-grid p,.category-card>p,.knowledge-card>p,.article-body p,.legal-content p,.faq-list details p{font-size:13px}.product-hero p,.page-hero p,.about-story p{font-size:14px}.plan-specs li,.plan-specs li strong,.included span{font-size:13px}.currency-option small{font-size:9px}.currency-option{gap:6px}}

/* Individually addressable knowledge guides. */
.brand .brand-lockup{display:block;width:244px;height:auto;overflow:visible;flex:none}.brand .brand-accent{fill:#009b83}.brand:focus-visible{outline-offset:7px}
@media(max-width:580px){.brand .brand-lockup{width:209px}}
@media(max-width:580px){.site-header .brand .brand-lockup{width:clamp(142px,calc(100vw - 205px),190px)}.nav-actions{flex-shrink:0}.nav-actions .customer{white-space:nowrap;padding:10px 12px}}
.knowledge-card h2 a{color:inherit}.knowledge-card h2 a:hover{color:#16846c}.guide-open{margin-bottom:18px;display:inline-flex}.guide-byline{font-size:13px;color:#6e8589;margin-bottom:32px}.guide-next{border-top:1px solid #dce7e7;padding-top:28px}.guide-next a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e5eeee;color:#136855}.guide-layout aside>.text-link{margin-bottom:30px}.guide-layout section{scroll-margin-top:100px}
