/* ocryptocanada.com content-refresh blocks (Oct 2026). Loaded only on overlaid pages, after occ-site.css.
   Theme sets html{font-size:10px}: 1.6rem = 16px. Tokens come from occ-site.css (:root --occ-*). */
:root{--occ-ok:#00a06b;--occ-ok-bg:#e9f8f1;--occ-warn:#b45309;--occ-warn-bg:#fff7e8;--occ-bad:#b42318;--occ-bad-bg:#fdecea}
.occ-ov{font-family:Karla,system-ui,-apple-system,"Segoe UI",sans-serif}
.occ-ov-section{padding:8px 0 24px}
.occ-ov-section>.container{max-width:920px}

/* quick answer: the first thing a reader (and an AI engine) sees */
.occ-ov-answer{background:var(--occ-bg2);border:1px solid var(--occ-line);border-left:4px solid var(--occ-accent);border-radius:12px;padding:1.8rem 2rem;margin:0 0 2.4rem}
.occ-ov-answer>p:first-child{font-size:1.75rem;color:var(--occ-ink)}
.occ-ov-answer p{margin-bottom:.7em!important}
.occ-ov-answer ol,.occ-ov-answer ul{margin:.4em 0 0 1.6em}

/* key takeaways */
.occ-ov-keys{border:1px solid var(--occ-line);border-radius:12px;padding:1.6rem 2rem;margin:0 0 2.4rem;background:#fff}
.occ-ov-keys h2,.occ-ov-keys h3{margin-top:0!important;font-size:2rem!important}

/* tables scroll sideways on phones, never the page */
.occ-ov-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 2.4rem;border:1px solid var(--occ-line);border-radius:12px}
.occ-ov-table{border-collapse:collapse;width:100%;min-width:640px;font-size:1.5rem;background:#fff}
.occ-ov-table caption{caption-side:top;text-align:left;padding:1.2rem 1.4rem .4rem;font-weight:700;color:var(--occ-ink);font-size:1.6rem}
.occ-ov-table th,.occ-ov-table td{padding:1rem 1.2rem;border-bottom:1px solid var(--occ-line);text-align:left;vertical-align:top;line-height:1.45!important}
.occ-ov-table thead th{background:var(--occ-navy);color:#fff;font-weight:700;white-space:nowrap}
.occ-ov-table tbody tr:nth-child(even){background:var(--occ-bg2)}
.occ-ov-table tbody th{font-weight:700;color:var(--occ-ink);white-space:nowrap}
.occ-ov-table a{color:var(--occ-accent2);font-weight:700}

/* score badge */
.occ-ov-score{display:inline-flex;align-items:baseline;gap:.2rem;background:var(--occ-ink);color:#fff;border-radius:8px;padding:.3rem .8rem;font-weight:800;font-size:1.5rem;white-space:nowrap}
.occ-ov-score small{font-weight:600;opacity:.75;font-size:1.15rem}

/* status labels */
.occ-ov-flag{display:inline-block;border-radius:999px;padding:.25rem .9rem;font-size:1.25rem;font-weight:700;line-height:1.4;white-space:nowrap}
.occ-ov-flag--ok{background:var(--occ-ok-bg);color:var(--occ-ok)}
.occ-ov-flag--off{background:var(--occ-warn-bg);color:var(--occ-warn)}
.occ-ov-flag--bad{background:var(--occ-bad-bg);color:var(--occ-bad)}
.occ-ov-offshore{background:var(--occ-warn-bg);border:1px solid #f5d9a8;border-radius:10px;padding:1rem 1.4rem;font-size:1.45rem;color:#5c3b06;margin:0 0 1.4rem}
.occ-ov-offshore p{margin:0!important;color:inherit!important}

/* one exchange / product pick */
.occ-ov-pick{border:1px solid var(--occ-line);border-radius:14px;padding:2rem;margin:0 0 2.8rem;background:#fff;box-shadow:0 4px 18px rgba(11,16,32,.05)}
.occ-ov-pick__head{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-bottom:1.2rem}
.occ-ov-pick__rank{display:inline-flex;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--occ-accent);color:#fff;font-weight:800;align-items:center;justify-content:center;font-size:1.6rem;flex:none}
.occ-ov-pick__head h2,.occ-ov-pick__head h3{margin:0!important;flex:1 1 260px}
.occ-ov-pick__best{width:100%;color:var(--occ-muted);font-size:1.5rem;margin:0!important}
.occ-ov-pick__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin:0 0 1.6rem;padding:0;list-style:none}
.occ-ov-pick__facts li{background:var(--occ-bg2);border-radius:10px;padding:.9rem 1.1rem;margin:0!important;font-size:1.45rem}
.occ-ov-pick__facts b{display:block;font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;color:var(--occ-muted);font-weight:700}
.occ-ov-pick__cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.4rem}

/* the author's own take, in his voice */
.occ-ov-take{border-left:4px solid #00cb87;background:#f3fbf8;border-radius:0 12px 12px 0;padding:1.4rem 1.8rem;margin:0 0 1.6rem}
.occ-ov-take>b:first-child{display:block;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em;color:var(--occ-ok);margin-bottom:.4rem}
.occ-ov-take p:last-child{margin-bottom:0!important}

/* pros / cons */
.occ-ov-pc{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:0 0 1.4rem}
.occ-ov-pc>div{border-radius:10px;padding:1.2rem 1.4rem}
.occ-ov-pc>div:first-child{background:var(--occ-ok-bg)}
.occ-ov-pc>div:last-child{background:var(--occ-bad-bg)}
.occ-ov-pc h4{margin:0 0 .5rem!important;font-size:1.55rem!important}
.occ-ov-pc ul{margin:0 0 0 1.4em!important}
.occ-ov-pc li{font-size:1.5rem}

/* freshness block */
.occ-ov-fresh{border:1px solid #cfe3ff;background:#f4f8ff;border-radius:14px;padding:1.8rem 2rem;margin:0 0 2.6rem}
.occ-ov-fresh h2{margin-top:0!important}
.occ-ov-fresh ul{margin:0 0 0 1.4em!important}
.occ-ov-fresh li{margin-bottom:.6em}
.occ-ov-fresh time{font-weight:700;color:var(--occ-ink)}

/* notices (e.g. a platform that no longer onboards) */
.occ-ov-notice{border:2px solid var(--occ-accent);background:#fff4f2;border-radius:12px;padding:1.6rem 1.8rem;margin:0 0 2.4rem}
.occ-ov-notice p{margin-bottom:.6em!important;color:var(--occ-ink)!important}
.occ-ov-notice p:last-child{margin-bottom:0!important}

/* numbered steps */
.occ-ov-steps{counter-reset:s;list-style:none;margin:0 0 2.4rem!important;padding:0}
.occ-ov-steps>li{counter-increment:s;position:relative;padding:0 0 0 4.4rem;margin:0 0 1.4rem!important}
.occ-ov-steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;background:var(--occ-navy);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.45rem}

/* FAQ accordion */
.occ-ov-faq details{border:1px solid var(--occ-line);border-radius:10px;margin:0 0 1rem;background:#fff}
.occ-ov-faq summary{cursor:pointer;padding:1.3rem 1.6rem;font-weight:700;color:var(--occ-ink);font-size:1.7rem;list-style:none}
.occ-ov-faq summary::-webkit-details-marker{display:none}
.occ-ov-faq summary::after{content:"+";float:right;font-weight:800;color:var(--occ-accent)}
.occ-ov-faq details[open] summary::after{content:"\2212"}
.occ-ov-faq details>div{padding:0 1.6rem 1.2rem}

/* bar chart for data comparisons (pure CSS, values set inline as --v: 0..100) */
.occ-ov-bars{list-style:none;margin:0 0 2.4rem!important;padding:0}
.occ-ov-bars li{display:grid;grid-template-columns:minmax(110px,170px) 1fr auto;gap:1rem;align-items:center;margin:0 0 .7rem!important;font-size:1.45rem}
.occ-ov-bars i{display:block;height:1.2rem;border-radius:6px;background:linear-gradient(90deg,var(--occ-accent) calc(var(--v)*1%),var(--occ-line) 0)}

@media (max-width:640px){
  .occ-ov-pc{grid-template-columns:1fr}
  .occ-ov-pick{padding:1.5rem}
  .occ-ov-answer,.occ-ov-fresh{padding:1.4rem 1.5rem}
  .occ-ov-bars li{grid-template-columns:96px 1fr auto}
}

/* /best/ pages: the theme's .featured main sets light text for its dark hero; the refreshed body sits on white */
.occ-ov-section{background:#fff;color:var(--occ-body)}
.occ-ov-section p,.occ-ov-section li,.occ-ov-section td,.occ-ov-section span,.occ-ov-section small,
.occ-ov-section summary,.occ-ov-section div{color:var(--occ-body)}
.occ-ov-section h2,.occ-ov-section h3,.occ-ov-section h4,.occ-ov-section b,.occ-ov-section strong,
.occ-ov-section th,.occ-ov-section caption{color:var(--occ-ink)}
.occ-ov-section a{color:var(--occ-accent2)}
.occ-ov-section .occ-ov-table thead th{color:#fff}
.occ-ov-section .occ-btn,.occ-ov-section .occ-ov-pick__rank,.occ-ov-section .occ-ov-score,.occ-ov-section .occ-ov-score small,
.occ-ov-section .occ-ov-steps>li::before{color:#fff!important}
.occ-ov-section .occ-ov-flag--ok{color:var(--occ-ok)}
.occ-ov-section .occ-ov-flag--off{color:var(--occ-warn)}
.occ-ov-section .occ-ov-offshore p{color:#5c3b06}
.occ-ov-section .occ-ov-take>b:first-child{color:var(--occ-ok)}
.occ-ov-section .occ-ov-pick__facts b{color:var(--occ-muted)}

/* WCAG AA inside refreshed content (the theme's brand red #fb5241/#e0412f is 3.3-3.9:1 on white) */
:root{--occ-ok:#05744d;--occ-link:#b42d1c;--occ-cta:#c9311d;--occ-cta-hover:#a82716}
.occ-ov a,.occ-ov-section a{color:var(--occ-link)}
.occ-ov .occ-btn,.occ-ov-section .occ-btn{background:var(--occ-cta);color:#fff!important}
.occ-ov .occ-btn:hover,.occ-ov-section .occ-btn:hover{background:var(--occ-cta-hover)}
.occ-ov-pick__rank{background:var(--occ-cta)}

/* ===== /best/ redesign (bx) ===== */
/* hero: answer line + top-3 compact cards, on the theme's dark hero */
.occ-bx-lede{font-size:1.9rem!important;line-height:1.5!important;color:#e9ecf7!important;margin:0 0 1.6rem!important;max-width:820px}
.occ-bx-lede strong{color:#fff}
.occ-bx-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0 0 1.6rem;max-width:1000px}
.occ-bx-top{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;background:#fff;border-radius:12px;padding:1.2rem 1.4rem;text-decoration:none!important;box-shadow:0 6px 20px rgba(0,0,0,.25);font-family:Karla,system-ui,sans-serif}
.occ-bx-top:hover{outline:2px solid #00cb87}
.occ-bx-top__rank{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--occ-cta,#c9311d);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.occ-bx-top img{width:72px;height:26px;object-fit:contain}
.occ-bx-top__txt{display:flex;flex-direction:column;min-width:0}
.occ-bx-top__txt b{color:var(--occ-ink);font-size:1.6rem}
.occ-bx-top__txt small{color:var(--occ-muted);font-size:1.25rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.occ-bx-top__score{font-weight:800;color:var(--occ-ink);font-size:1.8rem}
.occ-bx-top__score small{font-size:1.1rem;color:var(--occ-muted)}
.occ-bx-herocta{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;align-items:center}
.occ-bx-herocta .occ-btn{background:var(--occ-cta,#c9311d)}
.occ-bx-herolink{color:#fff!important;font-weight:700;font-size:1.5rem;text-decoration:underline!important}

/* author strip + intro */
.occ-bx-author{display:flex;gap:1.2rem;align-items:center;margin:0 0 1.6rem;padding:1.2rem 1.4rem;background:var(--occ-bg2);border-radius:12px}
.occ-bx-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.occ-bx-author p{margin:0!important;font-size:1.5rem}
.occ-bx-intro p{font-size:1.65rem}

/* sticky logo jump bar */
.occ-bx-jump{position:sticky;top:var(--header-height,85px);z-index:20;display:flex;gap:.6rem;overflow-x:auto;padding:.8rem 0;margin:0 0 2rem;background:#fff;border-bottom:1px solid var(--occ-line);scrollbar-width:thin}
.occ-bx-jump a{flex:none;display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border:1px solid var(--occ-line);border-radius:999px;font-size:1.3rem;font-weight:700;color:var(--occ-ink)!important;text-decoration:none!important;background:#fff;white-space:nowrap}
.occ-bx-jump a:hover{border-color:var(--occ-cta,#c9311d)}
.occ-bx-jump img{width:44px;height:16px;object-fit:contain}
.occ-bx-card,.occ-ov-fresh,.occ-bx-compare,h2[id]{scroll-margin-top:calc(var(--header-height,85px) + 64px)}

/* tabbed comparison */
.occ-bx-compare{margin:0 0 2.6rem}
.occ-bx-tabs{display:flex;gap:.4rem;overflow-x:auto;border-bottom:2px solid var(--occ-line);margin:0 0 1.2rem}
.occ-bx-tabs button{flex:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:1rem 1.4rem;font:700 1.5rem Karla,system-ui,sans-serif;color:var(--occ-muted);cursor:pointer}
.occ-bx-tabs button[aria-selected="true"]{color:var(--occ-ink);border-bottom-color:var(--occ-cta,#c9311d)}
.occ-bx-compare.is-js .occ-bx-panel[data-hidden]{display:none}
.occ-bx-panel h3{margin-top:.4em!important}
.occ-bx-tlogo{width:56px;height:20px;object-fit:contain;display:block;margin:0 0 .3rem}
.occ-bx-compare .occ-ov-table tbody th:first-child,.occ-bx-compare .occ-ov-table tbody td:first-child{position:sticky;left:0;background:inherit;z-index:1}
.occ-bx-compare .occ-ov-table tbody tr{background:#fff}
.occ-bx-compare .occ-ov-table tbody tr:nth-child(even){background:var(--occ-bg2)}

/* need chips */
.occ-bx-need{margin:0 0 2rem}
.occ-bx-chips{display:flex;flex-wrap:wrap;gap:.7rem}
.occ-bx-chips button{border:1.5px solid var(--occ-line);background:#fff;border-radius:999px;padding:.7rem 1.3rem;font:700 1.4rem Karla,system-ui,sans-serif;color:var(--occ-ink);cursor:pointer}
.occ-bx-chips button[aria-pressed="true"]{background:var(--occ-ink);border-color:var(--occ-ink);color:#fff}
.occ-bx-filtered .occ-bx-card:not(.is-match){opacity:.38}
.occ-bx-card.is-match{outline:3px solid #00cb87;outline-offset:2px}

/* pick card */
.occ-bx-card{border:1px solid var(--occ-line);border-radius:14px;padding:2rem;margin:0 0 2.2rem;background:#fff;box-shadow:0 4px 18px rgba(11,16,32,.05);transition:opacity .2s}
.occ-bx-card__head{display:grid;grid-template-columns:auto auto 1fr auto;gap:1.2rem;align-items:center;margin:0 0 1.2rem}
.occ-bx-logo{width:110px;height:38px;object-fit:contain}
.occ-bx-card__title h3{margin:0!important;font-size:2rem!important}
.occ-bx-card__title .occ-ov-pick__best{margin:.2rem 0 .4rem!important}
.occ-bx-card .occ-ov-pick__facts{margin-bottom:1.2rem}
.occ-bx-more{margin-top:1.2rem;border-top:1px solid var(--occ-line);padding-top:1rem}
.occ-bx-more summary{cursor:pointer;font-weight:700;color:var(--occ-link,#b42d1c);font-size:1.55rem;list-style:none}
.occ-bx-more summary::-webkit-details-marker{display:none}
.occ-bx-more summary::before{content:"+ "}
.occ-bx-more[open] summary::before{content:"\2212 "}
.occ-bx-more>div{padding-top:1.2rem}

/* click-to-play video */
.occ-yt{position:relative;display:block;max-width:560px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin:1rem 0 1.4rem}
.occ-yt img{width:100%;height:100%;object-fit:cover;opacity:.9}
.occ-yt__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#c4302b}
.occ-yt__play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.occ-yt__label{position:absolute;left:0;right:0;bottom:0;padding:.8rem 1.2rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff!important;font-weight:700;font-size:1.4rem}
.occ-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.occ-bx-weights li{grid-template-columns:minmax(150px,210px) 1fr auto}
.occ-bx-note{color:var(--occ-muted)!important;font-size:1.4rem}

/* mobile sticky top pick */
.occ-bx-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:1rem;padding:.9rem 1.6rem calc(.9rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--occ-line);box-shadow:0 -6px 20px rgba(11,16,32,.12);font:1.5rem Karla,system-ui,sans-serif;color:var(--occ-ink)}
.occ-bx-sticky[hidden]{display:none}
.occ-bx-sticky img{width:60px;height:22px;object-fit:contain}
.occ-bx-sticky span{flex:1;color:var(--occ-ink)!important}
.occ-bx-sticky .occ-btn{padding:.8rem 1.6rem}
@media (min-width:769px){.occ-bx-sticky{display:none!important}}
@media (max-width:900px){.occ-bx-top3{grid-template-columns:1fr}}
@media (max-width:640px){
  .occ-bx-lede{font-size:1.65rem!important}
  .occ-bx-top{padding:.9rem 1.1rem;gap:.8rem}
  .occ-bx-top img{width:58px}
  .occ-bx-card{padding:1.5rem}
  .occ-bx-card__head{grid-template-columns:auto 1fr auto}
  .occ-bx-logo{grid-column:2;grid-row:1;width:90px;height:30px}
  .occ-bx-card__title{grid-column:1/-1}
  .occ-bx-jump{top:var(--header-height,70px)}
}
.featured-home__descr:has(.occ-bx-top3){max-width:1000px!important;width:100%}
.featured-home__descr .occ-bx-lede{max-width:720px}
.occ-ov-pc h4{color:var(--occ-ink)!important}
/* pros / cons markers */
.occ-ov-pc ul{list-style:none!important;margin:0!important;padding:0!important}
.occ-ov-pc li{position:relative;padding-left:2.6rem!important;margin:0 0 .6em!important}
.occ-ov-pc li::before{content:"";position:absolute;left:0;top:.35em;width:1.6rem;height:1.6rem;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:70%}
.occ-ov-pc>div:first-child li::before{background-color:#05744d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.9 2.8L12.5 5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.occ-ov-pc>div:last-child li::before{background-color:#b42318;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.occ-bx-more summary::before{content:"+\00a0"}
.occ-bx-more[open] summary::before{content:"\2212\00a0"}
.occ-bx-top__txt small{font-size:1.35rem}
/* fee calculator */
.occ-calc{margin:0 0 1.6rem}
.occ-calc__in{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-weight:700;font-size:1.7rem;color:var(--occ-ink);margin:0 0 1.2rem}
.occ-calc__in span{font-weight:600;color:var(--occ-muted)}
.occ-calc__in input{width:14rem;padding:.9rem 1.2rem;border:2px solid var(--occ-line);border-radius:10px;font:700 1.8rem Karla,system-ui,sans-serif;color:var(--occ-ink)}
.occ-calc__in input:focus{outline:none;border-color:var(--occ-cta,#c9311d)}
.occ-calc-cost{font-weight:800;color:var(--occ-ink);white-space:nowrap}
/* restored screenshots and photos */
.occ-ov-fig{margin:1.4rem 0 2rem;max-width:100%}
.occ-ov-fig img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid var(--occ-line);box-shadow:0 4px 16px rgba(11,16,32,.06)}
.occ-ov-fig figcaption{margin-top:.6rem;font-size:1.45rem;line-height:1.45;color:var(--occ-muted)}
/* author profile */
.occ-au-head{display:flex;gap:2rem;align-items:center;margin:0 0 2.4rem;padding:1.8rem;background:var(--occ-bg2);border-radius:16px}
.occ-au-head img{width:140px;height:140px;border-radius:50%;object-fit:cover;flex:none}
.occ-au-role{margin:0 0 .8rem!important}
.occ-au-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:0!important}
.occ-au-links a{border:1.5px solid var(--occ-line);background:#fff;border-radius:999px;padding:.5rem 1.2rem;font-weight:700;font-size:1.45rem;color:var(--occ-ink)!important;text-decoration:none!important}
.occ-au-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;list-style:none!important;padding:0!important;margin:0 0 2rem!important}
.occ-au-grid li{margin:0!important}
.occ-au-grid a{display:block;padding:1.1rem 1.4rem;border:1px solid var(--occ-line);border-radius:12px;font-weight:700;text-decoration:none!important}
@media (max-width:640px){.occ-au-head{flex-direction:column;text-align:center}.occ-au-links{justify-content:center}}
/* any template that sets light text (dark heroes): refreshed content always reads dark on white */
.page-content .occ-ov{background:#fff;color:var(--occ-body)}
.page-content .occ-ov p,.page-content .occ-ov li,.page-content .occ-ov td,.page-content .occ-ov span{color:var(--occ-body)}
.page-content .occ-ov h2,.page-content .occ-ov h3,.page-content .occ-ov th,.page-content .occ-ov b,.page-content .occ-ov strong,.page-content .occ-ov caption{color:var(--occ-ink)}
.page-content .occ-ov .occ-ov-table thead th{color:#fff}
.page-content .occ-ov .occ-ov-steps>li::before{color:#fff}
.page-content .occ-ov{padding:2.8rem clamp(1.6rem,3vw,4rem) 3.2rem;border-radius:16px}
.page-content .occ-ov a:not(.occ-btn){color:var(--occ-link,#b42d1c)}
.page-content .occ-ov .occ-au-links a{color:var(--occ-ink)!important}
.occ-au-head img{margin:0!important;display:block}
.occ-au-head>div{flex:1}

/* comparison "At A Glance" (build/compare-glance.py) */
.occ-cg-wrap{max-width:1000px;margin:0 auto 2.8rem}
.occ-cg{background:#fff;color:var(--occ-body);border:1px solid var(--occ-line);border-radius:16px;padding:2.2rem clamp(1.4rem,3vw,3rem);font-family:Karla,system-ui,sans-serif}
.occ-cg h2{font-size:clamp(2.4rem,2rem + 1vw,3rem)!important;line-height:1.22!important;color:var(--occ-ink)!important;margin:0 0 1.4rem!important;font-weight:800}
.occ-cg p,.occ-cg td{color:var(--occ-body)}
.occ-cg th,.occ-cg strong,.occ-cg b,.occ-cg caption{color:var(--occ-ink)}
.occ-cg .occ-ov-table thead th{color:#fff}
.occ-cg a:not(.occ-btn){color:var(--occ-link,#b42d1c)}
.occ-cg .occ-ov-answer p{font-size:var(--occ-fs,1.9rem)!important;line-height:1.6!important;margin:0!important}
.occ-cg-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:0 0 2rem}
.occ-cg-card{border:1px solid var(--occ-line);border-radius:14px;padding:1.6rem;display:flex;flex-direction:column;gap:.8rem}
.occ-cg-card--bad{background:#fdf6f5}
.occ-cg-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}
.occ-cg-top img{width:130px;height:40px;object-fit:contain;object-position:left center}
.occ-cg-name{font-size:2rem}
.occ-cg-best{margin:0!important;font-size:var(--occ-fs2,1.7rem)!important;line-height:1.5!important}
.occ-cg-cta{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;margin-top:auto}
.occ-cg-win{font-weight:800;color:var(--occ-ink)!important;white-space:nowrap}
.vs-single-banner__status{display:inline-block;padding:.7rem 1.2rem;border-radius:8px;background:#fdecea;color:#8f2416;font-weight:700;font-size:1.35rem}
@media (max-width:640px){.occ-cg-cards{grid-template-columns:1fr}.occ-cg{border-radius:12px}}
.occ-cg-card .occ-ov-flag{align-self:flex-start;white-space:normal}
/* comparison body (mode "vs") inside the theme's two-column container */
.vs-single__container .occ-vs{flex:1 1 auto;min-width:0;background:#fff;color:var(--occ-body);border:1px solid var(--occ-line);border-radius:16px;padding:2.4rem clamp(1.4rem,3vw,3.2rem)}
.occ-vs h2{font-size:clamp(2.4rem,2rem + 1vw,3rem)!important;line-height:1.22!important;color:var(--occ-ink)!important;margin:1.6em 0 .6em!important;font-weight:800}
.occ-vs h2:first-child{margin-top:0!important}
.occ-vs h3{color:var(--occ-ink)!important}
.occ-vs p,.occ-vs li,.occ-vs td{color:var(--occ-body)}
.occ-vs th,.occ-vs b,.occ-vs strong,.occ-vs caption{color:var(--occ-ink)}
.occ-vs .occ-ov-table thead th{color:#fff}
.occ-vs a:not(.occ-btn){color:var(--occ-link,#b42d1c)}
/* the theme pins its sign-up banner absolutely on the right from 768px: leave room for it */
@media (min-width:768px){.vs-single__container .occ-vs{max-width:calc(100% - 286px)}}
.occ-ov a,.occ-ov td,.occ-ov li,.occ-ov p{overflow-wrap:anywhere}
.occ-ov iframe{max-width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px}
/* live price pages */
.occ-px{border:1px solid var(--occ-line);border-radius:16px;padding:2rem;margin:0 0 2.4rem;background:#fff}
.occ-px__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.6rem}
.occ-px__label{font-weight:700;color:var(--occ-muted);font-size:1.5rem;width:100%}
.occ-px__p{font:800 clamp(3.2rem,2.4rem + 2.4vw,4.8rem)/1.1 Karla,system-ui,sans-serif;color:var(--occ-ink);font-variant-numeric:tabular-nums}
.occ-px__chg{font-weight:700;font-size:1.6rem;font-variant-numeric:tabular-nums}
.occ-px .up,.occ-pxt .up{color:#05744d}.occ-px .down,.occ-pxt .down{color:#b42318}
.occ-px__s{color:var(--occ-link,#b42d1c);height:60px;margin:1.2rem 0}.occ-px__s svg,.occ-pxt svg{width:100%;height:100%}
.occ-px__t{font-size:1.35rem;color:var(--occ-muted)}
.occ-px__conv{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end;margin-top:1.4rem}
.occ-px__conv label{display:grid;gap:.4rem;font-weight:700;font-size:1.4rem;color:var(--occ-ink)}
.occ-px__conv input{width:100%;min-width:0;padding:1rem 1.2rem;border:2px solid var(--occ-line);border-radius:10px;font:700 1.8rem Karla,system-ui,sans-serif;color:var(--occ-ink)}
.occ-px__conv span{padding-bottom:1.2rem;font-weight:800;color:var(--occ-muted)}
.occ-pxt td:last-child{width:120px;height:34px;color:var(--occ-link,#b42d1c)}
@media (max-width:640px){.occ-px__conv{grid-template-columns:1fr}.occ-px__conv span{display:none}}
/* review trust kit (build/review-kit.py) */
.occ-kit{margin:0 0 2.4rem}
.occ-kit-verdict{border:2px solid var(--occ-ink);border-radius:16px;padding:1.8rem 2rem;background:#fff}
.occ-kit-top{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin:0 0 1rem}
.occ-kit-top img{width:150px;height:46px;object-fit:contain;object-position:left center}
.occ-kit-scorebox{display:flex;align-items:center;gap:1rem}
.occ-kit-scorebox .occ-ov-score{font-size:2.2rem;padding:.5rem 1.1rem}
.occ-kit-rank{font-weight:700;color:var(--occ-muted);font-size:1.45rem}
.occ-kit-verdict .occ-ov-flag{margin:0 0 1.2rem}
.occ-kit-verify,.occ-kit-sources{border:1px solid var(--occ-line);border-radius:14px;padding:1.6rem 2rem;background:var(--occ-bg2)}
.occ-kit-verify h2,.occ-kit-sources h2,.occ-kit h2{margin-top:0!important}
.occ-kit-sources ul{columns:2;column-gap:2.4rem}
.occ-kit-sources li{break-inside:avoid;font-size:1.45rem!important}
@media (max-width:640px){.occ-kit-sources ul{columns:1}.occ-kit-verdict{padding:1.4rem}}
.occ-kit .occ-ov-pick__facts{list-style:none!important;padding:0!important}
.occ-kit .occ-ov-pick__facts li{padding-left:1.1rem!important}
.occ-kit .occ-ov-pick__facts li::before{display:none!important;content:none!important}
/* cluster links (build/cluster-links.py) */
.occ-up{font-size:1.5rem;color:var(--occ-muted,#55635e);margin:0 0 1.6rem!important}
.occ-up a{font-weight:600}
.occ-dir{margin:2.4rem 0}
.occ-dir ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem 2rem;list-style:none;padding:0!important;margin:0}
.occ-dir li{margin:0!important;padding:0!important}
.occ-dir li::before{display:none!important}
.occ-dir a{display:block;padding:.8rem 0;border-bottom:1px solid #e3e9e6;font-weight:600}
.vs-single-banner__name{display:block;font-weight:800;font-size:1.8rem;line-height:1.2;margin-bottom:.8rem}