/* ask box (2026-10-26). Colors match the v-contrast block: navy #0B2545, link #0d3a8a, meta #33445c, button #1D5FD6 */
.ask{max-width:860px}
.askbox{background:#fff;border:1px solid #DCE8F7;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(11,37,69,.12);margin:20px 0}
.asklab{display:block;font-weight:800;color:#0B2545;margin-bottom:6px;font-size:1.05rem}
.askrow{display:flex;gap:8px}.askrow input{flex:1;min-width:0;font-size:1.05rem;padding:14px}.askrow .go{flex:none;padding:13px 22px}
.askhelp,.asksmall,.askcount{color:#33445c;font-size:.9rem;margin:8px 0 0}.askcount:empty{display:none}
.askchips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.askchiplab{font-weight:700;color:#0B2545;font-size:.9rem}
html .askchip{background:#fff;color:#0B2545;border:1.5px solid #1D5FD6;border-radius:99px;padding:8px 14px;font-size:.9rem;font-weight:600;min-height:44px}
html .askchip:hover{background:#0B2545;color:#fff;border-color:#0B2545;box-shadow:none;transform:none}
.answer:focus{outline:none}.answer[aria-busy] {opacity:.6}
.acard{background:#fff;border:1px solid #DCE8F7;border-radius:14px;padding:16px 18px;margin:14px 0}
.acard h2{margin:0 0 6px;font-size:1.4rem}.acard h3{margin:0 0 4px;font-size:1.15rem}.acard p{margin:6px 0}
.ahead{border-left:6px solid #D62839}.aroute{font-weight:900}
.asklead{font-weight:700;color:#0B2545;margin:18px 0 0}
.prog{border-top:4px solid #1D5FD6}
.apaths{margin:8px 0;padding-left:1.2em}.apaths li{margin:4px 0}
.aest{background:#F6F8FB;border-radius:10px;padding:10px 12px}
.abonus{background:#e3f4e8;color:#0f5a30;border-radius:10px;padding:8px 12px;font-weight:600}.abonus a{color:#0f5a30}
.askwarn{background:#fff1d6;color:#6b4500;border-radius:10px;padding:8px 12px}
.abtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.abtns .btn{min-height:44px}
.amore summary,.asrc summary,.askpick summary{cursor:pointer;font-weight:700;color:#0d3a8a;padding:10px 0;min-height:44px}
.asrc ul{font-size:.88rem;padding-left:1.2em}
.askpick{background:#fff;border:1px solid #DCE8F7;border-radius:14px;padding:4px 18px 10px;margin:18px 0}
.pickgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding-bottom:8px}
.pickgrid label{display:block;font-weight:700;color:#0B2545;font-size:.92rem;margin-bottom:4px}.pickgo{display:flex;align-items:flex-end}
.askdis{margin:18px 0}.askpriv{color:#33445c;font-size:.88rem}
@media (max-width:520px){.askrow{flex-direction:column}.askrow .go{width:100%}.acard{padding:14px}}
/* beat the site-wide !important color rules (style.css v-contrast and earlier blocks) */
html body main.w button.askchip{background:#fff!important;color:#0B2545!important;-webkit-text-fill-color:#0B2545;border:1.5px solid #1D5FD6!important;box-shadow:none!important;text-shadow:none!important}
html body main.w button.askchip:hover,html body main.w button.askchip:focus-visible{background:#0B2545!important;color:#fff!important;-webkit-text-fill-color:#fff}
html body main.w .askbox input,html body main.w .askpick select,html body main.w .askpick input{background:#fff!important;border:2px solid #5A6A82!important;color:#0B2545!important;box-shadow:none}
html body main.w .askbox input::placeholder{color:#5A6A82!important;opacity:1}
html body main.w .acard a:not(.btn),html body main.w .asrc a,html body main.w .amore a:not(.btn){color:#0d3a8a!important}
html body main.w .abonus,html body main.w .abonus *{color:#0f5a30!important}
html body main.w .askwarn{color:#6b4500!important}
html body main.w a.btn.ghost,html body main.w .amore a.btn.ghost{background:#fff!important;color:#0B2545!important;border:1.5px solid #0B2545!important}
html body main.w .alinks a.btn:not(.ghost){color:#fff!important}
