/* DANQVORA PICKS V2 — editorial white mode. Scoped to Picks routes only. */
:root{color-scheme:light;--p-bg:#fff;--p-surface:#f8f9fa;--p-raised:#fff;--p-text:#171a20;--p-muted:#515865;--p-line:#e3e6eb;--p-subtle:#687180}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--p-bg);color:var(--p-text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid #1d376d;outline-offset:3px}.p-wrap{max-width:1220px;margin:auto;padding:0 28px}
.p-header{border-bottom:1px solid var(--p-line);background:#fff;position:relative}.p-head-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px}.p-brand{text-decoration:none;letter-spacing:.21em;font-weight:830;font-size:.97rem}.p-nav{display:flex;gap:29px}.p-nav a{text-decoration:none;color:#48515f;font-size:.77rem;letter-spacing:.14em;font-weight:650}.p-nav a:hover,.p-link:hover{color:#000}
.p-crumb{margin-top:40px;font-size:.71rem;letter-spacing:.16em;text-transform:uppercase;color:#697283}.p-crumb a{text-decoration:none}.p-kicker{margin-top:36px;font-size:.74rem;letter-spacing:.22em;font-weight:750;color:#5a6470}.p-hero{padding:0 0 65px;border-bottom:1px solid var(--p-line)}h1{font-size:clamp(2.5rem,5.8vw,5rem);letter-spacing:-.065em;line-height:1.09;max-width:1000px;margin:16px 0 21px;font-weight:760}h2{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.044em;margin:0 0 17px}h3{font-size:1.3rem;margin:0 0 10px;line-height:1.3}.p-lead{color:#4f5967;max-width:790px;font-size:clamp(1.04rem,1.8vw,1.23rem)}.p-byline{display:flex;gap:22px;flex-wrap:wrap;color:#717a87;font-size:.72rem;letter-spacing:.09em;font-weight:600;margin-top:23px}
.p-hero-art{margin-top:38px;height:250px;border:1px solid #e2e6ec;border-radius:15px;background:linear-gradient(145deg,#f8f9fb 0%,#ebeff4 55%,#fff 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.p-monitors{display:flex;align-items:center;justify-content:center;gap:13px;transform:rotate(-2deg)}.p-screen{width:clamp(110px,19vw,235px);height:clamp(70px,12vw,141px);background:repeating-linear-gradient(0deg,transparent,transparent 24px,#ecedf1 25px),linear-gradient(135deg,#f9fbfd,#dee5f0);border:6px solid #252e3a;border-radius:5px;box-shadow:0 14px 22px #2030401c;position:relative}.p-screen:before{content:"";position:absolute;left:8%;right:9%;top:55%;height:2px;background:linear-gradient(90deg,transparent,#8a9bb3,#4b6176);transform:rotate(-10deg)}.p-screen:after{content:"";position:absolute;height:19px;width:4px;background:#7c8793;bottom:-24px;left:50%;box-shadow:0 18px 0 5px #9aa4af}.p-screen.alt{transform:translateY(12px) scale(.86)}
.p-section{padding:64px 0;border-bottom:1px solid var(--p-line)}.p-eyebrow{font-size:.71rem;letter-spacing:.2em;color:#626c7b;text-transform:uppercase;font-weight:680;margin-bottom:13px}.p-prose{max-width:820px;color:#4c5563}.p-prose p{margin:0 0 17px}.p-prose ul{padding-left:22px}.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.p-feature{background:#fafbfc;border:1px solid var(--p-line);border-radius:13px;padding:30px}.p-feature h3{font-size:1.5rem}.p-number{color:#6c7683;font-size:.7rem;letter-spacing:.17em;font-weight:760}.p-feature p{color:#515c69}.p-link{font-size:.83rem;font-weight:700;letter-spacing:.025em;text-underline-offset:4px}
.p-disclosure{font-size:.79rem;line-height:1.7;color:#535e6e;max-width:1000px;margin:24px 0 0;border-left:2px solid #cbd2da;padding:4px 0 4px 13px}.p-disclosure strong{font-weight:750;color:#2b333e}.p-note{font-size:.81rem;color:#697481}.p-buying-note{max-width:720px;border-left:2px solid #cbd2da;padding:5px 0 5px 13px;margin:18px 0 26px}
.p-table-wrap{overflow-x:auto;border:1px solid var(--p-line);border-radius:12px;background:#fff}.p-table{border-collapse:collapse;width:100%;min-width:680px;font-size:.88rem}.p-table th{text-align:left;color:#4d5663;background:#f6f8fa;font-size:.71rem;text-transform:uppercase;letter-spacing:.1em}.p-table td,.p-table th{padding:15px 19px;border-bottom:1px solid #e9ecf0;vertical-align:top}.p-table tr:last-child td{border-bottom:0}.p-table td{color:#535e6b}.p-table td:first-child{font-weight:680;color:#242b35}
.p-product{display:grid;grid-template-columns:45px minmax(205px,280px) minmax(0,1fr);gap:25px;align-items:start;padding:43px 0;border-bottom:1px solid #e6e9ef;scroll-margin-top:24px}.p-product:last-child{border-bottom:0}.p-product-index{font-size:2.05rem;letter-spacing:-.06em;font-weight:640;color:#a8b0bc;line-height:1.1;padding-top:8px}.p-product h3{font-size:clamp(1.45rem,2.5vw,1.8rem);letter-spacing:-.035em;margin:5px 0 6px}.p-badge{color:#606b78;letter-spacing:.13em;font-weight:740;font-size:.68rem;text-transform:uppercase}.p-product p{color:#4a5563;max-width:770px;margin:10px 0}.p-meta{color:#6a7380;font-size:.82rem;margin-bottom:16px}
.p-media{position:relative;min-height:245px;border:1px solid #e7eaf0;border-radius:14px;background:#f7f9fb;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.p-media-photo{background:#fff}.p-media-photo img{width:100%;height:235px;object-fit:contain;padding:17px}.p-media-caption{font-size:.68rem;color:#6f7885;letter-spacing:.03em;margin:0 10px 15px;text-align:center;line-height:1.4}.p-device{width:170px;height:155px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px}.p-device-screen{width:159px;height:100px;border:7px solid #273340;background:#edf1f6;border-radius:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:9px;box-shadow:0 9px 22px #25374d1a}.p-device-screen span{background:linear-gradient(145deg,#e2e7ee,#c4cfde);border-radius:2px}.p-device-screen span:nth-child(2){background:linear-gradient(135deg,#c4d3e3,#edf1f6)}.p-device-neck{width:8px;height:25px;background:#8c99a6}.p-device-foot{width:86px;height:5px;background:#8997a6;border-radius:30px}
.p-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 0 20px}.p-point{background:#f8fafb;padding:16px 18px;border:1px solid #e5e9ee;border-radius:9px}.p-point strong{font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;display:block;margin-bottom:6px;color:#3e4855}.p-point span{font-size:.82rem;color:#566171}.p-commerce{margin-top:21px}.p-commerce-disclosure{font-size:.77rem!important;color:#566170!important;line-height:1.6;margin:0 0 10px!important;max-width:660px}.p-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.p-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#171b22;color:#fff;padding:11px 17px;border-radius:7px;min-height:44px;font-size:.82rem;font-weight:730;border:1px solid #171b22;transition:background .15s ease,transform .15s ease}.p-action:hover{background:#343d4b;transform:translateY(-1px)}.p-action.outline{background:#fff;color:#242b34;border:1px solid #cbd2dc}.p-action.outline:hover{background:#f4f6f9}.p-paid{display:none}
.p-footer{padding:48px 0;color:#687481;font-size:.8rem;background:#fafbfd}.p-foot-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.p-footer a{color:#28313d;text-underline-offset:4px}.p-toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.p-toc a{text-decoration:none;background:#f8f9fb;border:1px solid #e1e5ec;border-radius:7px;padding:7px 13px;color:#3d4753;font-size:.79rem;font-weight:650}.p-toc a:hover{background:#edf1f6}.p-question{margin:26px 0}.p-question h3{font-size:1.12rem}.p-question p{color:#56606c;margin:0}
@media(max-width:1030px){.p-product{grid-template-columns:36px 215px minmax(0,1fr);gap:18px}.p-points{grid-template-columns:1fr}}
@media(max-width:720px){.p-nav{gap:12px}.p-nav a{font-size:.68rem}.p-grid,.p-points{grid-template-columns:1fr}.p-product{grid-template-columns:1fr;gap:10px}.p-product-index{font-size:1.6rem;padding:0}.p-media{min-height:255px}.p-media-photo img{height:240px}.p-head-inner{min-height:65px}.p-hero-art{height:190px}.p-section{padding:44px 0}.p-wrap{padding:0 18px}.p-crumb{margin-top:25px}.p-action{width:100%}.p-buying-note{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.p-action{transition:none}}