/* Ad styling kept exactly as on the current site (Will 2026-11-02: "keep the ads as they are").
   Every ad rule from v6-utility.css, v7/top50.css, v7/templates.css, v7/promotion.css, v7/home-base.css and v7/home.css,
   in that load order, unchanged except the old page scope body.u6 .u6-main -> body.v8 main. Generated 2026-11-02. */
/* ---- from v2/v6-utility.css (86 blocks) ---- */
body.v8 main .cbd-ads-slot{margin:26px auto}
body.v8 main .jumprail .cbd-ads-slot{margin:18px 0}
body.v8 main .v6-feat--wide{display:block;background:#ffffff;border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 1px 2px rgba(20,25,35,.06),0 6px 18px rgba(20,25,35,.06);margin:20px 0;min-height:150px}
body.v8 main .v6-feat--wide a{display:flex;flex-direction:column;gap:6px;padding:24px 26px;text-decoration:none;min-height:150px;box-sizing:border-box}
body.v8 main .v6-feat .v6-feat__k{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8c939e}
body.v8 main .v6-feat--wide strong{font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1.25;font-weight:600;color:#15181d}
body.v8 main .v6-feat--wide p{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;color:#5d646f;margin:0}
body.v8 main .v6-feat .v6-feat__cta{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:#c02a20;margin-top:2px}
body.v8 main .v6-feat--card{display:flex;flex-direction:column;gap:8px;justify-content:center;background:#ffffff;border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 1px 2px rgba(20,25,35,.06),0 6px 18px rgba(20,25,35,.06);padding:24px 22px;text-decoration:none;min-height:220px;box-sizing:border-box}
body.v8 main .v6-feat--card strong{font-family:"Source Serif 4",Georgia,serif;font-size:20px;line-height:1.25;font-weight:600;color:#15181d}
body.v8 main .v6-feat--card p{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;color:#5d646f;margin:0}
body.v8 main .v6-feat--trow{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:14px;padding:14px 18px;background:#ffffff;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;text-decoration:none;min-height:58px;box-sizing:border-box}
body.v8 main .v6-feat--trow .v6-feat__m{display:flex;flex-direction:column;gap:2px}
body.v8 main .v6-feat--trow .v6-feat__m b{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:#15181d}
body.v8 main .v6-feat--trow .v6-feat__m i{font-style:normal;font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;color:#5d646f}
body.v8 main .v6-feat--trow .v6-feat__go{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;color:#c02a20;white-space:nowrap}
@media (max-width:760px){
body.v8 main .v6-feat--wide a{padding:18px 16px;min-height:132px}
body.v8 main .v6-feat--wide strong{font-size:18px}
body.v8 main .v6-feat--trow{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:14px 16px}
body.v8 main .v6-feat--trow .v6-feat__m{gap:3px}
body.v8 main .v6-feat--trow .v6-feat__m b{font-size:15px}
body.v8 main .v6-feat--trow .v6-feat__m i{font-size:13.5px}
body.v8 main .v6-feat--trow .v6-feat__go{padding-top:2px}
}
.v6-feat--imgw{display:flex;align-items:stretch;min-height:130px;background:#fff;border:1px solid #dfe3e7;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 6px 18px rgba(21,24,29,.07)}
.v6-feat--imgw>a{display:flex;flex:1;align-items:stretch;text-decoration:none;color:#15181d}
.v6-feat--imgw .v6-feat__im{flex:1 1 240px;min-width:190px;max-width:32%;background-size:cover;background-position:center;overflow:hidden;position:relative}
.v6-feat--imgw .v6-feat__mid{flex:1 1 auto;max-width:44em;padding:18px 10px 18px 26px;display:flex;flex-direction:column;justify-content:center}
.v6-feat--imgw .v6-feat__mid b{font-family:var(--serif);font-weight:900;font-size:25px;line-height:1.15}
.v6-feat--imgw .v6-feat__mid i{font-style:normal;color:#454b54;font-size:15px;margin-top:5px}
.v6-feat--imgw .v6-feat__go{flex:0 0 auto;display:flex;align-items:center;padding:0 26px 0 14px}
.v6-feat--skin-red{background:#7d0f28;border-color:#7d0f28}
.v6-feat--skin-red>a{color:#fff}
.v6-feat--skin-red .v6-feat__mid i{color:#ffd4dd}
.v6-feat--rect{background:#fff;border:1px solid #dfe3e7;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(21,24,29,.07);margin:18px 0}
.v6-feat--rect>a{display:block;text-decoration:none;color:#15181d}
.v6-feat--rect .v6-feat__im{display:block;height:130px;background-size:cover;background-position:center;overflow:hidden;position:relative}
.v6-feat--rect .v6-feat__tx{display:block;padding:16px 18px 18px;text-align:center}
.v6-feat--rect .v6-feat__tx b{display:block;font-family:var(--serif);font-weight:900;font-size:22px;line-height:1.2;letter-spacing:-.01em}
.v6-feat--rect .v6-feat__tx i{display:block;font-style:normal;color:#454b54;font-size:15px;line-height:1.45;margin:7px auto 15px;max-width:24em}
.v6-feat--imgsq{display:block;background:#fff;border:1px solid var(--hair,#e3e6ea);border-radius:10px;overflow:hidden;text-decoration:none;color:#15181d}
.v6-feat--imgsq .v6-feat__im{display:block;aspect-ratio:16/10;background-size:cover;background-position:center;overflow:hidden;position:relative}
.v6-feat--imgsq .v6-feat__tx{display:block;padding:15px 16px 17px;text-align:center}
.v6-feat--imgsq .v6-feat__tx b{display:block;font-family:var(--serif);font-weight:900;font-size:19px;line-height:1.2}
.v6-feat--imgsq .v6-feat__tx i{display:block;font-style:normal;color:#454b54;font-size:14.5px;line-height:1.45;margin:6px auto 13px;max-width:24em}
.v6-feat--vert{position:relative;width:300px;height:600px;background:#15181d;border:1px solid #dfe3e7;border-radius:10px;overflow:hidden;box-shadow:0 6px 18px rgba(21,24,29,.07);margin:18px 0}
.v6-feat--vert>a{display:block;position:absolute;inset:0;text-decoration:none;color:#fff}
.v6-feat--vert .v6-feat__im{position:absolute;inset:0;background-size:cover;background-position:center;overflow:hidden}
.v6-feat--vert .v6-feat__k,
body.v8 main .v6-feat--vert .v6-feat__k{position:absolute;top:16px;left:18px;z-index:3;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:11.5px;letter-spacing:.10em;text-transform:uppercase;color:#fff;background:#0a0c10;padding:6px 10px;border-radius:5px}
.v6-feat--vert .v6-feat__tx{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:30px 22px 22px;text-align:left;background:linear-gradient(to top,rgba(10,12,16,.97) 0%,rgba(10,12,16,.92) 45%,rgba(10,12,16,.65) 75%,rgba(10,12,16,0) 100%)}
.v6-feat--vert .v6-feat__tx b{display:block;font-family:var(--serif);font-weight:900;font-size:36px;line-height:1.1;letter-spacing:-.015em;color:#fff}
.v6-feat--vert .v6-feat__tx i{display:block;font-style:normal;font-size:16.5px;line-height:1.45;color:#eef1f5;margin:10px 0 18px}
body.v8 main .grail .v6-feat--vert,
body.v8 main .t50rail .v6-feat--vert{align-self:center;margin:0}
@media (max-width:1080px){
.v6-feat--vert{width:100%;max-width:320px;height:auto;aspect-ratio:1/2;margin:22px auto}
}
@media (max-width:1080px){
body.v8 main .grail .v6-feat:nth-of-type(n/**/+2),
body.v8 main .jumprail .v6-feat:nth-of-type(n/**/+2),
body.v8 main .rail .v6-feat:nth-of-type(n/**/+2),
body.v8 main .t50rail .v6-feat:nth-of-type(n/**/+2){display:none}
}
@media (max-width:420px){
.v6-feat--vert .v6-feat__tx{padding:24px 18px 18px}
.v6-feat--vert .v6-feat__tx b{font-size:31px}
}
.v6-feat__btn{display:block;text-align:center;font-weight:800;font-size:13.5px;padding:11px 18px;border-radius:8px}
.v6-feat--imgw .v6-feat__btn{display:inline-block}
.v6-feat__im::after{content:"";position:absolute;inset:0;background:inherit;z-index:0;animation:v6featkb 9s ease-in-out infinite alternate}
@media (max-width:640px){
.v6-feat--imgw>a{flex-wrap:wrap}
.v6-feat--imgw .v6-feat__im{flex-basis:100%;height:130px}
.v6-feat--imgw .v6-feat__go{padding:12px 18px 16px}
}
@media (min-width:1000px){
.v6-feat--imgw{min-height:200px}
.v6-feat--imgw .v6-feat__mid b{font-size:27px}
.v6-feat--imgw .v6-feat__mid{padding:22px 14px 22px 30px}
}
@media (min-width:1500px){
.v6-feat--imgw{min-height:240px}
.v6-feat--imgw .v6-feat__mid b{font-size:29px}
.v6-feat--imgw .v6-feat__mid i{font-size:16px}
}
.v6-feat--skin-purple{background:#3d1d63;border-color:#3d1d63}
.v6-feat--skin-purple>a{color:#fff}
.v6-feat--skin-purple .v6-feat__mid i{color:#d8c9f0}
.v6-feat--imgw.v6-feat--skin-purple .v6-feat__mid b,
.v6-feat--imgw.v6-feat--skin-red .v6-feat__mid b{color:#fff}
.v6-feat--imgw.v6-feat--skin-purple>a,
.v6-feat--imgw.v6-feat--skin-red>a{color:#fff}
.v6-feat--anchor{display:none}
@media (max-width:1080px){
.v6-feat--anchor{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:9500;background:#0a0c10;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px rgba(0,0,0,.28)}
.v6-feat--anchor a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none}
.v6-anchor__k{flex:none;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#0a0c10;background:#eef1f5;border-radius:3px;padding:3px 6px}
.v6-feat--anchor b{flex:1;min-width:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.25;font-weight:600;color:#eef1f5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v6-anchor__btn{flex:none;font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:700;border-radius:6px;padding:10px 14px;white-space:nowrap}
.v6-anchor__x{flex:none;background:none;border:0;color:#9aa2ad;font-size:24px;line-height:1;padding:10px 8px;cursor:pointer}
}
@media (max-width:480px){
.v6-anchor__k{display:none}
}
body.v8 main .tn-tix{display:flex;flex-wrap:wrap;align-items:stretch;padding:0;overflow:hidden;border:1px solid var(--hair);background:var(--card);box-shadow:var(--shadow);border-radius:10px;margin:26px 0 8px}
body.v8 main .tn-tix .tn-imw{flex:1 1 240px;max-width:330px;min-width:220px;min-height:178px;position:relative}
body.v8 main .tn-tix .tn-imw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
body.v8 main .tn-tix .tn-bd{flex:2 1 300px;min-width:0;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}
body.v8 main .tn-tix .tn-bd span{display:block}
body.v8 main .tn-tix .tn-bd span:nth-child(1){font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sig);font-weight:800;margin:0 0 6px}
body.v8 main .tn-tix .tn-bd span:nth-child(2){font-family:var(--serif);font-size:20px;font-weight:800;line-height:1.25;margin:0 0 6px;color:var(--ink)}
body.v8 main .tn-tix .tn-bd span:nth-child(3){font-size:14.5px;line-height:1.5;margin:0;color:var(--ink)}
body.v8 main .tn-tix p{margin:0;flex:0 0 auto;align-self:center}
body.v8 main .tn-tix a{display:inline-block;align-self:center;margin:18px 22px;background:var(--navy);color:#fff;border-radius:8px;font-weight:800;font-size:13.5px;padding:12px 18px;text-decoration:none;white-space:nowrap}
body.v8 main .tn-tix a:hover{background:var(--sig)}
body.v8 main .artv6 .prose .tn-tix a{color:#fff;font-weight:800;text-decoration:none}
@media (max-width:680px){
body.v8 main .tn-tix .tn-imw{flex:1 1 100%;max-width:none;min-width:0;min-height:0;height:172px}
body.v8 main .tn-tix .tn-bd{padding:16px 18px 0}
body.v8 main .tn-tix p{align-self:stretch}
body.v8 main .tn-tix a{display:block;text-align:center;margin:14px 18px 18px}
}
body.v8 main .v6-feat--adx{position:relative;min-height:172px;max-width:760px;border-radius:10px;overflow:hidden;margin:18px auto;background:#0a0c10;box-shadow:0 6px 18px rgba(21,24,29,.12);display:flex;align-items:stretch;text-decoration:none}
body.v8 main .v6-feat--adx .v6-feat__im{order:2;flex:0 0 44%;background-size:cover;background-position:center;position:relative;overflow:hidden}
body.v8 main .v6-feat--adx .v6-feat__im::before{content:"";position:absolute;left:0;top:0;bottom:0;width:70px;background:linear-gradient(to right,#0a0c10 0%,rgba(10,12,16,0) 100%);z-index:1}
body.v8 main .v6-feat--adx .v6-feat__btn{display:inline-block;margin-top:14px}
@media (max-width:640px){
body.v8 main .v6-feat--adx{min-height:0;flex-direction:column;max-width:none;margin:16px 0}
body.v8 main .v6-feat--adx .v6-feat__im{order:0;flex:none;height:150px}
body.v8 main .v6-feat--adx .v6-feat__im::before{display:none}
body.v8 main .v6-feat--adx .v6-feat__btn{display:block;align-self:stretch;text-align:center;margin-top:12px}
}
.v6-feat--anchor .v6-anchor__im{flex:none;width:44px;height:44px;background-size:cover;background-position:center;border-radius:4px;display:block}
body.v8 main .featwrap .v6-feat.v6-feat--adx{margin:18px auto}
@media (max-width:640px){
body.v8 main .featwrap .v6-feat.v6-feat--adx{margin:16px 0}
}
body.v8 main .v6-feat--adx{margin-left:auto !important;margin-right:auto !important;align-self:center !important}
@media (max-width:640px){
body.v8 main .v6-feat--adx{margin-left:0 !important;margin-right:0 !important}
}
/* ---- from v7/top50.css (3 blocks) ---- */
body.v8 main .v6-feat{box-shadow:none;border-radius:5px}
body.v8 main .v6-feat b{font-size:26px}
body.v8 main .v6-feat i{font-size:13px}
/* ---- from v7/templates.css (6 blocks) ---- */
body.v8 main .jumprail .v6-feat{max-width:100%}
body.v8 main .rlayout .rail .v6-feat{max-width:100%}
@media (max-width:920px){
body.v8 main .jumprail .v6-feat--vert{display:block!important;width:300px;max-width:100%}
}
body.v8 main #browse.is-filtered .v6-feat{display:none!important}
body.v8 main.type-around-article .jumprail .promotion-ad{position:sticky;top:16px}
@media (max-width:920px){
body.v8 main.type-around-article .jumprail .promotion-ad{position:static}
}
/* ---- from v7/promotion.css (13 blocks) ---- */
body.v8 main .promotion-block{box-sizing:border-box;background:#eeece6;border:1px solid #e0ddd5;border-radius:5px;padding:16px;min-width:0;max-width:100%}
body.v8 main .promotion-ad{margin:20px 0}
body.v8 main .promotion-label,
body.v8 .v6-feat--anchor > .promotion-label{display:block;font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#59616b;margin:0 0 10px;padding:0}
body.v8 main :is(.promotion-ad,
.promotion-recommendation) > :is(.v6-feat,
.tn-tix){margin:0!important;max-width:100%;box-shadow:none}
body.v8 main .cards > .promotion-ad{margin:0;align-self:stretch}
body.v8 main .promotion-guide .gmb{border:0;margin:0;padding:0;background:transparent;min-width:0}
body.v8 main .promotion-guide .gmb-t i{display:none}
body.v8 main .promotion-guide .gmb-t b{display:block}
body.v8 main .jumprail .promotion-tall,
body.v8 main .rail .promotion-tall{width:332px;max-width:100%}
body.v8 main #browse.is-filtered .promotion-ad{display:none}
body.v8 .v6-feat--anchor > .promotion-label{position:absolute;left:0;right:0;top:0;color:#59616b;background:#eeece6;font-size:9px;margin:0;padding:5px 10px}
@media (max-width:920px){
body.v8 .v6-feat--anchor:has(> .promotion-label){padding-top:24px}
}
@media (max-width:600px){
body.v8 main .promotion-block{padding:12px}
body.v8 main .promotion-label{font-size:9px;margin-bottom:9px}
}
/* ---- from v7/home-base.css (6 blocks) ---- */
body.v8 main #rail-ad{margin-top:24px}
body.v8 main #rail-ad .v6-feat__tx b{font-size:21px}
body.v8 main #rail-ad .v6-feat__tx i{font-size:13px}
body.v8 main .v6-feat{box-shadow:0 3px 10px #18202c0d}
body.v8 main .v6-feat__btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:760px){
body.v8 main #rail-ad{margin:0;grid-column:1 / -1;border-radius:8px}
body.v8 main #rail-ad>a{display:grid;grid-template-columns:112px 1fr}
body.v8 main #rail-ad .v6-feat__im{width:100%;height:100%;min-height:150px;aspect-ratio:auto}
body.v8 main #rail-ad .v6-feat__tx{padding:17px;text-align:left}
body.v8 main #rail-ad .v6-feat__tx b{font-size:22px}
body.v8 main #rail-ad .v6-feat__tx i{font-size:12px;line-height:1.5}
body.v8 main #rail-ad .v6-feat__btn{font-size:11px;margin-top:12px;padding:8px 14px;min-height:37px}
body.v8 main #res .cards>.v6-feat--imgsq{display:grid;grid-template-columns:112px 1fr;aspect-ratio:auto}
body.v8 main #res .cards>.v6-feat--imgsq .v6-feat__im{height:100%;min-height:165px;aspect-ratio:auto}
body.v8 main #res .cards>.v6-feat--imgsq .v6-feat__tx{padding:17px;text-align:left}
body.v8 main #res .cards>.v6-feat--imgsq b{font-size:23px}
body.v8 main #res .cards>.v6-feat--imgsq i{font-size:12px}
body.v8 main #res .cards>.v6-feat--imgsq .v6-feat__btn{font-size:11px;min-height:39px;padding:8px 13px}
}
/* ---- from v7/home.css (16 blocks) ---- */
body.v8 main #res .cards .v6-feat--imgsq{display:grid;grid-template-columns:110px 1fr;background:#fff;border:1px solid #deded7;border-radius:6px;box-shadow:none;align-self:stretch}
body.v8 main #res .cards .v6-feat--imgsq .v6-feat__im{aspect-ratio:auto;height:100%;min-height:177px}
body.v8 main #res .cards .v6-feat--imgsq .v6-feat__tx{padding:17px 14px;text-align:left}
body.v8 main #res .cards .v6-feat--imgsq b{font-size:21px;line-height:1.15}
body.v8 main #res .cards .v6-feat--imgsq i{font-size:11px;line-height:1.5}
body.v8 main #res .cards .v6-feat--imgsq .v6-feat__btn{font-size:11px;padding:8px 12px;min-height:36px;margin-top:10px}
body.v8 main #rail-ad{max-width:none;border-radius:6px;border:1px solid #deded7;background:#fff;box-shadow:none}
body.v8 main #rail-ad>a{display:grid;grid-template-columns:220px 1fr;align-items:stretch}
body.v8 main #rail-ad .v6-feat__im{min-height:154px;height:100%;aspect-ratio:auto}
body.v8 main #rail-ad .v6-feat__tx{padding:25px 28px;text-align:left;display:grid;grid-template-columns:1fr auto;align-content:center;column-gap:35px}
body.v8 main #rail-ad .v6-feat__tx b{grid-column:1;font-size:29px}
body.v8 main #rail-ad .v6-feat__tx i{grid-column:1;font-size:14px;max-width:65ch}
body.v8 main #rail-ad .v6-feat__btn{grid-column:2;grid-row:1 / span 2;margin:0;align-self:center;padding:12px 25px}
body.v8 main .v6-feat{box-shadow:none}
@media (max-width:1000px){
body.v8 main #res .cards .v6-feat--imgsq{grid-template-columns:80px 1fr}
body.v8 main #res .cards .v6-feat--imgsq b{font-size:19px}
body.v8 main #res .cards .v6-feat--imgsq .v6-feat__tx{padding:14px 12px}
}
@media (max-width:760px){
body.v8 main #res .cards .v6-feat--imgsq{grid-template-columns:110px 1fr;min-height:174px}
body.v8 main #res .cards .v6-feat--imgsq b{font-size:23px}
body.v8 main #res .cards .v6-feat--imgsq .v6-feat__tx{padding:18px}
body.v8 main #res .cards .v6-feat--imgsq i{font-size:12px}
body.v8 main #rail-ad>a{grid-template-columns:110px 1fr}
body.v8 main #rail-ad .v6-feat__tx{display:block;padding:17px}
body.v8 main #rail-ad .v6-feat__tx b{font-size:23px}
body.v8 main #rail-ad .v6-feat__tx i{font-size:12px}
body.v8 main #rail-ad .v6-feat__btn{margin-top:13px;font-size:11px;padding:9px 16px}
}