/* Page content and listicle components for the shared shell. */
body.bi-site{background:#0c141a!important;color:#dbe3ec!important}
body.bi-site main{color:#dbe3ec}
body.bi-site main a{color:#f0a173}
body.bi-site main h2,body.bi-site main h3,body.bi-site main h4{color:#edf2f7}
body.bi-modern main.wrap{max-width:1120px;padding:0 20px;margin:34px auto 0}
body.bi-modern main.wrap>h2:first-child{margin-top:0}
body.bi-modern main p,body.bi-modern main li,body.bi-modern main td{color:#d5dfe9}
body.bi-modern main h2{border-color:#35414c}
body.bi-modern .trust-strip{margin:0 0 1.3rem}
body.bi-modern .trust-strip span,body.bi-modern .rubric div,body.bi-modern .box,body.bi-modern .review,body.bi-modern details.faq{background:#192127;border-color:#34404b;color:#dbe3ec}
body.bi-modern .box.warn{background:#32271c;border-color:#6b4c27}
body.bi-modern .box.dark{background:#1a1630}
body.bi-modern .box.dark h2,body.bi-modern .box.dark h3{color:#fff}
body.bi-modern .byline,body.bi-modern .rg-inline,body.bi-modern .rubric span{color:#acbac7}
body.bi-modern .byline b{color:#fff}
body.bi-modern .review h3{color:#fff}
body.bi-modern .review h3 img,body.bi-modern .brandcell img{background:#fff}
body.bi-modern .review h3 img.author-avatar{width:64px;height:64px;object-fit:cover;object-position:center 32%;padding:0;border:2px solid #53616c;border-radius:50%;background:transparent}
body.bi-modern .facts th,body.bi-modern .facts td,body.bi-modern .comp-table th,body.bi-modern .comp-table td{border-color:#35414c}
body.bi-modern .facts th,body.bi-modern .facts td,body.bi-modern .comp-table td{background:#192127!important;color:#dbe3ec!important}
body.bi-modern .comp-table thead th{background:#c2410c!important;color:#fff!important}
body.bi-modern .facts tr:nth-child(even) td,body.bi-modern .comp-table tbody tr:nth-child(even) td{background:#151d22!important}
body.bi-modern .expert,body.bi-modern .testlog{background:#232b31;color:#dbe3ec}
body.bi-modern .expert{border-color:#c2410c}
body.bi-modern .score,body.bi-modern .score a{color:#f4b060}
body.bi-modern .pros h4{color:#66d69d}
body.bi-modern .cons h4{color:#ff9999}
body.bi-modern .age-pill{background:#c2410c;color:#fff}
body.bi-modern .rg-bar,body.bi-modern .site-foot,body.bi-modern .site-head{display:none}
body.bi-modern .sticky-cta{background:#151d22;border-top:1px solid #3a444c}
body.bi-modern .sticky-cta .cta,body.bi-modern .cta{background:#c2410c!important;color:#fff!important;min-height:44px}
body.bi-modern .sticky-cta .cta:hover,body.bi-modern .cta:hover{background:#ea580c!important}
body.bi-modern .toplist{border:0;border-radius:0;background:transparent;overflow:visible;margin:18px 0 30px}
body.bi-modern .toplist-item{display:grid;grid-template-columns:34px 90px minmax(150px,1.1fr) minmax(170px,1.4fr) minmax(126px,.7fr) minmax(130px,.8fr);align-items:center;gap:15px;background:#192127;border:1px solid #34404b;border-radius:13px;padding:17px 20px;margin:0 0 12px;position:relative;box-shadow:0 4px 20px #0003;transition:transform .16s,box-shadow .16s}
body.bi-modern .toplist-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0005;background:#202a32}
body.bi-modern .toplist-item.top-pick{border-color:#a9562d;box-shadow:inset 4px 0 0 #c2410c,0 8px 28px #0005}
body.bi-modern .toplist-rank{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#34414c;color:#fff;font-weight:850;font-size:.85rem}
body.bi-modern .top-pick .toplist-rank{background:#c2410c}
body.bi-modern .toplist-logo{width:90px;height:60px;object-fit:contain;padding:7px;border-radius:9px;background:#fff}
body.bi-modern .toplist-name{font-size:1.07rem;color:#fff;margin:0;line-height:1.2}
body.bi-modern .toplist-note{font-size:.76rem;color:#aeb9c5;margin:5px 0 0;line-height:1.3}
body.bi-modern .toplist-bonus{color:#f4b060;font-weight:800;line-height:1.3;font-size:.99rem}
body.bi-modern .toplist-meta{display:flex;flex-direction:column;gap:3px;font-size:.75rem;line-height:1.35}
body.bi-modern .toplist-meta span{color:#9facba}
body.bi-modern .toplist-meta strong{color:#e0e9f0;font-weight:650}
body.bi-modern .toplist-actions{display:flex;flex-direction:column;gap:5px;align-items:stretch}
body.bi-modern .toplist-actions .cta{display:block;padding:9px 11px;line-height:1.25;border-radius:8px;text-align:center;text-decoration:none;font-size:.83rem;font-weight:800}
body.bi-modern .toplist-actions .cta small{font-size:.66rem;font-weight:500}
body.bi-modern .toplist-actions .rev-link{text-align:center;font-size:.7rem;margin:0}
body.bi-modern .toplist-rating{font-size:.77rem;color:#b3bdc8;margin-top:5px}
body.bi-modern .toplist-rating b{color:#f4b060;font-size:.95rem}
body.bi-modern .toplist-badge{position:absolute;top:-9px;left:15px;background:#f3b35b;color:#1a1712;border-radius:4px;padding:1px 8px;font-size:.64rem;font-weight:850;text-transform:uppercase}
body.bi-modern details.faq summary{color:#fff}
body.bi-modern .rubric b{color:#f4b060}
body.bi-modern .review .cta{display:inline-flex;align-items:center;justify-content:center}
body.bi-archive .archive-main{max-width:1000px;margin:32px auto 0;padding:0 20px}
body.bi-archive #content_area{background:#192127;border:1px solid #34404b;border-radius:15px;padding:28px 35px;min-height:230px;overflow:hidden}
body.bi-archive #content_area p,body.bi-archive #content_area li,body.bi-archive #content_area td,body.bi-archive #content_area span,body.bi-archive #content_area div{color:#dbe3ec!important}
body.bi-archive #content_area h2,body.bi-archive #content_area h3,body.bi-archive #content_area h4{color:#fff!important;line-height:1.3;margin:1.4em 0 .6em}
body.bi-archive #content_area h2:first-child{margin-top:0}
body.bi-archive #content_area a{color:#f0a173!important;overflow-wrap:anywhere}
body.bi-archive #content_area img{max-width:100%;height:auto}
body.bi-archive #content_area table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
body.bi-archive #content_area td,body.bi-archive #content_area th{border:1px solid #35414c;padding:7px;background:#1e2931!important}
body.bi-archive #content_area .hr{height:1px;background:#38444e;margin:14px 0}
body.bi-archive #content_area .align-container{max-width:100%!important}
body.bi-archive #content_area .imgleft{float:left;margin:0 20px 12px 0}
body.bi-archive #content_area .imgright{float:right;margin:0 0 12px 20px}
body.bi-archive #content_area .clearover::after{content:"";display:block;clear:both}
body.bi-archive #content_area .caption{display:block;color:#aab6c2!important;font-size:.76rem}
body.bi-archive #content_area .ccgalerie{display:flex;flex-wrap:wrap;gap:12px}
body.bi-archive #content_area .thumb_sq1{background:#27323a;border-radius:8px}
body.bi-archive #content_area input,body.bi-archive #content_area textarea,body.bi-archive #content_area select{max-width:100%;background:#0c141a;color:#fff;border:1px solid #45515b;border-radius:5px;padding:7px}
body.bi-archive #content_area .n{margin:0 0 16px}
body.bi-archive #content_area .sitemap{padding-left:24px}
body.bi-notfound .notfound-main{max-width:760px;margin:45px auto;padding:0 20px;min-height:30vh}
body.bi-notfound .notfound-main a{color:#f0a173}
@media(max-width:1120px){body.bi-modern .toplist-item{grid-template-columns:34px 82px minmax(130px,1fr) minmax(145px,1.3fr) minmax(115px,.8fr);gap:12px}body.bi-modern .toplist-meta{display:none}}
@media(max-width:790px){body.bi-modern .toplist-item{grid-template-columns:30px 82px minmax(0,1fr) minmax(120px,.75fr);gap:10px}body.bi-modern .toplist-bonus{grid-column:3/5;grid-row:2}body.bi-modern .toplist-actions{grid-column:4;grid-row:1}body.bi-modern .toplist-info{grid-column:3;grid-row:1}body.bi-modern .toplist-rating{display:none}}
@media(max-width:620px){body.bi-modern main.wrap{padding:0 16px;margin-top:18px}body.bi-modern .toplist-item{grid-template-columns:30px 64px minmax(0,1fr);padding:16px 14px;gap:9px}body.bi-modern .toplist-logo{width:64px;height:52px}body.bi-modern .toplist-info{grid-column:3;grid-row:1}body.bi-modern .toplist-bonus{grid-column:1/4;grid-row:2;font-size:.94rem}body.bi-modern .toplist-actions{grid-column:1/4;grid-row:3}body.bi-modern .toplist-actions .cta{min-height:44px}body.bi-modern .toplist-meta{display:flex;grid-column:1/4;grid-row:4;flex-direction:row;flex-wrap:wrap;gap:6px 12px}body.bi-modern .toplist-meta div{display:flex;gap:3px}body.bi-modern .toplist-note{font-size:.69rem}body.bi-archive .archive-main{padding:0 16px;margin-top:20px}body.bi-archive #content_area{padding:19px 17px}body.bi-archive #content_area .imgleft,body.bi-archive #content_area .imgright{float:none;margin:0 0 12px}body.bi-archive #content_area p{text-align:left!important}}