/* Match developer pages: clip sideways overflow without creating a scroll container. */
body.oc-payment-method-page:not(.oc-menu-open), body.oc-payment-directory-page:not(.oc-menu-open), body.page-template-page-money-guide:not(.oc-menu-open), body.page:not(.oc-menu-open):has(.oc-money-guide) { overflow-x: clip; }
.oc-payment-guide { --payment-ink: #202c27; --payment-border: #dbe2de; --dev-green: #2c4035; --dev-gold: #e7d582; color: var(--payment-ink); background: #fff; font-family: var(--oc-font); overflow: visible !important; }
.oc-payment-guide *, .oc-payment-guide *::before, .oc-payment-guide *::after { box-sizing: border-box; letter-spacing: 0; }
.oc-payment-guide__inner { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.oc-payment-guide__breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 13px; min-height: 66px; padding-block: 15px; }
.oc-payment-guide__breadcrumb a, .oc-payment-guide__byline a { text-decoration: underline; text-underline-offset: 3px; }
.oc-payment-guide__hero { line-height: 1.7; }
.oc-payment-guide__hero h1 { color: inherit; line-height: 1.2; }
.oc-payment-guide__hero .oc-dev-actions a:not(.oc-dev-button) { color: #fff; }
.oc-payment-guide__hero p { margin: 0 0 20px; }
.oc-payment-guide__byline { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; font-size: 12px; margin-bottom: 26px; color: #626d66; }
.oc-payment-guide__byline a { display: block; font-size: 15px; font-weight: 700; color: #202c27; }
.oc-payment-guide__byline .oc-author-avatar { width: 48px; height: 48px; }
.oc-payment-guide__byline .oc-last-modified-hero { grid-column: 1 / -1; margin: 0; font-size: 12px; color: #626d66; white-space: nowrap; }
.oc-payment-guide__facts { padding-block: 30px; border-bottom: 1px solid var(--payment-border); }
.oc-payment-guide__facts dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 32px; margin: 0; }
.oc-payment-guide__facts dl > div { min-width: 0; }
.oc-payment-guide__facts dt { display: flex; align-items: center; gap: 9px; color: #54645c; font-size: 13px; }
.oc-payment-guide__facts dt svg { width: 19px; height: 19px; flex-shrink: 0; }
.oc-payment-guide__facts dt > span:first-child:not(:last-child) { width: 28px; height: 28px; min-width: 28px; background: none; padding: 0; }
.oc-payment-guide__facts dd { margin: 8px 0 0; font-size: 16px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.oc-payment-guide__facts dd small { display: block; max-width: 34em; margin-top: 8px; color: #54645c; font-size: 13px; font-weight: 400; line-height: 1.6; }
.oc-payment-guide__facts dd { font-variant-numeric: tabular-nums; }
.oc-payment-guide__recommendations { padding-block: 32px 44px; }
.oc-payment-guide__disclosure { color: #617067; font-size: 13px; margin: 0 0 18px; line-height: 1.6; }
.oc-payment-guide__casino-list > h2 { margin: 0 0 12px; }
.oc-payment-guide__casino-list > p { font-size: 16px; color: #56665d; }
.oc-payment-guide__editorial { padding-block: 48px 64px; border-top: 1px solid var(--payment-border); background: var(--oc-reading-bg, #f8fafc); }
.oc-payment-guide__columns.has-toc { display: grid; grid-template-columns: minmax(0, 1fr) 265px; gap: 48px; align-items: start; }
.oc-payment-guide .oc-prose { min-width: 0; max-width: none; font-size: 18px; line-height: 1.8; padding: 0; background: none; box-shadow: none; border: 0; border-radius: 0; font-family: var(--oc-font); }
.oc-payment-guide .oc-prose p, .oc-payment-guide .oc-prose li { font-family: inherit; font-size: inherit; line-height: inherit; }
.oc-payment-guide .oc-prose h2 { font-size: 30px; line-height: 1.3; margin: 44px 0 20px; }
.oc-payment-guide .oc-prose > h2:first-child { margin-top: 0; }
.oc-payment-guide .oc-prose h3 { font-size: 23px; line-height: 1.4; margin: 32px 0 16px; }
.oc-payment-guide .oc-prose p { margin: 0 0 22px; }
.oc-payment-guide .oc-prose a:not(.oc-button):not(.oc-offer-link):not(.oc-text-link) { text-decoration: underline; text-underline-offset: 3px; }
.oc-payment-guide .oc-page-toc-sidebar { position: sticky; top: var(--oc-payment-anchor-top, 105px); min-width: 0; }
@media (min-width: 761px) {
 .oc-payment-guide .oc-page-toc-sidebar { max-height: calc(100vh - var(--oc-payment-anchor-top, 105px) - 24px); max-height: calc(100dvh - var(--oc-payment-anchor-top, 105px) - 24px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; }
}
.oc-payment-guide__toc { display: grid; gap: 0; font-size: 14px; line-height: 1.5; }
.oc-payment-guide__toc strong { font-size: 12px; text-transform: uppercase; color: #526859; margin-bottom: 16px; }
.oc-payment-guide__toc a { border-left: 2px solid #dbe2de; padding: 9px 0 9px 16px; }
.oc-payment-guide__toc a:hover { border-color: #3e614d; background: #f1f5f3; }
.oc-payment-guide h2[id], .oc-payment-guide h3[id] { scroll-margin-top: var(--oc-payment-anchor-top, 110px); }
/* The shared in-text shortcode owns its layout and styling. */
.oc-payment-guide .oc-shortcode-list--single { container-type: inline-size; }
body.oc-payment-method-page .oc-payment-guide .oc-shortcode-list--single .oc-shortcode-row { background: #eef4f0 !important; border-color: #d5e1d8 !important; }
.oc-payment-guide .oc-prose .oc-shortcode-row__offer h3 { margin: 0; }
.oc-payment-guide .oc-prose .oc-shortcode-row__actions a:is(:hover, :focus-visible) { text-decoration: none; }
.oc-payment-guide .oc-prose .oc-shortcode-list--single .oc-shortcode-row__actions { flex-direction: column !important; }
/* Use the standard stacked layout when a sidebar makes the article narrow. */
@container (max-width: 760px) {
 .oc-payment-guide .oc-prose .oc-shortcode-list--single .oc-shortcode-row { grid-template-columns: 1fr !important; }
 .oc-payment-guide .oc-prose .oc-shortcode-list--single .oc-shortcode-row > div { grid-column: 1 !important; grid-row: auto !important; }
 .oc-payment-guide .oc-prose .oc-shortcode-list--single .oc-brand-panel { min-height: 178px; }
 .oc-payment-guide .oc-prose .oc-shortcode-list--single .oc-shortcode-row__offer { padding: 24px !important; }
}
.oc-payment-guide .oc-terms-hover small, .oc-payment-guide__toc, .oc-payment-guide__facts, .oc-payment-guide__breadcrumb, .oc-payment-guide__byline { font-family: var(--oc-font) !important; }
.oc-payment-guide .oc-prose .oc-payment-guide__offer-note { font-size: 13px; color: #56665d; margin: -10px 0 22px; }
.oc-payment-guide .oc-payment-evidence-card { border-radius: 0; box-shadow: none; border: 0; border-top: 1px solid var(--payment-border); padding: 28px 0 0; background: none; }
.oc-payment-guide .oc-prose table { width: 100%; table-layout: fixed; }
.oc-payment-guide .oc-prose th, .oc-payment-guide .oc-prose td { overflow-wrap: anywhere; font-size: 16px; }
.oc-payment-guide__related { padding-block: 0 48px; }
.oc-payment-guide__related .oc-payment-related { margin: 0; padding: 32px 0 0; border: 0; border-top: 1px solid var(--payment-border); background: none; box-shadow: none; border-radius: 0; }
.oc-payment-guide__related .oc-payment-related__head h2 { font-size: 28px; }
.oc-payment-guide__related .oc-payment-related__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.oc-payment-guide__related .oc-payment-card { border-radius: 8px; }
.oc-payment-guide #recommended-casinos, .oc-payment-guide #main-content { scroll-margin-top: var(--oc-payment-anchor-top, 110px); }
.oc-payment-guide a:focus-visible, .oc-payment-guide summary:focus-visible { outline: 3px solid #0079c1; outline-offset: 4px; }
.oc-payment-guide__directory { padding-block: 36px 48px; }
.oc-payment-guide__directory .oc-payment-directory { padding: 0; margin: 0; background: none; box-shadow: none; border: 0; border-radius: 0; }
.oc-payment-guide__directory .oc-payment-directory__head { align-items: start; }
.oc-payment-guide__directory .oc-payment-directory__head h2 { font-size: 28px; line-height: 1.3; margin: 0 0 12px; }
.oc-payment-guide__directory .oc-payment-directory__head .oc-kicker { display: none; }
.oc-payment-guide__directory .oc-payment-directory__head > strong { background: none; border: 0; padding: 0; font-size: 14px; white-space: nowrap; }
.oc-payment-guide__directory .oc-payment-directory__tools { grid-template-columns: minmax(220px, 1fr) 2fr; align-items: center; }
.oc-payment-guide__directory .oc-payment-directory__filters { justify-content: flex-end; }
.oc-payment-guide__directory .oc-payment-directory__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.oc-payment-guide__directory .oc-payment-card { border-radius: 8px; box-shadow: none; padding: 24px; grid-template-columns: 80px minmax(0, 1fr); align-items: start; }
.oc-payment-guide__directory .oc-payment-card__logo { width: 80px; height: 60px; min-width: 0; padding: 8px; background: #f4f6f5; border-radius: 4px; }
.oc-payment-guide__directory .oc-payment-card__logo img { width: 100%; height: 100%; object-fit: contain; }
.oc-payment-guide__directory .oc-payment-card__copy { min-width: 0; }
.oc-payment-guide__directory .oc-payment-card__copy > span:not(.oc-payment-card__status) { font-size: 14px; line-height: 1.6; }
.oc-payment-guide__directory .oc-payment-card__arrow { display: none; }
.oc-payment-guide__directory .oc-payment-card__status { font-size: 12px; line-height: 1.5; }
.oc-payment-guide__directory .oc-payment-card:hover { border-color: #627b69; background: #f7faf8; transform: none; }
.oc-money-guide .oc-prose .oc-editorial-panel { box-shadow: none; }
.oc-money-guide .oc-dev-casino-cons { margin-top: 18px; }
.oc-money-guide .oc-dev-casino-cons .oc-dev-casino-reasons { margin-top: 8px; }
@media (max-width: 980px) {
 .oc-payment-guide__columns.has-toc { grid-template-columns: minmax(0, 1fr) 220px; gap: 28px; }
 .oc-payment-guide__directory .oc-payment-directory__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .oc-payment-guide__directory .oc-payment-directory__tools { grid-template-columns: 1fr; }
 .oc-payment-guide__directory .oc-payment-directory__filters { justify-content: flex-start; }
}
@media (max-width: 760px) {
 .oc-payment-guide__related .oc-payment-related__grid { grid-template-columns: 1fr; }
 .oc-payment-guide__inner { width: calc(100% - 36px); }
 .oc-payment-guide__hero .oc-payment-guide__intro { margin: 0; }
 .oc-payment-guide__facts dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
 .oc-payment-guide__facts dd { font-size: 16px; }
 .oc-payment-guide__columns.has-toc { display: flex; flex-direction: column; gap: 24px; }
 .oc-payment-guide .oc-page-toc-sidebar { position: static; order: -1 !important; width: 100%; }
 .oc-payment-guide .oc-page-toc-sidebar .oc-toc { max-height: none; }
 .oc-payment-guide .oc-prose { width: 100%; font-size: 17px; }
 .oc-payment-guide .oc-prose h2 { font-size: 27px; }
 .oc-payment-guide .oc-payment-evidence-card__sources { grid-template-columns: 1fr; }
 .oc-payment-guide__directory .oc-payment-directory__grid { grid-template-columns: 1fr; }
 .oc-payment-guide__directory .oc-payment-directory__head { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 480px) {
 .oc-payment-guide__hero h1 { flex-basis: 100%; }
}
@media (max-width: 360px) {
 .oc-payment-guide__facts dl { grid-template-columns: minmax(0, 1fr); }
}
