/* DCI extras: reading altitude bar + signal-delay calculator. Scoped, so the theme is untouched. */
.dci-alt{position:fixed;left:0;right:0;top:0;height:3px;z-index:99999;pointer-events:none;background:rgba(241,238,231,.08)}
.admin-bar .dci-alt{top:32px}
@media (max-width:782px){.admin-bar .dci-alt{top:46px}}
.dci-alt i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#86A9D6,#FF8A3D)}
.dci-alt b{position:absolute;right:10px;top:8px;font:500 10px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#86A9D6;background:rgba(7,9,13,.8);padding:4px 6px;opacity:0;transition:opacity .3s}
.dci-alt.on b{opacity:1}

.dci-sd{position:relative;margin:2em 0;padding:22px;background:#0D1016;color:#F1EEE7;border:1px solid rgba(241,238,231,.14);font-family:"Barlow","Helvetica Neue",Arial,sans-serif}
.dci-sd::before,.dci-sd::after{content:"";position:absolute;width:14px;height:14px;border:0 solid #86A9D6}
.dci-sd::before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.dci-sd::after{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
.dci-sd p{margin:0}
.dci-sd-k,.dci-sd-range span,.dci-sd-meta,.dci-sd-foot{font:500 11px/1.4 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.dci-sd-k{color:#86A9D6;margin-bottom:12px!important}
.dci-sd-dest{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
@media (max-width:560px){.dci-sd-dest{grid-template-columns:1fr 1fr}}
.dci-sd-dest label{position:relative;cursor:pointer;margin:0}
.dci-sd-dest input{position:absolute;opacity:0}
.dci-sd-dest span{display:block;padding:10px;text-align:center;border:1px solid rgba(241,238,231,.22);font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em}
.dci-sd-dest input:checked+span{border-color:#FF8A3D;color:#FF8A3D}
.dci-sd-dest input:focus-visible+span{outline:2px solid #86A9D6;outline-offset:2px}
.dci-sd-range{display:block;margin:0 0 14px}
.dci-sd-range span{display:block;color:#A39E94;margin-bottom:6px}
.dci-sd-range input{width:100%;accent-color:#FF8A3D}
.dci-sd-out b{font:500 clamp(40px,7vw,64px)/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.dci-sd-out small{color:#86A9D6;font-size:14px}
.dci-sd-meta{color:#A39E94;margin-top:8px!important}
.dci-sd-foot{color:#6E6A63;margin-top:14px!important;font-size:10px}