@import url("aal-dot.css?v=20261026g"); /* grey dot token (Coop, 26 Oct 2026) */
/* Homepage culprit picker: "Refined picker" (Shane picked concept 1, 23 Oct 2026).
   CSS only, on top of css/picker.css: the six choices become quiet text rows divided by hairlines. The selected row gets the
   gradient ball marker, a bolder name and the orange error type (no heavy box). Markup and js/picker.js are unchanged. */
.pk .pk-list ul{gap:0;border-top:1px solid var(--hairline)}
.pk .pk-list .ch,.pk .pk-list .ch[aria-pressed="true"]{background:none;border:0;border-bottom:1px solid var(--hairline);border-radius:0;box-shadow:none;padding:17px 40px 17px 32px;min-height:60px}
.pk .pk-list .ch:hover,.pk .pk-list .ch[aria-pressed="true"]:hover{border-color:var(--hairline)}
.pk .pk-list .ch::before{content:"";position:absolute;left:6px;top:50%;width:11px;height:11px;margin-top:-5.5px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C9C3B8;transition:transform .15s}
.pk .pk-list .ch::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid #A1A1A6;border-right:2px solid #A1A1A6;transform:rotate(45deg)}
.pk .pk-list .ch .t{gap:2px 12px}
.pk .pk-list .ch .n{font-size:20px;font-weight:600;letter-spacing:-.02em;color:#3A3A3C}
.pk .pk-list .ch .e{font-size:15px;font-weight:500;color:var(--muted)}
.pk .pk-list .ch:hover .n{color:var(--ink)}
.pk .pk-list .ch:hover::before{box-shadow:inset 0 0 0 1.5px #8E8A82}
.pk .pk-list .ch[aria-pressed="true"]::before{background:var(--aal-dot,linear-gradient(135deg,#B4B4B9 15%,#7C7C80 85%));box-shadow:none;transform:scale(1.15)}
.pk .pk-list .ch[aria-pressed="true"]::after{border-color:var(--ink)}
.pk .pk-list .ch[aria-pressed="true"] .n{font-weight:800;color:var(--ink)}
.pk .pk-list .ch[aria-pressed="true"] .e{font-weight:700;color:var(--link)}
.pk .pk-list .ch:focus-visible{outline:3px solid #1D4ED8;outline-offset:-3px;border-radius:10px}
@media (forced-colors:active){.pk .pk-list .ch[aria-pressed="true"]{border:0;border-bottom:1px solid CanvasText}.pk .pk-list .ch[aria-pressed="true"]::before{background:Highlight;forced-color-adjust:none}}
@media (max-width:820px){
  .pk .pk-list .ch,.pk .pk-list .ch[aria-pressed="true"]{padding:14px 34px 14px 28px;min-height:52px}
  .pk .pk-list .ch .n{font-size:18px}.pk .pk-list .ch .e{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.pk .pk-list .ch::before{transition:none}}
