.ot-bar{background:#1e3a6b;color:#dbe4f5;font-size:12px}.ot-bar .in{max-width:1100px;margin:0 auto;padding:7px 16px;display:flex;gap:8px;align-items:center}.ot-bar b{background:#dc2626;color:#fff;border-radius:999px;padding:1px 6px;font-size:11px}
.ot-top{background:#fff;border-bottom:1px solid #e5e7eb}.ot-top .in{max-width:1100px;margin:0 auto;padding:14px 16px}
.ot-logo{font-weight:800;font-size:22px;letter-spacing:-.02em;color:#1e3a6b;text-decoration:none}.ot-logo span{color:#2f6fed}
.ot-hero{background:#fff;border-bottom:1px solid #e5e7eb}.ot-hero .in{max-width:820px;margin:0 auto;padding:40px 16px 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ot-eyebrow{display:inline-block;border:1px solid #e5e7eb;background:#f4f5f8;color:#6b7280;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500}
.ot-hero h1{margin:14px 0 0;font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.02em}
.ot-hero p{margin:12px auto 0;max-width:640px;font-size:16px;line-height:1.6;color:#6b7280}
.ot-btns{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ot-btns a{display:inline-flex;align-items:center;gap:8px;border-radius:8px;padding:10px 18px;font-weight:600;font-size:14px;text-decoration:none}
.ot-btns .p{background:#1e3a6b;color:#fff}.ot-btns .p::after{content:"→"}.ot-btns .s{border:1px solid #e5e7eb;background:#fff;color:#111827}
.ot-trust{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:12px;color:#6b7280}.ot-trust span{display:inline-flex;align-items:center;gap:6px}.ot-trust svg{width:16px;height:16px}
.ot-wrap{max-width:1100px;margin:0 auto;padding:20px 16px 48px}
.ot-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}
.ot-panel h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.ot-panel .sub{margin:6px 0 0;color:#6b7280;font-size:14px}
.ot-list{margin-top:20px;display:flex;flex-direction:column;gap:18px}
.ot-row{position:relative;display:grid;grid-template-columns:36px 48px minmax(0,1fr) minmax(0,1.2fr) 52px 168px;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}
.ot-row.top{border:1.5px solid #c9a24a;box-shadow:0 2px 10px rgba(201,162,74,.12)}
.ot-label{position:absolute;top:-10px;left:16px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:1px 8px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#6b7280}
.ot-row.top .ot-label{background:#c9a24a;border-color:#c9a24a;color:#1f2937}
.ot-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1.5px solid #d7b878;background:#fdf8ee;font-weight:600;font-size:13px;color:#374151}
.ot-lg{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center;color:#fff;font-weight:700;font-size:19px}
.ot-name{font-size:16px;font-weight:700;letter-spacing:-.005em}
.ot-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.ot-chip{font-size:11.5px;border-radius:999px;padding:1px 8px;background:#f0f7f3;color:#1f6b45;border:1px solid #d9ecdf}
.ot-flag{font-size:13px;line-height:1}
.ot-offer{font-size:15.5px;font-weight:600;line-height:1.35;color:#111827}
.ot-score{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#f6ecd6;border:1px solid #e4cf9f;font-weight:700;font-size:16px;color:#5c4513}
.ot-cta a{display:flex;align-items:center;justify-content:center;gap:7px;background:#1e3a6b;color:#fff;text-decoration:none;font-weight:600;font-size:14px;border-radius:8px;padding:11px 14px}
.ot-cta a svg{width:14px;height:14px}
.ot-cta a:hover{background:#28497f}
.ot-terms{margin:18px 0 0;font-size:12px;color:#6b7280}
.ot-foot{max-width:1100px;margin:0 auto;padding:0 16px 40px;font-size:12px;color:#6b7280;text-align:center}
@media(max-width:900px){
.ot-hero h1{font-size:27px}.ot-hero p{font-size:15px}.ot-hero .in{padding:28px 16px 20px}
.ot-panel{padding:16px 12px;border-radius:14px}.ot-panel h2{font-size:20px}
.ot-row{grid-template-columns:30px 44px minmax(0,1fr) 46px;grid-template-areas:"r l n s" "o o o o" "c c c c";gap:12px;padding:20px 14px 16px}
.ot-row .ot-rank{grid-area:r;width:28px;height:28px;font-size:12px}.ot-row .ot-lg{grid-area:l;width:44px;height:44px}.ot-row .ot-nm{grid-area:n}.ot-row .ot-score{grid-area:s;width:44px;height:44px;font-size:15px}
.ot-row .ot-offer{grid-area:o;font-size:15px;background:#faf6ee;border-radius:8px;padding:9px 12px}.ot-row .ot-cta{grid-area:c}
.ot-name{font-size:16px}.ot-chip{font-size:12px;padding:2px 8px}.ot-chips{gap:4px}}
/* Keep the original geometry while exposing the page palette. */
.eus-reference{margin:0;background:var(--eus-bg);color:var(--eus-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;--primary:var(--eus-primary);--strip-bg:var(--eus-primary);--surface:var(--eus-card);--text:var(--eus-text)}
.eus-reference .ot-hero,.eus-reference .ot-panel,.eus-reference .ot-row{background:var(--eus-card)}
.eus-reference .ot-btns .p,.eus-reference .ot-cta a{background:var(--eus-primary);color:#fff}
.eus-reference .ot-offer{color:var(--eus-text)}
.eus-reference .eus-terms-wrap{padding-top:0;padding-bottom:48px}.eus-reference .eus-terms-wrap .ot-terms{margin:0;background:var(--eus-card);padding:0 24px 24px;border-radius:0 0 16px 16px}
.eus-reference .eus-prose{font-size:15px;line-height:1.7}.eus-prose h2{font-size:24px;font-weight:700;margin-bottom:12px}
.eus-nav summary{cursor:pointer;list-style:none;gap:16px}.eus-nav summary::-webkit-details-marker{display:none}.eus-nav-panel{width:280px}.eus-nav[open] summary svg{transform:rotate(180deg)}
.eus-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}.eus-theme,.eus-mobile-toggle{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface);color:var(--text)}.eus-mobile-toggle{display:none}
#eus-mobile-nav{padding:12px 20px;border-top:1px solid var(--border)}#eus-mobile-nav summary{padding:10px 0;font-weight:600}#eus-mobile-nav a{display:block;padding:8px 16px}
.eus-newsletter{position:relative;flex-wrap:wrap}.eus-newsletter input{min-width:0;width:180px}.eus-signup-result{width:100%;font-size:12px;color:var(--footer-muted)}.eus-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.eus-card-terms{display:block;font-size:11px;font-weight:400;margin-top:6px;color:#6b7280}
.eus-reference[data-eus-dark]{--eus-bg:#0a0f1a;--eus-card:#111827;--eus-text:#e9edf5;--eus-primary:#3f6fd6;--border:#283449;--surface-2:#172033}
.eus-reference[data-eus-dark] .ot-eyebrow,.eus-reference[data-eus-dark] .ot-btns .s{background:#172033;color:#e9edf5;border-color:#283449}
.eus-reference[data-eus-dark] .ot-row,.eus-reference[data-eus-dark] .ot-panel,.eus-reference[data-eus-dark] .ot-hero{border-color:#283449}
@media(max-width:1023px){.eus-mobile-toggle{display:block}.eus-header-actions>a{display:none}}
@media(max-width:900px){.eus-reference .eus-terms-wrap .ot-terms{padding:0 12px 20px}.eus-reference[data-eus-dark] .ot-offer{background:#172033}}

#eus-methodology{max-width:680px;width:calc(100% - 32px);border:1px solid #e5e7eb;border-radius:16px;padding:32px;background:var(--eus-card);color:var(--eus-text)}#eus-methodology::backdrop{background:#0008}.eus-dialog-close{float:right;cursor:pointer;font-size:26px;padding:0 8px}

.eus-reference footer .bg-gradient-to-r{background-image:linear-gradient(to right,#60a5fa,#38bdf8,#7dd3fc)}
.eus-reference footer h3,.eus-reference footer h4{color:var(--footer-fg)}
/* Saved per-page colour controls. */
.eus-reference{--border:var(--eus-border);--muted:var(--eus-muted);--footer-bg:var(--eus-footer-bg);--footer-fg:var(--eus-footer-text);--footer-muted:var(--eus-footer-muted)}
.eus-reference header{background:var(--eus-header-bg);color:var(--eus-header-text);--text:var(--eus-header-text);--surface:var(--eus-header-bg)}
.eus-reference .ot-btns .p,.eus-reference .ot-cta a,.eus-reference .eus-newsletter button{color:var(--eus-button-text);background:var(--eus-primary)}
.eus-reference .ot-hero,.eus-reference .ot-panel,.eus-reference .ot-row,.eus-reference .ot-label,#eus-methodology{border-color:var(--eus-border)}
.eus-reference .ot-hero p,.eus-reference .ot-trust,.eus-reference .ot-panel .sub,.eus-reference .ot-terms,.eus-reference .eus-card-terms,.eus-reference .ot-foot{color:var(--eus-muted)}
.eus-reference .ot-eyebrow,.eus-reference .ot-label,.eus-reference .ot-btns .s{background:var(--eus-card);color:var(--eus-muted);border-color:var(--eus-border)}
.eus-reference .ot-row.top{border-color:var(--eus-gold)}
.eus-reference .ot-row.top .ot-label{background:var(--eus-gold);border-color:var(--eus-gold);color:var(--eus-score-text)}
.eus-reference .ot-score,.eus-reference .ot-rank{background:var(--eus-score-bg);color:var(--eus-score-text);border-color:var(--eus-gold)}
.eus-reference .ot-chip{background:var(--eus-card);color:var(--eus-muted);border-color:var(--eus-border)}
@media(max-width:900px){.eus-reference .ot-offer{background:var(--eus-score-bg);color:var(--eus-score-text)}}

.eus-reference[data-eus-dark]{--eus-header-bg:#111827;--eus-header-text:#e9edf5;--eus-muted:#aab5c6;--eus-border:#283449}
.eus-reference{--primary-foreground:var(--eus-button-text);--strip-fg:var(--eus-button-text)}