.dtPanel{border-top:5px solid var(--ink);max-width:780px;min-height:230px;margin:44px 0 0;padding:22px 0 24px}.dtPanel h2{letter-spacing:-.02em;margin:8px 0 12px;font:700 30px/1.15 Georgia,serif}.dtPanel h2:focus{outline:none}.dtIntro{margin:0 0 16px;font:18px/1.5 Georgia,serif}.dtCount{color:var(--muted);margin:16px 0 0;font-size:13px}.dtRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dtGhost{border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;padding:12px 16px;font:800 12px Arial,sans-serif}.dtGhost:hover{background:var(--wash)}.dtPanel button:focus-visible,.dtDock button:focus-visible{outline:3px solid var(--red);outline-offset:2px}.dtYou{margin:0;font:19px/1.4 Georgia,serif}.dtSr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.articleText>p.dtPick{cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-margin:28px 0 150px;transition:background-color .15s,box-shadow .15s;position:relative}.articleText>p.dtPick:before{content:attr(data-dt-n);text-align:center;width:19px;color:var(--muted);border-right:3px solid var(--line);padding:4px 0;font:800 11px/1 Arial,sans-serif;position:absolute;top:.3em;left:-32px}.articleText>p.dtPick:hover,.articleText>p.dtPick:focus-visible{background:var(--wash);box-shadow:0 0 0 8px var(--wash);outline:none}.articleText>p.dtPick:focus-visible{box-shadow:0 0 0 8px var(--wash),0 0 0 10px var(--ink)}.articleText>p.dtPick.dtChosen{background:#f5e4e2;box-shadow:0 0 0 8px #f5e4e2}.articleText>p.dtPick.dtChosen:focus-visible{box-shadow:0 0 0 8px #f5e4e2,0 0 0 10px var(--ink)}.articleText>p.dtPick.dtChosen:before{color:var(--red);border-color:var(--red)}.dtDock{z-index:50;background:var(--ink);color:var(--paper);padding:12px 18px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #0000002e}.dtDockIn{justify-content:space-between;align-items:center;gap:18px;max-width:1180px;margin:auto;display:flex}.dtDock p{margin:0;font:17px/1.4 Georgia,serif}.dtDock p b{letter-spacing:.12em;color:#f1d66a;margin-right:8px;font:900 11px Arial,sans-serif}.dtDock .dtRow{flex-wrap:nowrap}.dtDock .bsPrimary{background:var(--paper);color:var(--ink)}.dtDock .dtGhost{color:var(--paper);border-color:#ffffff8c}.dtDock .dtGhost:hover{background:#ffffff1a}.dtDock button:focus-visible{outline-color:#f1d66a}.dtBars{height:150px;margin:16px 0 0;padding:0;list-style:none;display:flex}.dtBars li{flex-direction:column;flex:1;min-width:0;display:flex}.dtBars i{border-bottom:1px solid var(--ink);flex:1;align-items:flex-end;padding:0 2px;display:flex}.dtBars i b{background:#b9b3a3;width:100%;display:block}.dtBars li.zone i{background:#f3e6e3}.dtBars li.turn i{box-shadow:inset 2px 0 0 var(--red)}.dtBars li.mine i b{background:var(--navy)}.dtBars small{text-align:center;letter-spacing:0;color:var(--muted);padding-top:5px;font:700 11px/1 Arial,sans-serif}.dtBars li.turn small{color:var(--red)}.dtBars li.mine small{color:var(--navy);text-underline-offset:2px;text-decoration:underline}.dtLegend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:11px;display:flex}.dtLegend span{align-items:center;gap:6px;display:inline-flex}.dtLegend i{background:#b9b3a3;width:11px;height:11px;display:inline-block}.dtLegend i.mine{background:var(--navy)}.dtLegend i.zone{box-shadow:inset 2px 0 0 var(--red);background:#f3e6e3}.dtZoneTag{letter-spacing:.08em;color:var(--red);font-weight:800}.dtVerdict{margin:16px 0 0;font:18px/1.5 Georgia,serif}.dtReaction{margin:12px 0 0;font:italic 20px/1.45 Georgia,serif}@media (max-width:800px){.dtPanel h2{font-size:24px}.dtIntro{font-size:17px}.articleText>p.dtPick:before{border-right-width:2px;width:12px;padding:3px 0;font-size:9px;left:-17px}.articleText>p.dtPick:hover,.articleText>p.dtPick:focus-visible{box-shadow:0 0 0 6px var(--wash)}.articleText>p.dtPick.dtChosen{box-shadow:0 0 0 6px #f5e4e2}.dtDock{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.dtDockIn{flex-direction:column;align-items:stretch;gap:10px}.dtDock p{font-size:15px}.dtDock .dtRow>button{flex:1;padding:12px 8px}.dtBars{height:120px}.dtBars i{padding:0 1px}.dtBars small{font-size:10px}.dtReaction{font-size:18px}}@media (prefers-reduced-motion:reduce){.articleText>p.dtPick{transition:none}}
