/* GameRigAdvisor shared design layer 2026-10-02: one header, explicit contrast, constrained content.
   This stylesheet is appended after legacy component CSS, never in place of article content. */
:root{--gra-ds-navy:#102139;--gra-ds-navy-deep:#0a172a;--gra-ds-red:#da374b;--gra-ds-paper:#f4f7fb;--gra-ds-ink:#172b45;--gra-ds-muted:#435773;--gra-ds-line:#d8e1ec;--gra-ds-light:#fff;--gra-ds-link:#175488}
html{scroll-padding-top:88px}
html,body{max-width:100%}
*,*::before,*::after{box-sizing:border-box}
body>.gra-global-skip-link,body>.gra-global-utility-bar,body>.gra-global-header{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body>.gra-global-skip-link{position:absolute;left:12px;top:-100px;z-index:10010;padding:12px 18px;background:#fff!important;color:#102139!important;border:2px solid #102139;border-radius:6px}
body>.gra-global-skip-link:focus{top:8px}
body>.gra-global-utility-bar{display:block!important;background:#0a172a!important;color:#e2e9f4!important;border:0!important;width:100%;position:relative;z-index:1100}
body>.gra-global-utility-bar .gra-global-utility-inner{width:min(1240px,calc(100% - 40px));max-width:1240px;margin:auto;padding:7px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#e2e9f4!important;font-size:11px!important;line-height:1.45;letter-spacing:.01em}
body>.gra-global-utility-bar span,body>.gra-global-utility-bar a{color:#e2e9f4!important;opacity:1!important}
body>.gra-global-utility-bar a{text-decoration:underline;text-underline-offset:3px}
body>.gra-global-header{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:78px!important;height:auto!important;padding:0!important;border:0!important;border-bottom:1px solid #304661!important;background:#102139!important;background-image:none!important;color:#f6f8fd!important;box-shadow:0 7px 22px #07132426;z-index:1099!important;transform:none!important}
body>.gra-global-header .gra-global-header-inner{width:min(1320px,calc(100% - 44px))!important;max-width:1320px!important;margin:0 auto!important;padding:0!important;min-height:78px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
body>.gra-global-header .gra-global-logo{position:relative;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;gap:10px!important;white-space:nowrap;text-decoration:none!important;background:none!important;border:0!important;padding:0!important;min-width:0!important;color:#fff!important}
body>.gra-global-header .gra-global-logo-mark{width:37px!important;height:37px!important;display:grid!important;place-items:center!important;border-radius:10px!important;flex:0 0 auto!important;background:#e5485a!important;color:#fff!important;font-size:21px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important}
body>.gra-global-header .gra-global-logo-text,body>.gra-global-header .gra-global-logo-text span{display:inline!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;font-size:20px!important;font-weight:850!important;letter-spacing:-.055em!important;line-height:1.1!important}
body>.gra-global-header .gra-global-logo-text span{color:#ff7081!important;-webkit-text-fill-color:#ff7081!important}
body>.gra-global-header nav.gra-global-navigation{position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:1 1 auto!important;gap:3px!important;min-width:0!important;max-width:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;height:auto!important}
body>.gra-global-header nav.gra-global-navigation>a.gra-global-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-height:42px!important;padding:9px 10px!important;color:#e7eef8!important;-webkit-text-fill-color:#e7eef8!important;font-size:12px!important;line-height:1.2!important;font-weight:720!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;border-radius:8px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;position:relative!important;transform:none!important}
body>.gra-global-header nav.gra-global-navigation>a.gra-global-nav-link:hover,body>.gra-global-header nav.gra-global-navigation>a.gra-global-nav-link:focus-visible{background:#29405f!important;color:white!important;-webkit-text-fill-color:white!important;outline-offset:2px}
body>.gra-global-header nav.gra-global-navigation>a[aria-current="page"]{background:#284262!important;border-color:#47607c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body>.gra-global-header nav.gra-global-navigation>a.gra-global-deals-link{background:#db4053!important;border:1px solid #e96878!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:10px 16px!important;font-weight:850!important}
body>.gra-global-header nav.gra-global-navigation>a.gra-global-deals-link:hover{background:#b82439!important;color:#fff!important}
body>.gra-global-header .gra-global-menu-toggle{display:none!important;appearance:none;cursor:pointer;background:#203953!important;border:1px solid #65809e!important;border-radius:9px!important;width:44px!important;height:42px!important;flex:0 0 44px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;padding:9px!important;box-shadow:none!important;opacity:1!important}
body>.gra-global-header .gra-global-menu-toggle span{display:block!important;width:21px!important;height:2px!important;min-height:2px!important;border-radius:2px!important;background:#fff!important;transform:none!important;opacity:1!important}
body>.gra-global-header .gra-global-menu-toggle:focus-visible{outline:3px solid #aee7f1;outline-offset:3px}
/* Maintain readable editorial copy and control surfaces in light articles. */
body.gra-under-1k main.gra-budget-main .gra-budget-section,body.gra-under-1k main.gra-budget-main .gra-budget-faq,body.gra-under-1k main.gra-budget-main .gra-budget-aside-card{color:#24364d!important;background:#fff!important}
body.gra-under-1k main.gra-budget-main .gra-budget-section p:not(.gra-budget-eyebrow),body.gra-under-1k main.gra-budget-main .gra-budget-faq p,body.gra-under-1k main.gra-budget-main .gra-budget-aside-card p{color:#384b66!important;-webkit-text-fill-color:#384b66!important;opacity:1!important}
body.gra-under-1k main.gra-budget-main .gra-budget-section h2,body.gra-under-1k main.gra-budget-main .gra-budget-section h3,body.gra-under-1k main.gra-budget-main .gra-budget-faq h2{color:#172b45!important;-webkit-text-fill-color:#172b45!important;opacity:1!important}
body.gra-under-1k main.gra-budget-main .gra-budget-section a:not(.gra-commerce a){color:#195586}
body.gra-under-1k main.gra-budget-main .gra-budget-pick-cta a{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#17466d!important}
body.gra-under-1k main.gra-budget-main .gra-budget-pick-cta a:hover{background:#103451!important}
body.gra-under-1k main.gra-budget-main .gra-budget-pick-body,body.gra-under-1k main.gra-budget-main .gra-budget-pick{color:#263a55!important;background:#fff!important}
body.gra-under-1k main.gra-budget-main .gra-budget-table-wrap{max-width:100%}
body.gra-under-1k main.gra-budget-main .gra-budget-table-wrap thead th{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#183957!important}
body.gra-under-1k main.gra-budget-main .gra-budget-table-wrap td{color:#263e58!important;-webkit-text-fill-color:#263e58!important;background:#fff!important}
body.gra-under-1k main.gra-budget-main .gra-budget-aside-card a{color:#205b8d!important}
body.site-page main .gra-rp-hub a,body.site-page main a{opacity:1}
/* Shared commerce panels use one explicitly dark theme regardless of the surrounding editorial template. */
main .gra-commerce{isolation:isolate;width:min(1180px,100%)!important;max-width:1180px!important;margin:28px auto!important;padding:clamp(18px,2.6vw,30px)!important;background:#15273f!important;background-image:none!important;border:1px solid #405572!important;border-radius:16px!important;color:#f5f8fd!important;box-shadow:0 13px 33px #11243c16}
main .gra-commerce h2{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;line-height:1.22!important}
main .gra-commerce>p,main .gra-commerce .fine{color:#d5e1f0!important;-webkit-text-fill-color:#d5e1f0!important;opacity:1!important}
main .gra-commerce .gra-offers{grid-template-columns:repeat(auto-fit,minmax(min(100%,244px),1fr))!important;align-items:stretch!important;gap:16px!important;min-width:0}
main .gra-commerce .gra-offer{min-width:0;display:flex;background:#20344f!important;border:1px solid #536b85!important;box-shadow:none!important;color:#fff!important;border-radius:12px!important;overflow:hidden}
main .gra-commerce .gra-offer-img{background:#fff!important;height:182px;flex:0 0 auto;overflow:hidden}
main .gra-commerce .gra-offer-img img{display:block;width:100%;height:100%;max-width:100%;max-height:165px;object-fit:contain}
main .gra-commerce .gra-offer-body{padding:16px;min-width:0;background:#20344f!important;color:#fff!important}
main .gra-commerce .gra-offer h3,main .gra-commerce .gra-offer h3 a{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;line-height:1.4!important}
main .gra-commerce .gra-offer .gra-offer-vendor{color:#b5f0e4!important;-webkit-text-fill-color:#b5f0e4!important;opacity:1!important}
main .gra-commerce .gra-offer-price{color:#fff!important;-webkit-text-fill-color:#fff!important}
main .gra-commerce .gra-offer .fine{color:#d6e1f0!important;-webkit-text-fill-color:#d6e1f0!important;opacity:1!important;font-size:12px!important}
main .gra-commerce .gra-offer-actions{margin-top:auto;gap:8px}
main .gra-commerce .gra-offer-actions>a{flex:1 1 105px;min-height:42px;white-space:normal;color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;background:#2a4565!important;border:1px solid #8da8c3!important;opacity:1!important;font-size:12px!important;line-height:1.4}
main .gra-commerce .gra-offer-actions>a.buy{background:#bdf0e6!important;border-color:#bdf0e6!important;color:#10263d!important;-webkit-text-fill-color:#10263d!important}
main .gra-commerce .gra-offer-actions>a:hover{filter:brightness(1.12)}
/* Common light comparison and supplier content should not inherit faint dark-theme metadata. */
body.site-page .origin-page,body.site-page .discount-page,body.site-page .gra-de-detail{--gra-ds-muted:#435773}
body.site-page main .gra-de-panel,body.site-page main .de-panel{color:#24374f}
body.site-page main .gra-de-panel p,body.site-page main .de-panel p{color:#40536c;opacity:1}
/* Widescreen and compact nav: the same HTML, same item order, and one toggle. */
@media(max-width:1280px){
 body>.gra-global-header .gra-global-menu-toggle{display:flex!important;margin-left:auto!important}
 body>.gra-global-header .gra-global-header-inner{position:relative!important;min-height:72px!important}
 body>.gra-global-header nav.gra-global-navigation{display:none!important;position:absolute!important;z-index:2000!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;max-height:min(76vh,640px)!important;overflow-y:auto!important;padding:12px!important;gap:3px!important;background:#102139!important;border:1px solid #405a79!important;border-radius:0 0 13px 13px!important;box-shadow:0 18px 30px #07132445!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}
 body>.gra-global-header nav.gra-global-navigation.is-open{display:flex!important}
 body>.gra-global-header nav.gra-global-navigation>a.gra-global-nav-link{display:flex!important;justify-content:flex-start!important;width:100%!important;min-height:43px!important;padding:11px 14px!important;font-size:14px!important}
 body>.gra-global-header nav.gra-global-navigation>a.gra-global-deals-link{justify-content:center!important}
}
@media(max-width:700px){
 body>.gra-global-utility-bar{display:none!important}
 body>.gra-global-header{min-height:67px!important}
 body>.gra-global-header .gra-global-header-inner{width:calc(100% - 30px)!important;min-height:67px!important;gap:12px!important}
 body>.gra-global-header .gra-global-logo-mark{width:32px!important;height:32px!important;font-size:18px!important}
 body>.gra-global-header .gra-global-logo-text,body>.gra-global-header .gra-global-logo-text span{font-size:19px!important}
 main .gra-commerce{margin:20px auto!important;padding:17px!important;width:100%!important}
 main .gra-commerce .gra-offers{grid-template-columns:minmax(0,1fr)!important}
}
/* Never conceal horizontal layout defects by globally setting body overflow:hidden. */

/* Score tables scroll inside their own region on mobile instead of widening the page. */
.gra-deal-section .gra-deal-split,.gra-deal-section .gra-editorial-stack,.gra-deal-section .gra-editorial-block{min-width:0;max-width:100%}
.gra-deal-section .gra-spec-table-scroll{max-width:100%;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:8px;border:1px solid #cfdbe8}
.gra-deal-section .gra-spec-table-scroll .gra-spec-table{min-width:560px;width:100%;max-width:none;table-layout:auto;border-collapse:collapse}
.gra-deal-section .gra-spec-table-scroll th{background:#173958!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800}
.gra-deal-section .gra-spec-table-scroll td{background:#fff!important;color:#253b54!important;-webkit-text-fill-color:#253b54!important;line-height:1.55}
@media(max-width:700px){.gra-deal-section .gra-deal-split{grid-template-columns:minmax(0,1fr)!important}}

/* AMAZON FOOTER PLACEMENT: supplementary offers are never the first hero. */
main > .gra-amazon-bounties{box-sizing:border-box;max-width:1180px;width:100%;margin:28px auto 36px!important;padding:20px 24px!important;min-height:0!important;height:auto!important;background:#eef3fa!important;background-image:none!important;color:#172b45!important;border:1px solid #d1ddea!important;box-shadow:none!important}
main > .gra-amazon-bounties .gra-amazon-bounties-copy h2{font-size:clamp(21px,2.3vw,28px)!important;line-height:1.2!important;color:#172b45!important;-webkit-text-fill-color:#172b45!important;margin:6px 0 8px!important}
main > .gra-amazon-bounties .gra-amazon-bounties-copy p{color:#405572!important;-webkit-text-fill-color:#405572!important;line-height:1.6!important}
main > .gra-amazon-bounties .gra-amazon-bounty-grid{margin-top:13px!important;gap:12px!important}
main > .gra-amazon-bounties .gra-amazon-bounty-card{padding:14px 16px!important;min-height:0!important;height:auto!important;background:#fff!important;color:#172b45!important;border:1px solid #c6d5e4!important}
main > .gra-amazon-bounties .gra-amazon-bounty-card strong{color:#172b45!important;-webkit-text-fill-color:#172b45!important}
main > .gra-amazon-bounties .gra-amazon-bounty-card b{color:#174d82!important;-webkit-text-fill-color:#174d82!important}
main > .gra-amazon-bounties .gra-amazon-bounty-card:only-child{max-width:560px}
main > .gra-amazon-bounties .gra-amazon-bounty-disclosure{color:#405572!important;-webkit-text-fill-color:#405572!important}
@media(max-width:700px){main > .gra-amazon-bounties{padding:16px!important}}


/* CATALOGUE HERO CONTRAST: older main.css forces dark h1/p on the blue hero. */
main.gra-catalog-page .gra-catalog-hero{background:linear-gradient(125deg,#102139,#1b365c)!important;background-image:linear-gradient(125deg,#102139,#1b365c)!important;color:#f8fbff!important;border-bottom:1px solid #334f71}
main.gra-catalog-page .gra-catalog-hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2.2rem,5vw,3.6rem)!important;line-height:1.08!important;letter-spacing:-.045em!important;opacity:1!important;text-shadow:none!important}
main.gra-catalog-page .gra-catalog-hero p{color:#dce8f8!important;-webkit-text-fill-color:#dce8f8!important;font-size:clamp(15px,1.6vw,17px)!important;line-height:1.7!important;opacity:1!important}
main.gra-catalog-page .gra-catalog-hero span{color:#a9e6e3!important;-webkit-text-fill-color:#a9e6e3!important;opacity:1!important;letter-spacing:.11em!important}
main.gra-catalog-page .gra-catalog-card{color:#20324a!important;background:#fff!important}
main.gra-catalog-page .gra-catalog-card h3,main.gra-catalog-page .gra-catalog-card h3 a{color:#182d48!important;-webkit-text-fill-color:#182d48!important}
main.gra-catalog-page .gra-catalog-card p,main.gra-catalog-page .gra-catalog-card span{color:#4b5e76!important;-webkit-text-fill-color:#4b5e76!important;opacity:1!important}
main.gra-catalog-page .gra-catalog-card .gra-card-link{color:#174f84!important;-webkit-text-fill-color:#174f84!important}
main.gra-product-page .gra-product-summary h1,main.gra-product-page .gra-product-content h2{color:#172b45!important;-webkit-text-fill-color:#172b45!important}
main.gra-product-page .gra-product-meta,main.gra-product-page .gra-product-updated,main.gra-product-page .gra-product-disclosure{color:#465a72!important;-webkit-text-fill-color:#465a72!important;opacity:1!important}
main.gra-product-page .gra-product-cta{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#174e90!important}
main.gra-de-detail .gra-de-caveat,main.gra-de-detail .gra-de-disclose,main.gra-de-detail .gra-de-small{color:#455972!important;-webkit-text-fill-color:#455972!important;opacity:1!important}
@media(max-width:700px){main.gra-catalog-page .gra-catalog-hero{padding:36px 20px!important}}

/* FOOTER SHARED CONTRAST: same accessible appearance on intelligence, guide and product templates. */
body footer.gra-footer{color:#e8f0fa!important;background:#0b1728!important;background-image:none!important;border-top:3px solid #e24a5d!important}
body footer.gra-footer .gra-global-logo-text{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:850!important}
body footer.gra-footer .gra-global-logo-text span{color:#ff8491!important;-webkit-text-fill-color:#ff8491!important}
body footer.gra-footer .gra-global-logo-mark{display:inline-grid!important;place-items:center!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#e24a5d!important;border-radius:10px!important}
body footer.gra-footer p,body footer.gra-footer small,body footer.gra-footer .gra-footer-bottom,body footer.gra-footer .gra-footer-bottom span{color:#cbdbea!important;-webkit-text-fill-color:#cbdbea!important;opacity:1!important}
body footer.gra-footer .gra-footer-column h2,body footer.gra-footer h2{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
body footer.gra-footer a,body footer.gra-footer .gra-footer-column a{color:#dfe9f7!important;-webkit-text-fill-color:#dfe9f7!important;opacity:1!important}
body footer.gra-footer a:hover,body footer.gra-footer a:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline}