body{background:#f4f6f8}header{background:#fff}main{background:#fff}footer{background:#f8fafc}.comparison{padding-top:30px}.rate-notice{display:flex;align-items:flex-start;gap:13px;border:1px solid #e4d7b3;background:#fff9eb;padding:17px 19px;margin-bottom:24px;border-radius:7px;color:#6a582d}.notice-icon{display:flex;align-items:center;justify-content:center;border:1px solid #b18a35;color:#9a7326;border-radius:50%;width:21px;height:21px;font-size:12px;font-weight:700;flex-shrink:0}.rate-notice strong{font-size:12px}.rate-notice p{font-size:11px;line-height:1.85;margin:6px 0 9px}.rate-notice .text-button{font-size:10px;color:#705826;text-decoration:underline;text-underline-offset:3px}.extra-filters{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:24px;padding-top:20px;align-items:center}.extra-filters p{font-size:10px;line-height:1.8;color:var(--muted);padding-top:13px}.filter-bottom{flex-wrap:wrap;gap:13px}.filter-bottom label.sr-only{position:absolute}.filter-bottom #other-term{width:130px;min-height:32px;padding:7px;font-size:10px}.reset{white-space:nowrap}.table-guidance{font-size:10px;line-height:1.9;color:var(--muted);margin:-5px 0 12px}.bank-product{white-space:normal;max-width:210px;line-height:1.5}.bank-cell{align-items:flex-start}.bank-logo{flex-shrink:0}.recorded-date{font-size:8px;color:#6f7d85;line-height:1.8;margin-top:4px}.data-flag{display:inline-block;font-size:7px;letter-spacing:.1px;color:#846221;background:#fbf1d9;border:1px solid #eee0bc;border-radius:3px;padding:2px 4px;margin:3px 3px 0 0}.profit-label{display:block;font-size:7px;line-height:1.6;color:#597064;padding-top:2px}.missing-rate{color:#9da6ab}.conflict-rate{font-size:9px;color:#876325;white-space:normal;display:inline-block;max-width:65px}.coverage-note{font-size:10px;line-height:1.9;color:#697c86;margin-top:15px}.unavailable-banks{font-size:10px;color:#7b6846;line-height:1.8;margin-top:9px}.unavailable-banks span{display:block}.updated{line-height:1.9;margin-top:19px}.table-shell{position:relative;contain:inline-size}table{min-width:800px}th:first-child{width:29%}dialog{max-height:85vh;overflow:auto}dialog dl{grid-template-columns:1fr 1.3fr;font-size:11px;line-height:1.8}dialog dt,dialog dd{padding:5px 0;border-bottom:1px solid #edf0f1}dialog dd{overflow-wrap:anywhere}#modal-title{overflow-wrap:anywhere}.source-link{display:inline-block;text-decoration:underline;color:#234e5b;margin-bottom:15px}.detail-warning{padding:13px;background:#fff8e8;border:1px solid #e8dab4;border-radius:4px;color:#7d632e}footer>p{font-size:10px}.founder-role{display:inline-block;margin-top:20px}nav{display:flex}
.filter-bottom label.sr-only{width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:420px){.metric #return{font-size:clamp(13px,4vw,17px);white-space:nowrap}}
@media(max-width:1000px){nav{gap:15px}nav a{font-size:10px}.extra-filters{gap:15px}.filter-bottom{gap:10px}.term-buttons{gap:5px}.term-buttons button{padding:8px 10px}.section-heading{gap:20px}}
@media(max-width:720px){header{height:auto;min-height:115px;display:flex;flex-wrap:wrap;padding:17px 20px 0;gap:17px}header .brand{order:0}header .nav-cta{order:1;margin-left:auto}header nav{display:flex;order:2;flex:0 0 100%;justify-content:flex-start;gap:28px;border-top:1px solid #edf0f2;padding:14px 0;margin-top:0}header nav a{font-size:11px}.comparison{padding-top:24px}.rate-notice{padding:14px;gap:10px}.rate-notice strong{font-size:11px}.rate-notice p{font-size:10px}.rate-notice .text-button{font-size:9px}.extra-filters{grid-template-columns:1fr 1fr;gap:13px}.extra-filters p{grid-column:1/-1;padding:0;font-size:9px;margin-top:-4px}.filter-bottom{gap:10px}.filter-bottom>label:not(.sr-only){width:100%}.filter-bottom #other-term{width:112px}.reset{margin-left:0}.table-guidance{font-size:9px}.metric{padding:14px 10px}.metric strong{font-size:22px}.metric p{font-size:8px}.metrics{margin-bottom:25px}.table-heading{gap:10px}.table-heading p{line-height:1.8;max-width:300px}.coverage-note{font-size:9px}.table-foot{line-height:1.8}.updated{text-align:left;font-size:9px}.section-heading .text-button{min-width:69px}.comparison-title{font-size:26px}.section-heading p{font-size:11px}main{padding-top:0}}
.advanced-filters{border-top:1px solid #e3e9ed;margin-top:18px;padding-top:13px}.advanced-filters summary{cursor:pointer;color:#355660;font-size:11px;font-weight:600;padding:5px 0;list-style-position:inside}.advanced-filters summary span{float:right;font-size:9px;font-weight:400;color:#71828a;line-height:1.8}.advanced-filters .extra-filters{padding-top:16px}.advanced-filters summary:focus-visible{outline:2px solid #b89650;outline-offset:4px}.coverage-alert{margin:17px 0 0;padding:12px 15px;background:#f0f5f8;border-left:3px solid #b4c8d2;border-radius:4px;color:#45616d;font-size:10px;line-height:1.9}.coverage-alert strong{font-size:11px;font-weight:600}.coverage-alert p{margin-top:2px}.coverage-alert.no-term-data{background:#fff7e8;border-color:#c7a868;color:#836629}.payout-label{font-size:9px;color:#607884;margin-top:3px}.deposit-classification{display:block;font-size:8px;color:#687b85;line-height:1.7;margin-top:5px;white-space:normal;min-width:100px}.type-badge.dual-services{white-space:normal;display:inline-block;max-width:120px;line-height:1.6;background:#eaf0f7;color:#47617a}.missing-rate{font-size:9px;color:#85949d;white-space:normal;display:inline-block;line-height:1.5}.sponsor-banner h3{font-size:25px}.filter-bottom{margin-top:13px}
@media(max-width:720px){.advanced-filters summary{font-size:10px}.advanced-filters summary span{font-size:8px;float:none;display:block;padding-left:14px;margin-top:4px}.coverage-alert{font-size:9px;padding:11px 13px}.coverage-alert strong{font-size:10px}}
.bank-logo{position:relative;overflow:hidden}.bank-logo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px;border-radius:7px}.founder-photo{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;vertical-align:middle}.portrait-placeholder.has-photo{min-height:0;max-width:240px;border-radius:6px;display:block}.bank-logo:has(img[data-bank="Khaleeji Bank"]){width:80px;height:40px;background:#fff}.bank-logo-image[data-bank="Khaleeji Bank"]{width:150%;height:150%;inset:-25%;padding:0;border-radius:0}.portrait-placeholder.has-photo:before,.portrait-placeholder.has-photo .portrait-initials,.portrait-placeholder.has-photo>span{display:none}
.rate-notice a{text-decoration:underline;text-underline-offset:2px}.deposit-guide{margin:0 0 38px;padding:25px 28px;border:1px solid #e3e9ed;border-radius:7px;background:#fafcfd}.deposit-guide h2{font-size:22px;margin-bottom:18px}.deposit-guide details{border-top:1px solid #e4e9ec;padding:13px 0}.deposit-guide summary{cursor:pointer;font-size:12px;font-weight:500;line-height:1.8}.deposit-guide p{font-size:11px;line-height:1.9;color:#687b85;padding-top:10px}.button[aria-disabled="true"]{opacity:.65;cursor:default}.rate .profit-label{display:block}
@media(max-width:720px){.deposit-guide{padding:20px}.deposit-guide h2{font-size:20px}.deposit-guide summary{font-size:11px}}
.dataset-citation{margin-top:24px;padding:22px 24px;background:#f3f7f8;border:1px solid #dce5e8;border-radius:8px}.citation-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.citation-heading h3{font-size:16px}.citation-heading .button{padding:11px 16px;font-size:11px}.dataset-citation>p{font-size:12px;line-height:1.9;overflow-wrap:anywhere}.dataset-citation .citation-note{font-size:10px;color:#647681;margin-top:9px}#citation-status{display:block;font-size:11px;color:#225b48;margin-top:8px;min-height:17px}.additional-banks{margin-top:22px;padding-top:20px;border-top:1px solid #e2e8eb}.additional-banks h3{font-size:13px}.additional-banks>p{font-size:11px;color:#687b85;line-height:1.8;margin:6px 0 14px}#additional-bank-list{display:flex;gap:28px;flex-wrap:wrap}.pending-bank{display:flex;gap:11px;align-items:center}.pending-bank strong{font-size:11px;display:block}.pending-bank small{display:block;font-size:10px;color:#71828b;margin-top:4px}.pending-bank .bank-logo{width:48px;height:40px;flex-shrink:0}dialog li{font-size:12px;line-height:1.9;margin-bottom:12px}dialog ol{padding-left:20px}
@media(max-width:600px){.dataset-citation{padding:18px}.citation-heading{align-items:flex-start}.citation-heading h3{font-size:14px}.citation-heading .button{padding:10px 12px;white-space:nowrap}.dataset-citation>p{font-size:11px}}

.site-address{display:inline-block;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:7px}

/* Fixed slots keep every bank name aligned, including wide logos. */
.bank-cell{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start}.bank-cell>.bank-logo{width:80px;height:40px;min-width:80px}.founder{grid-template-columns:120px minmax(0,1fr);gap:24px;padding:20px 24px}.founder .portrait-placeholder.has-photo{max-width:120px;margin:0}.founder h2{font-size:23px;margin:8px 0 10px}.founder p{font-size:11px;line-height:1.7;max-width:700px}.founder .founder-role{margin-top:10px;font-size:7px}.section-heading .last-updated-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:12px;line-height:1.7;color:#214a46}.last-updated-heading strong{background:#edf4f1;padding:5px 9px;border-radius:4px}.last-updated-heading span{font-size:10px;color:#697e85}.updated{font-size:11px;color:#49636a}
@media(max-width:600px){.founder{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px}.founder .portrait-placeholder.has-photo{max-width:80px}.founder h2{font-size:19px}.founder p{font-size:10px}.section-heading .last-updated-heading{gap:5px;font-size:11px}}

.planned-coverage{font-size:11px;line-height:1.8;color:#677d86;margin:18px 0 28px}.rate-notice .non-endorsement{font-weight:500}

/* GCC Bank Rates identity: a compact rate-comparison mark and clear wordmark. */
.brand{gap:12px}.deposit-mark{width:46px;height:46px;flex:0 0 46px;background:transparent;border-radius:12px;display:block;letter-spacing:0}.deposit-mark svg{display:block;width:100%;height:100%}.deposit-wordmark{font-size:22px;font-weight:750;letter-spacing:-.65px;line-height:1.08;color:#123d42}.brand .deposit-wordmark small{font-size:9px;font-weight:650;letter-spacing:3.2px;margin-top:7px;color:#5d7378}.footer-main .deposit-wordmark{font-size:20px}.footer-main .deposit-mark{width:42px;height:42px;flex-basis:42px}
@media(max-width:720px){.brand{gap:9px}.deposit-mark{width:38px;height:38px;flex-basis:38px}.deposit-wordmark{font-size:18px}.brand .deposit-wordmark small{font-size:7px;letter-spacing:2.8px;margin-top:6px}}

.brand-logo-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;}.deposit-mark{overflow:visible}

/* Separate the dataset citation from the comparison guide below it. */
.dataset-citation{margin-bottom:28px}
@media(max-width:600px){.dataset-citation{margin-bottom:24px}}

/* Owner-approved champagne advertisement palette. */
.sponsor-banner{background:#f4e7c9;border-color:#e5d3a9;color:#123d42}.sponsor-banner h3{color:#123d42}.sponsor-banner p{color:#4a5b58}.sponsor-banner .ad-button{background:#123d42;color:#fff}.sponsor-banner .ad-button:hover{background:#20545a}


/* Larger selected GR mark; dedicated favicon is separate. */
header .deposit-mark{width:72px;height:64px;flex:0 0 72px} .footer-main .deposit-mark{width:64px;height:58px;flex:0 0 64px}
@media(max-width:720px){header .deposit-mark{width:58px;height:52px;flex:0 0 58px}.footer-main .deposit-mark{width:56px;height:50px;flex-basis:56px}}