/* concept a2 (preview) */
/* design concept shared */
.ptile,.tile,.gtile,.minicard,.card{transition:transform .18s ease,box-shadow .18s ease}
.ptile:hover,.tile:hover,.gtile:hover,.minicard:hover,.card:hover{transform:translateY(-4px)}
.minicard{position:relative}
.dsbadge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;margin:4px 0}
.dsbar{display:block;height:6px;border-radius:6px;background:var(--dsbarbg);margin:6px 0 2px;overflow:hidden}
.dsbar i{display:block;height:100%;background:var(--dsacc);border-radius:6px}
.dsh{margin:8px 0 18px}
.dsh h1{margin:.2em 0 .35em}
.dsh-cap{font-size:.78rem;opacity:.7;margin:.5em 0 0}
.dsh-cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.dsh-media img{width:100%;height:auto;display:block}
.dscar{width:100%;height:auto;fill:none;stroke-linecap:round;stroke-linejoin:round}
html{scroll-behavior:smooth}
nav a{background:transparent!important;border-color:transparent!important}
nav a:hover{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

:root{--dsacc:#36e0ff;--dsbarbg:#1d2633}
body{background:#07090d;color:#e6ebf2}
a{color:#7fe8ff}
header,.newsbar{background:#0b0f16!important;border-color:#1a2230!important}
header .brand,nav a{color:#e6ebf2!important}.brand span{color:#36e0ff!important}
h1,h2,h3,strong{color:#fff}h2::after{background:linear-gradient(90deg,#36e0ff,#7b5cff)!important}
.meta,.disc,p{color:#aab4c3}
.gtile,.gtile *{color:#e6ebf2!important}
.ptile,.tile,.gtile,.disc,.minicard,.card,.mg,.ref-box,.picker,.fitlink,table,.pick{background:#10151e!important;border:1px solid #1d2633!important;color:#e6ebf2;border-radius:16px}
.ptile:hover,.tile:hover,.gtile:hover,.minicard:hover,.card:hover{box-shadow:0 0 0 1px #36e0ff55,0 10px 40px -10px #36e0ffaa}
th{background:#141b26!important;color:#fff}td{border-color:#1d2633!important;color:#d5dde8}tr:nth-child(even) td{background:#0d121a!important}
.btn{background:linear-gradient(90deg,#36e0ff,#7b5cff)!important;color:#05070a!important;border:0!important;box-shadow:0 0 24px -6px #36e0ff}
.btn.ghost{background:transparent!important;color:#7fe8ff!important;border:1px solid #36e0ff88!important;box-shadow:none}
.badge{background:#13202b!important;color:#7fe8ff!important}
.dsbadge{background:linear-gradient(90deg,#ffd36a,#ff9f43);color:#1a1200}
input{background:#0f141c!important;color:#fff!important;border-color:#26303f!important}
footer{background:#05070a!important;color:#8c97a8;border-color:#1a2230!important}
.dsh-a{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:22px;border-radius:24px;background:radial-gradient(ellipse at 20% 0%,#163044 0%,#07090d 70%);border:1px solid #1d2633}
.dsh-a .dsh-media{border-radius:18px;overflow:hidden;box-shadow:0 0 60px -10px #36e0ff88}
.dsh-a h1{font-size:clamp(1.7rem,3.6vw,2.7rem);background:linear-gradient(90deg,#fff,#9feeff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dsh-a .eyebrow{color:#36e0ff;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem}
@media(max-width:760px){.dsh-a{grid-template-columns:1fr;padding:14px}}

:root{--dsacc:#39ff14;--dsbarbg:#1a1f2b}
body{background:#05060a}
a{color:#4dc3ff}.brand span{color:#ff2d55!important}
h2::after{background:linear-gradient(90deg,#ff2d55,#1e90ff,#39ff14)!important;height:4px}
.ptile:hover,.tile:hover,.gtile:hover,.minicard:hover,.card:hover{box-shadow:0 0 0 2px #1e90ff,0 0 34px -4px #ff2d55aa,0 0 60px -10px #39ff14aa}
.btn{background:linear-gradient(90deg,#ff2d55,#ff6a00)!important;color:#fff!important;box-shadow:0 0 26px -4px #ff2d55}
.btn.ghost{background:transparent!important;color:#7dff5c!important;border:2px solid #39ff14!important;box-shadow:0 0 18px -6px #39ff14}
.badge{background:#0d1d33!important;color:#7fd0ff!important;border:1px solid #1e90ff66}
.dsbadge{background:#39ff14;color:#051300;box-shadow:0 0 14px #39ff1488}
.dsbar i{background:linear-gradient(90deg,#1e90ff,#39ff14)}
.dsh-a{grid-template-columns:1fr 1fr;padding:20px 24px;background:radial-gradient(ellipse at 0% 0%,#ff2d5540 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#1e90ff45 0%,transparent 55%),#080a12;border:1px solid #1e90ff55}
.dsh-a .dsh-media{box-shadow:0 0 50px -8px #ff2d55,0 0 90px -20px #1e90ff;max-height:340px}
.dsh-a .dsh-media img{max-height:340px;object-fit:cover}
.dsh-a h1{font-size:clamp(1.6rem,2.8vw,2.3rem);background:linear-gradient(90deg,#fff 0%,#7fd0ff 55%,#7dff5c 100%);-webkit-background-clip:text;background-clip:text}
.dsh-a .eyebrow{color:#ff5c7a}
.toppicks label{background:#10151e!important;color:#e6ebf2!important;border:1px solid #1e90ff88!important}
.toppicks input:checked+label{background:linear-gradient(90deg,#ff2d55,#1e90ff)!important;color:#fff!important}
@media(max-width:760px){.dsh-a{grid-template-columns:1fr}}

/* dark content boxes (WCAG AA on dark) */
.disc strong,.disc b{color:#e6ebf2!important}
.answer,.quick,.qa,.owner,.ref,.signup,.hero,details.pcd,.faq{background:#111a28!important;color:#e6ebf2!important;border-color:#2b3a52!important}
.answer{border-left:4px solid #1e90ff!important}
.answer strong,.quick strong,.qa strong,.qa h3,.quick h2,.qa h2,.faq h3,details.pcd summary,.owner strong{color:#7fd0ff!important}
.answer *,.quick li,.qa p,.owner p,details.pcd li,details.pcd h4{color:#e6ebf2}
.quick a,.qa a,.answer a{color:#7dff5c!important}
.caution{background:#2a1f08!important;border-color:#d99a1e!important;color:#ffe2a8!important}.caution strong{color:#ffc94d!important}
.fitlabel{background:#0f2a1a!important;color:#8ff0b0!important;border-color:#2f7a4a!important}
.tag,.tag+.tag{background:#1a2333!important;color:#d5dde8!important;border-color:#2b3a52!important}
.rank,main>div.card:nth-of-type(1) .rank,main>div.card:nth-of-type(2) .rank,main>div.card:nth-of-type(3) .rank{background:#1e90ff!important;color:#fff!important}
.todo{background:#3a2e00!important;color:#ffe27a!important}
.eyebrow{background:#1a2333!important}
.tabs label{background:#10151e;color:#e6ebf2;border-color:#2b3a52}
.search ul{background:#10151e!important}.search li a{color:#e6ebf2}.search li a:hover{background:#1a2333!important}
.gtile.soon{background:#0d121a!important;color:#aab4c3!important}
.newsbar{color:#aab4c3!important}
.card p,.card li{color:#d5dde8}.card .meta{color:#aab4c3}
.pimg.ph.dsph{display:flex;align-items:center;gap:12px;justify-content:flex-start;background:#0d1420!important;border:1px dashed #2b3a52!important;color:#aab4c3!important;padding:12px 14px;border-radius:12px;margin:.6em 0;text-align:left;aspect-ratio:auto!important;height:auto!important;min-height:0!important}
.pimg.ph.dsph svg{width:44px;height:44px;flex:none;stroke:#7fd0ff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pimg.ph.dsph span{font-size:.9rem}
.wrap a,footer a{color:#7fd0ff!important}.wrap a.ref-btn,a.ref-btn,.wrap a.btn{color:#fff!important}.wrap p,footer p{color:#aab4c3!important}
.py{color:#5fd99a!important}.mt,.avail,.soonli,.ref-disc,figcaption,small,.pick small{color:#aab4c3!important}
.ref-box h2{color:#5fe0b8!important}
.rank,main>div.card:nth-of-type(1) .rank,main>div.card:nth-of-type(2) .rank,main>div.card:nth-of-type(3) .rank{background:#0b63c4!important}
.dsbadge{background:#1f6b0f!important;color:#eaffde!important}