/* Crypto-guide intent: readable content, distinct destinations, visible brand
   clarification and keyboard controls at narrow widths, zoom and high contrast.
   Reuse the site theme; no images, animations or third-party resources. */
.crypto-breadcrumb { padding-top: 28px; color: var(--muted); font-size: .8rem; }
.crypto-page .site-header { flex-wrap: wrap; gap: 12px; padding-block: 14px; }
.crypto-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; list-style: none; }
.crypto-breadcrumb li + li::before { content: "/"; margin-right: 9px; color: var(--quiet); }
.crypto-distinction { margin: 24px 0 0; padding: 16px 20px; border: 1px solid #b9d6d0; border-radius: 13px; color: #214d43; background: #edf8f4; font-size: .9rem; overflow-wrap: anywhere; }
.crypto-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr); gap: clamp(32px, 6vw, 80px); align-items: center; padding: 60px 0 52px; }
.crypto-hero h1 { font-size: clamp(2.6rem, 5.6vw, 4.5rem); line-height: 1.08; }
.crypto-lede { max-width: 610px; margin: 23px 0; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.2rem); }
.crypto-byline { color: var(--muted); font-size: .79rem; }
.crypto-byline > span { padding-inline: 4px; }
.crypto-summary { min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 23px; color: var(--muted); background: white; box-shadow: 0 20px 50px rgba(25,36,68,.06); }
.crypto-monogram { display: inline-grid; width: 48px; height: 48px; place-items: center; margin-bottom: 22px; border: 1px solid #d9d8fa; border-radius: 14px; color: var(--indigo-dark); background: var(--indigo-soft); font-size: .94rem; font-weight: 850; }
.crypto-summary h2 { font-size: 1.65rem; line-height: 1.2; }
.crypto-summary p { font-size: .9rem; }
.crypto-summary ul { margin-bottom: 0; padding-left: 1.2rem; font-size: .86rem; }
.crypto-summary li + li { margin-top: 5px; }
.crypto-directions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.crypto-route { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; padding: clamp(24px, 3vw, 36px); border: 1px solid var(--line); border-radius: 20px; background: white; }
.crypto-route-primary { border-color: #cfcaf5; background: #f6f5ff; }
.crypto-route h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.15; }
.crypto-route > p:not(.eyebrow) { color: var(--muted); }
.crypto-route > .button { margin-top: auto; }
.crypto-small { margin: 18px 0 0; font-size: .8rem; line-height: 1.7; }
.crypto-contents { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 38px 0 0; padding: 18px 0; border-block: 1px solid var(--line); }
.crypto-contents a { display: inline-flex; min-height: 44px; align-items: center; font-size: .86rem; font-weight: 700; }
.crypto-body { max-width: 850px; margin: 0 auto; padding-bottom: 50px; }
.crypto-body > section { margin-top: 64px; scroll-margin-top: 28px; }
.crypto-body h2 { margin: 0 0 22px; font-size: clamp(1.8rem, 3.5vw, 2.6rem); line-height: 1.14; }
.crypto-body p { color: var(--muted); }
.crypto-body .eyebrow { color: var(--indigo-dark); }
.crypto-address-book { margin-top: 26px; padding: clamp(20px, 4vw, 30px); border: 1px solid var(--line); border-radius: 16px; background: white; }
.crypto-address-book h3 { line-height: 1.4; }
.crypto-address-book dt { margin-top: 22px; color: var(--ink); font-weight: 750; }
.crypto-address-book dd { margin: 7px 0 0; color: var(--muted); }
.crypto-wallet-notice { padding: clamp(24px, 5vw, 40px); border: 1px solid #e6cfb1; border-left: 4px solid #a45a14; border-radius: 17px; background: #fff8ee; }
.crypto-wallet-notice strong { color: #6e3d12; }
.crypto-wallet-notice > :last-child { margin-bottom: 0; }
.crypto-use-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 26px 0; }
.crypto-use-cases > div { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.crypto-use-cases h3 { line-height: 1.3; }
.crypto-use-cases p { margin-bottom: 0; font-size: .87rem; }
.crypto-partners { padding: clamp(24px, 5vw, 40px); border: 1px solid #d4d0f5; border-radius: 20px; background: linear-gradient(135deg, #fff, #f2f0ff); }
.crypto-partner-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.crypto-partner-facts > span { padding: 5px 10px; border: 1px solid #d6d3eb; border-radius: 8px; color: #4b4268; background: white; font-size: .77rem; }
.crypto-faq details { margin-top: 12px; padding: 0 20px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.crypto-faq summary { min-height: 56px; padding: 16px 0; cursor: pointer; color: var(--ink); font-weight: 700; line-height: 1.5; }
.crypto-faq details p { margin-top: 0; }
.crypto-body, .crypto-route, .crypto-hero { overflow-wrap: anywhere; }
.crypto-body a, .crypto-contents a { text-underline-offset: .2em; }
.crypto-body a:focus-visible, .crypto-contents a:focus-visible, .crypto-faq summary:focus-visible { outline: 3px solid #675ff0; outline-offset: 4px; }
@media (max-width: 920px) {
  .crypto-hero { grid-template-columns: 1fr; gap: 28px; padding-block: 40px; }
  .crypto-summary { display: none; } /* The same facts are visible in the article and route cards. */
  .crypto-use-cases { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .crypto-directions { grid-template-columns: 1fr; }
  .crypto-body > section { margin-top: 44px; }
  .crypto-route .button, .crypto-partners .button { width: 100%; }
  .crypto-contents { gap: 4px 22px; }
  .crypto-distinction { padding: 14px 16px; }
}
@media (forced-colors: active) {
  .crypto-distinction, .crypto-summary, .crypto-route, .crypto-wallet-notice, .crypto-partners, .crypto-partner-facts > span { border-color: CanvasText; }
  .crypto-monogram { border-color: CanvasText; }
}
/* Readback: two route cards collapse into one column; long text wraps, contents
   stay visible, native details/menu retain keyboard support, and visible focus
   plus system-color borders support contrast modes. Matches layout intent. */