/* Alerts section + bell / start-form modals.
 * Visual system ported from the design prototype: tokens live on .al-root
 * (page) and .al-modal (overlays) so the site's Bootstrap styles are untouched. */
.al-root,.al-modal,.al-qm,.al-toasts,.al-coach{
  --al-bg:#F5F7F4; --al-surface:#FFFFFF; --al-surface-2:#EEF2EF; --al-ink:#17211C; --al-muted:#5F6C65; --al-line:#DCE3DE;
  --al-accent:#1E8A5A; --al-accent-ink:#FFFFFF; --al-accent-soft:#E3F2EA;
  --al-vip:#B8862B; --al-vip-soft:#F8EFDD; --al-live:#C9701A; --al-live-soft:#FBEBDD; --al-bad:#C23B3B; --al-bad-soft:#F9E3E3;
  --al-shadow:0 12px 32px rgba(23,33,28,.14);
  --al-display:Barlow,"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --al-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--al-ink);font:14.5px/1.5 var(--al-body);font-variant-numeric:tabular-nums;
}
.al-root *,.al-modal *{box-sizing:border-box}
.al-root h1,.al-root h2,.al-root h3,.al-modal h3{font-family:var(--al-display);margin:0;line-height:1.2}
.al-root button,.al-modal button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.al-root input,.al-root select,.al-modal input,.al-modal select{font:inherit;color:var(--al-ink);background:var(--al-surface);border:1px solid var(--al-line);border-radius:6px;padding:6px 8px;height:auto;line-height:1.3}
.al-root button:focus-visible,.al-modal button:focus-visible,.al-modal input:focus-visible,.al-modal select:focus-visible{outline:2px solid var(--al-accent);outline-offset:2px}
.al-root a{color:inherit}
.al-root a:hover{text-decoration:none;color:var(--al-accent)}

.al-lbl{font-family:var(--al-display);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--al-muted)}
.al-mini{font-size:12.5px;color:var(--al-muted)}
.al-tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;letter-spacing:.06em;font-family:var(--al-display);white-space:nowrap;background:var(--al-surface-2);color:var(--al-muted);vertical-align:middle}
.al-tag.vip{background:var(--al-vip-soft);color:var(--al-vip)}
.al-tag.live{background:var(--al-live-soft);color:var(--al-live)}
.al-tag.ok{background:var(--al-accent-soft);color:var(--al-accent)}
.al-tag.pre{background:var(--al-surface-2);color:var(--al-muted)}
.al-root .al-btn,.al-modal .al-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;font-weight:600;font-family:var(--al-display);letter-spacing:.02em;font-size:14px;line-height:1.2;border:1px solid transparent;background:none;color:var(--al-ink);cursor:pointer;text-decoration:none}
.al-root .al-btn:hover,.al-modal .al-btn:hover{text-decoration:none;color:var(--al-ink)}
.al-root .al-btn-pri,.al-modal .al-btn-pri{background:var(--al-accent);color:var(--al-accent-ink)}
.al-root .al-btn-pri:hover,.al-modal .al-btn-pri:hover{background:#19794f;color:#fff}
.al-root .al-btn-ghost,.al-modal .al-btn-ghost{border-color:var(--al-line);background:var(--al-surface)}
.al-root .al-btn-ghost:hover,.al-modal .al-btn-ghost:hover{border-color:var(--al-accent)}
.al-root .al-btn-gold,.al-modal .al-btn-gold{background:var(--al-vip);color:#fff}
.al-root .al-btn-sm,.al-modal .al-btn-sm{padding:6px 10px;font-size:13px}
.al-root .al-btn:disabled,.al-modal .al-btn:disabled{opacity:.5;cursor:default}
.al-root .al-x,.al-modal .al-x{color:var(--al-muted);font-size:14px;padding:2px 6px;border:0;background:none;cursor:pointer}
.al-root .al-x:hover,.al-modal .al-x:hover{color:var(--al-bad)}
.al-root .al-link,.al-modal .al-link{font-size:12px;color:var(--al-accent);font-weight:500;background:none;border:0;padding:0;cursor:pointer}

/* page shell */
.al-root{max-width:1180px;margin:0 auto;padding:14px 20px 60px}
.al-subnav{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--al-line);margin-bottom:18px}
.al-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.al-subnav a{display:flex;align-items:center;gap:8px;padding:10px 14px;}
.al-subnav a:first-of-type{padding-left:0}
.al-subnav a{color:var(--al-muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.al-subnav a:hover{color:var(--al-ink);text-decoration:none}
.al-subnav a.active{color:var(--al-ink);border-color:var(--al-accent);font-weight:600}
.al-subnav .al-side{display:flex;gap:2px;align-items:center}
.al-cnt{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--al-accent);color:var(--al-accent-ink);font-weight:600;line-height:16px}
.al-cnt.mute{background:var(--al-surface-2);color:var(--al-muted)}
.al-cnt:empty{display:none}
.al-page-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.al-page-h h2{font-size:22px;font-weight:700}
.al-root .al-tagline{font-family:var(--al-display);font-size:22px;font-weight:700;color:var(--al-ink);margin:6px 0 10px}
.al-page-h .al-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.al-card{border-radius:12px;background:var(--al-surface);padding:14px 16px} /* white on the grey ground is the boundary; no outline */
.al-card h3{font-size:15px;font-weight:700;margin-bottom:8px}
.al-card p{margin:0;color:var(--al-muted);font-size:13px;line-height:1.5}
.al-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:12px 0 16px}
.al-intro{color:var(--al-muted);max-width:640px;margin:0 0 6px}
.al-split{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:1000px){.al-split{grid-template-columns:1fr 340px}}
.al-chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.al-root .al-chip,.al-modal .al-chip{padding:6px 10px;border-radius:99px;border:1px solid var(--al-line);background:var(--al-surface);font-weight:500;font-size:13px;color:var(--al-ink);line-height:1.3}
.al-root .al-chip.on,.al-modal .al-chip.on{background:var(--al-ink);color:var(--al-bg);border-color:var(--al-ink)}
.al-chip .n{color:var(--al-muted);margin-left:3px;font-size:12px}
.al-chip.on .n{color:var(--al-line)}
.al-empty{padding:28px;text-align:center;color:var(--al-muted);border:1px dashed var(--al-line);border-radius:12px;grid-column:1/-1}

/* alert cards (mine / conditions) */
.al-conds{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.al-mine-g{display:flex;align-items:baseline;gap:12px;margin-top:6px}
.al-mine-g+.al-mine-g,.al-cond+.al-mine-g{margin-top:14px}
.al-mine-g .al-link{font-weight:500}
.al-mine-g .al-link+.al-link{margin-left:auto}
.al-cond[hidden]{display:none}
.al-cond{border:1px solid var(--al-line);border-radius:12px;background:var(--al-surface);padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.al-cond.off{opacity:.6}
.al-cond .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.al-cond .nm{font-family:var(--al-display);font-weight:700;font-size:16px;line-height:1.2}
.al-cond .nm a{color:inherit}
.al-cond .tags{display:flex;gap:4px;flex-shrink:0}
.al-cond .l3{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px}
.al-cond .l3 span:nth-child(odd){color:var(--al-muted);font-size:12px;padding-top:1px;white-space:nowrap}
.al-cond .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid var(--al-line);gap:8px;flex-wrap:wrap}
.al-cond .when{font-size:12px;color:var(--al-muted)}
.al-cond .when b{color:var(--al-ink);font-weight:600}
/* state dot: grey and still when paused; green with a breathing halo while running (orange for in-play) */
.al-state{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--al-ink);margin-right:2px}
.al-state i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--al-muted);flex-shrink:0}
.al-state.run{color:var(--al-accent)}
.al-state.run i{background:var(--al-accent)}
.al-state.run i::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.5;animation:al-pulse 1.8s ease-out infinite}
.al-state.run.live{color:var(--al-live)}
.al-state.run.live i{background:var(--al-live)}
@keyframes al-pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(3);opacity:0}}
@media (prefers-reduced-motion:reduce){.al-state.run i::after{animation:none;display:none}}
.al-cond .ops{display:flex;gap:6px;align-items:center}
.al-root .al-tog,.al-modal .al-tog{width:36px;height:20px;border-radius:99px;background:var(--al-line);position:relative;flex:none;border:0;padding:0;cursor:pointer}
.al-tog::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:99px;background:var(--al-surface);transition:left .15s}
.al-root .al-tog.on,.al-modal .al-tog.on{background:var(--al-accent)}
.al-tog.on::after{left:19px}

/* history */
.al-feed{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--al-line)}
.al-feed:first-child{border-top:0}
.al-feed .dot{width:8px;height:8px;border-radius:99px;background:var(--al-accent);margin-top:7px;flex:none}
.al-feed .dot.live{background:var(--al-live)}
.al-feed .dot.miss{background:var(--al-line)}
.al-feed .body{flex:1;min-width:0}
.al-feed time{color:var(--al-muted);font-size:12px;display:block}
.al-feed .acts{display:flex;gap:8px;flex-shrink:0;align-items:center}
.al-feed .lines{margin:4px 0 2px;padding-left:18px;color:var(--al-muted)}
.al-feed .lines li{margin:1px 0}
.al-feed .lines li.more{list-style:none;margin-left:-18px;font-size:12px}
/* one notification: every match behind it */
.al-ev-h{margin:10px 0 4px;font-size:16px}
.al-ev-h b{font-weight:600}
.al-ev-n{margin:14px 0 6px;font-size:12px;color:var(--al-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.al-ev-wrap{overflow-x:auto}
.al-ev-t{width:100%;border-collapse:collapse;font-size:13px}
.al-ev-t th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--al-muted);padding:6px 10px 6px 0;border-bottom:1px solid var(--al-line);white-space:nowrap}
.al-ev-t td{padding:8px 10px 8px 0;border-bottom:1px solid var(--al-line);vertical-align:top}
.al-ev-t td.t{white-space:nowrap;color:var(--al-muted)}
.al-ev-t td.g{color:var(--al-muted)}
.al-ev-t .al-mlink{font-weight:600}
.al-ev-t .al-tag{margin-left:4px}
.al-ev-body{margin-top:8px;white-space:pre-line;color:var(--al-muted)}
.al-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.al-kpi div{background:var(--al-surface);border:1px solid var(--al-line);border-radius:10px;padding:10px 12px}
.al-kpi b{display:block;font-family:var(--al-display);font-size:22px;font-weight:700}

/* settings */
.al-sw{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--al-line);gap:10px}
.al-sw:first-of-type{border-top:0}
.al-sw .d{color:var(--al-muted);font-size:12px}
.al-st{font-size:12px;padding:3px 8px;border-radius:6px;background:var(--al-accent-soft);color:var(--al-accent);font-weight:600}
.al-st.off{background:var(--al-bad-soft);color:var(--al-bad)}
.al-card+.al-card{margin-top:12px}

/* bell button (inside site markup) */
.al-bell{position:relative}
.al-bell.on{color:var(--al-accent,#1E8A5A)}
.al-bell .al-bell-n{position:absolute;top:-6px;right:-6px;min-width:15px;height:15px;line-height:15px;border-radius:8px;background:#1E8A5A;color:#fff;font-size:10px;font-weight:700;text-align:center;padding:0 4px;display:none}
.al-bell.on .al-bell-n{display:block}
.btn.al-bell{padding-left:7px;padding-right:7px}
.btn.al-bell svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}
.btn.al-bell.on{background:#E3F2EA;border-color:#1E8A5A}
.cs-mh-action.al-bell svg{fill:none;stroke:currentColor;stroke-width:1.8}
.al-qm{position:fixed;z-index:60;background:var(--al-surface);border:1px solid var(--al-line);border-radius:10px;box-shadow:var(--al-shadow);padding:6px;min-width:240px;font-size:13.5px}
.al-qm button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:0;background:transparent;border-radius:7px;text-align:left;cursor:pointer;font:inherit;color:var(--al-ink)}
.al-qm button:hover{background:var(--al-surface-2)}

/* modals */
.al-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1050;display:none;place-items:center;padding:20px;overflow:auto}
.al-modal.on{display:grid}
.al-mbox{background:var(--al-surface);border-radius:14px;max-width:520px;width:100%;padding:22px;box-shadow:var(--al-shadow);max-height:92vh;overflow:auto;font-size:13.5px}
.al-mbox h3{font-size:20px;font-weight:700;margin-bottom:8px}
.al-mbox p{color:var(--al-muted);margin:0 0 12px}
.al-mbox select,.al-mbox input[type=number],.al-mbox input[type=text],.al-mbox input[type=time]{font-size:13px;padding:5px 7px}
.al-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.al-done{display:flex;align-items:center;gap:10px;padding:6px 12px;color:var(--al-muted);font-size:13px}
.al-done .al-num{width:20px;height:20px;border-radius:99px;background:var(--al-accent-soft);color:var(--al-accent);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.al-done .k{min-width:84px}
.al-done b{color:var(--al-ink);font-weight:600}
.al-slot-h{display:flex;align-items:center;gap:8px;font-family:var(--al-display);font-weight:700;font-size:14px;margin:10px 0 8px;padding:10px 12px 0}
.al-slot-h .al-num{width:20px;height:20px;border-radius:99px;background:var(--al-accent);color:var(--al-accent-ink);display:grid;place-items:center;font-size:12px;flex:none}
.al-slot{padding:0 12px 10px}
.al-sub{margin-top:10px;padding-top:10px;border-top:1px dashed var(--al-line)}
.al-sub-h{font-size:12px;color:var(--al-muted);font-weight:600;margin-bottom:6px;display:flex;gap:8px;align-items:baseline}
.al-kinds{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.al-kinds.k5{grid-template-columns:repeat(5,1fr)}
.al-kinds button{padding:8px 4px;white-space:normal;line-height:1.2;min-height:40px;border:1px solid var(--al-line);border-radius:8px;background:var(--al-surface);color:var(--al-ink);font-size:13px}
.al-kinds button.on{background:var(--al-ink);color:var(--al-bg);border-color:var(--al-ink)}
.al-row-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.al-row-line>span:first-child{color:var(--al-muted);font-size:12.5px}
.al-limrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.al-limrow>span:first-child{width:88px;flex:0 0 88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--al-muted);font-size:12.5px}  /* 88px: the widest label ("Line & price", ja "ラインとオッズ") fits, so the rows stay aligned without clipping */
.al-rulebox{border:1px dashed var(--al-line);border-radius:8px;padding:10px;flex:1}
.al-lr{display:grid;grid-template-columns:1.2fr 80px 52px 82px 64px 24px;gap:6px;align-items:center;margin-bottom:2px}
.al-lr select,.al-lr input{width:100%;font-size:13px;padding:5px 6px}
.al-sent{font-size:12.5px;color:var(--al-muted);margin:2px 0 8px}
.al-warn{font-size:12.5px;color:var(--al-live);margin-top:4px}
.al-warn:empty{display:none}
.al-sum{margin-top:12px;padding:10px 12px;background:var(--al-bg);border-radius:8px;font-size:13.5px;line-height:1.5}
.al-sum b{color:var(--al-ink)}
.al-chs{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0}
.al-chs label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;margin:0}
.al-chs input{margin:0}
.al-chs .vip{font-size:10px;font-weight:700;background:var(--al-vip-soft);color:var(--al-vip);border-radius:4px;padding:1px 5px;font-family:var(--al-display)}
.al-ms-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--al-line)}
.al-ms-row.off .al-ms-main{opacity:.55}
.al-ms-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.al-ms-acts{display:flex;gap:6px;align-items:center;flex-shrink:0}
/* toasts: a stack of cards; phones near the thumb, desktop top-right under the navbar */
.al-toasts{position:fixed;left:12px;right:12px;bottom:16px;z-index:1100;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.al-toast{display:flex;align-items:flex-start;gap:10px;padding:11px 10px 11px 14px;border-radius:10px;background:var(--al-surface);color:var(--al-ink);box-shadow:var(--al-shadow);border-left:4px solid var(--al-accent);font-size:13.5px;line-height:1.4;pointer-events:auto;opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s}
.al-toast.in{opacity:1;transform:none}
.al-toast.err{border-left-color:var(--al-bad)}
.al-toast.info{border-left-color:var(--al-muted)}
.al-toast-i{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--al-accent-soft);color:var(--al-accent);margin-top:-1px}
.al-toast.err .al-toast-i{background:var(--al-bad-soft);color:var(--al-bad)}
.al-toast.info .al-toast-i{background:var(--al-surface-2);color:var(--al-muted)}
.al-toast-i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.al-toast-b{flex:1;min-width:0;font-weight:500}
.al-toast-act{display:inline-block;margin-top:4px;color:var(--al-accent);font-weight:600;text-decoration:none}
.al-toast-act:hover{text-decoration:underline;color:var(--al-accent)}
.al-toast.err .al-toast-act{color:var(--al-bad)}
.al-toast-x{flex:none;border:0;background:none;color:var(--al-muted);font-size:18px;line-height:1;padding:0 4px;cursor:pointer;margin-top:-2px}
.al-toast-x:hover{color:var(--al-ink)}
@media (min-width:768px){.al-toasts{left:auto;right:16px;bottom:auto;top:64px;width:360px}.al-toast{transform:translateX(24px)}}
@media (prefers-reduced-motion:reduce){.al-toast,.al-tog::after{transition:none}}
@media (max-width:600px){
  .al-root{padding:10px 12px 40px}
  .al-subnav{flex-wrap:wrap;overflow-x:auto}
  .al-kinds{grid-template-columns:repeat(3,1fr)}
  .al-kinds.k5{grid-template-columns:repeat(3,1fr)}
  .al-lr{grid-template-columns:1fr 1fr 1fr}
  .al-kpi{grid-template-columns:1fr}
  .al-mbox{padding:14px}
}

/* discover */
.al-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.al-modes{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-surface);overflow-x:auto;max-width:100%}
.al-modes button{padding:7px 12px;color:var(--al-muted);font-weight:500;border-radius:7px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.al-modes button.on{background:var(--al-ink);color:var(--al-bg);font-weight:600}
.al-period{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--al-line);border-radius:10px;background:var(--al-surface)}
.al-period .al-lbl{padding:0 6px}
.al-period button{padding:7px 12px;border-radius:7px;color:var(--al-muted);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.al-period button.on{background:var(--al-live);color:#fff;font-weight:600}
.al-fsplit{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:1000px){.al-fsplit{grid-template-columns:340px 1fr}}
.al-sticky{position:sticky;top:70px;align-self:start}
.al-cur{border:1px dashed var(--al-line);border-radius:8px;padding:8px 10px;font-size:13px;min-height:40px}
.al-cur .r{display:flex;justify-content:space-between;gap:8px;padding:2px 0;color:var(--al-ink)}
.al-cur .r span:last-child{color:var(--al-muted)}
.al-cur.empty-c{color:var(--al-muted);text-align:center}
.al-opts{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.al-opt{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:8px;font-size:13px;color:var(--al-muted)}
.al-opt select{width:100%}
.al-chips.excl{margin:0;gap:4px}
.al-chips.excl .al-chip{padding:4px 9px;font-size:12px}
.al-root .al-chips.excl .al-chip.on{background:var(--al-bad-soft);color:var(--al-bad);border-color:transparent}
.al-root .al-chip.more{border-style:dashed;color:var(--al-muted);background:var(--al-surface)}
.al-rh{display:flex;justify-content:space-between;align-items:center;margin:8px 0 6px}
/* filter panel, three levels: source switch (segmented, the only dark "on") > condition card > narrow down */
.al-seg{display:flex;gap:2px;padding:3px;margin:6px 0 12px;border-radius:10px;background:var(--al-surface-2)}
.al-root .al-seg button{flex:1 1 auto;min-width:0;white-space:nowrap;padding:7px 6px;border-radius:8px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--al-muted);text-align:center}
.al-root .al-seg button.on{background:var(--al-ink);color:var(--al-bg)}
.al-condbox{padding:10px 12px 12px;margin-bottom:4px;border-radius:10px;background:var(--al-bg);border:1px solid var(--al-line)}
.al-condbox .al-lbl{font-size:11px}
.al-condbox .al-chips{margin:6px 0 10px}
.al-root .al-condbox .al-chip.on{background:var(--al-accent-soft);color:var(--al-accent);border-color:var(--al-accent);font-weight:600}
.al-condbox .al-rh{margin:2px 0 6px;padding-top:10px;border-top:1px solid var(--al-line)}
.al-condbox .al-cur{background:var(--al-surface);border-style:solid}
.al-cond-name{display:inline-block;font-family:var(--al-display);font-weight:700;font-size:14px;color:var(--al-ink);min-width:0}
.al-cond-name::first-letter{text-transform:uppercase}
.al-cond-name .al-tag{margin-left:4px}
.al-cond-name .al-link{font-family:var(--al-body);font-weight:500;font-size:12px}
.al-lbl-sec{margin-top:14px}
.al-lbl-sec+.al-opts{margin-top:8px}
#alFTierRow .al-link{grid-column:2;justify-self:end;margin-top:-2px}
.al-fld{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--al-line);font-size:13px}
.al-fld:first-of-type{border-top:0}
.al-fld select,.al-fld input{width:100%}
.al-tcat{border-radius:12px;background:var(--al-surface);padding:12px 14px;margin-bottom:14px}
.al-tcat .top{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.al-tcat .top b{font-family:var(--al-display);font-size:16px}
.al-tcat .all{margin-left:auto;display:flex;gap:8px;align-items:center}
.al-tcat .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 18px}
@media(min-width:900px){.al-tcat .grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1100px){.al-tcat .grid{grid-template-columns:repeat(5,1fr)}}
.al-tcat .grid button{text-align:left;padding:4px 6px;border-radius:6px;font-size:13.5px;display:flex;align-items:center;gap:6px;color:var(--al-ink)}
.al-tcat .grid button::before{content:"★";font-size:11px;color:var(--al-line)}
.al-tcat .grid button .cnt{margin-left:2px;font-size:11px;color:var(--al-muted);font-family:var(--al-display);font-weight:500;opacity:.85}
.al-tcat .grid button:hover{background:var(--al-surface-2)}
.al-tcat .grid button.on{background:var(--al-accent-soft);font-weight:600}
.al-tcat .grid button.has::before{color:var(--al-accent)} /* lit = a running range alert exists for this option; selection is the row highlight only */
.al-tcat .grid button .mine{margin-left:-4px;font-size:11px;font-weight:700;color:var(--al-accent);font-family:var(--al-display)}
.al-tfilters{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px} /* whitespace separates the trend list from the controls */
.al-tfilters label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--al-muted);font-weight:400;margin:0}
.al-tfilters select,.al-tfilters input{padding:5px 8px}
.al-res-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.al-res-h h2{font-size:18px;font-weight:700}
.al-res-h .n{font-family:var(--al-display);font-weight:700;font-size:22px;margin-right:6px}
.al-alert-these{margin-top:16px;padding-top:14px;border-top:1px solid var(--al-line)}
.al-alert-these .btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.al-alert-these .al-btn{flex:1 1 0;justify-content:center}
.al-tgrid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:900px){.al-tgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1200px){.al-tgrid{grid-template-columns:1fr 1fr 1fr}}
.al-tpanel{border-radius:12px;background:var(--al-surface);overflow:hidden}
.al-tpanel .h{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px 52px;gap:6px;padding:8px 12px;background:var(--al-surface-2);font-family:var(--al-display);font-weight:700;font-size:14px;align-items:center}
.al-tpanel .h>*{min-width:0;overflow:hidden;text-overflow:ellipsis}  /* a header longer than its column ends in an ellipsis, it never spills into the next one */
/* An overview panel's metric headers keep to one line: their columns are 46-52px, and a header that wraps
   makes that panel taller than the two beside it. The wide tables are left alone — their half-time headers
   wrap in English too, so two lines is the design there. The panel's own title (the div) may still wrap. */
.al-tpanel .h:not(.trow):not(.mrow):not(.frow):not(.srow)>span{white-space:nowrap}
.al-tpanel .h span{font-size:11px;color:var(--al-muted);text-align:right;font-weight:600;white-space:normal;line-height:1.15}
.al-tpanel .r{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px 52px;gap:6px;padding:8px 12px;font-size:13px;align-items:center}
.al-tpanel .r:hover{background:var(--al-bg)} /* no row rules: a hover tint keeps a row readable across the columns */
.al-tpanel .r .tm{display:flex;gap:8px;align-items:baseline;min-width:0}
.al-tpanel .r .tm small{color:var(--al-muted);font-size:11px;white-space:nowrap}
.al-tpanel .r .tm b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-tpanel .r .rec{text-align:right;color:var(--al-muted)}
.al-tpanel .r .pct{text-align:right;font-family:var(--al-display);font-weight:700;padding:1px 0;color:var(--al-accent)}
.al-tpanel .r .pct.mid{color:var(--al-vip)}
.al-tpanel .r .pct.na{color:var(--al-muted)}
.al-tpanel .r .pct.drop{color:var(--al-bad)}
.al-tpanel .r .od{text-align:right;font-weight:600}
.al-tpanel .r .rank{color:var(--al-muted);font-family:var(--al-display);font-weight:700}
.al-tpanel .r .nx{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-tpanel .r .nx small{color:var(--al-muted);font-size:11px;margin-right:4px}
.al-tpanel .trow{grid-template-columns:36px minmax(0,1.2fr) auto 50px minmax(0,2fr) 56px 40px} /* record column sizes to its header: "Last 10 (W-D-L)" for PPG */
.al-tpanel .h.trow>*{white-space:nowrap}
.al-tpanel .mrow{grid-template-columns:36px minmax(0,2.4fr) 64px 64px 60px 56px 40px}
.al-tpanel .frow{grid-template-columns:36px minmax(0,2.4fr) 60px 60px 60px 64px 40px}
.al-tpanel .crow{grid-template-columns:70px 1fr auto 40px}
.al-tpanel .r.crow .ev{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.al-tpanel .r.crow .ev span{font-size:12px;padding:3px 8px;border-radius:6px;background:var(--al-surface-2);white-space:nowrap}
.al-tpanel .r.crow .ev span b{color:var(--al-accent);font-weight:600}
/* free plan: blurred dummy rows (made-up text) with the membership link over each run */
.al-lkgrp{position:relative}
.al-tpanel .r.al-lk{pointer-events:none;user-select:none;-webkit-user-select:none}
.al-tpanel .r.al-lk>*{filter:blur(5px);opacity:.75}
.al-tpanel .r.al-lk:hover{background:none}
.al-root a.al-lkcta{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;max-width:92%;padding:6px 14px;border-radius:999px;background:var(--al-surface);border:1px solid var(--al-line);box-shadow:0 2px 10px rgba(0,0,0,.10);color:var(--al-vip);font-family:var(--al-display);font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.al-root a.al-lkcta span{overflow:hidden;text-overflow:ellipsis}
.al-root a.al-lkcta:hover{border-color:var(--al-vip)}
.al-lkcta svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.al-tpanel .more{display:block;width:100%;text-align:center;padding:8px;font-size:13px;color:var(--al-accent);font-weight:600}
.al-vtabs{display:flex;gap:2px;margin-bottom:8px}
.al-vtabs button{padding:8px 16px;font-family:var(--al-display);font-weight:600;font-size:15px;color:var(--al-muted);border-bottom:2px solid transparent}
.al-vtabs button.on{color:var(--al-ink);border-color:var(--al-accent)}
.al-group{border:1px solid var(--al-line);border-radius:12px;background:var(--al-surface);margin-bottom:12px;overflow:hidden}
.al-group-h{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--al-surface-2);font-family:var(--al-display);font-weight:600;font-size:13px}
.al-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--al-muted);position:relative;border:0;background:none}
.al-icon:hover{background:var(--al-surface-2);color:var(--al-ink)}
.al-icon.on{color:var(--al-accent);background:var(--al-accent-soft)}
.al-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.al-icon.sm{width:26px;height:26px}
.al-icon.sm svg{width:15px;height:15px}
.al-root .al-btn-live{border:1px solid var(--al-live);color:var(--al-live);background:transparent}
.al-root .al-btn-live:hover{background:var(--al-live-soft);color:var(--al-live)}
.al-root .al-rr{display:grid;grid-template-columns:1.5fr 60px 76px 24px;gap:6px;align-items:center;margin-bottom:6px}
.al-root .al-rr select,.al-root .al-rr input,.al-modal .al-rr select,.al-modal .al-rr input{font-size:13px;padding:5px 6px;width:100%}
.al-modal .al-rr{display:grid;grid-template-columns:1.5fr 60px 76px 24px;gap:6px;align-items:center;margin-bottom:6px}
.al-root .vs,.al-modal .vs{font-weight:400;color:var(--al-muted);font-size:.85em;margin:0 5px;font-family:var(--al-body)}
.al-tpanel .r .pct small{display:block;font-family:var(--al-body);font-weight:400;font-size:10.5px;color:var(--al-muted);line-height:1.1;margin-top:1px}
.al-root a.al-mlink{color:inherit;text-decoration:none}
.al-root a.al-mlink:hover{color:var(--al-accent);text-decoration:underline}
.al-root a.al-mlink .vs{color:var(--al-muted)}

/* league picker (discover filter > selected leagues): continent > country > league tree, same shape as the Today list filter */
.al-lt-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 6px}
.al-lt-tools .al-mini{margin-left:auto}
.al-lt{height:56vh;min-height:240px;overflow:auto;border:1px solid var(--al-line);border-radius:8px;margin:0;padding:0;list-style:none} /* fixed, not max: collapsing a branch must not shrink the popup */
.al-lt ul{list-style:none;margin:0;padding:0;display:none}
.al-lt li.open>ul{display:block}
.al-lt>li{border-bottom:1px solid var(--al-line)}
.al-lt>li:last-child{border-bottom:0}
.al-lt-row{display:flex;align-items:center;gap:6px;padding:4px 10px}
.al-lt-cont>.al-lt-row{background:var(--al-surface-2);font-weight:700}
.al-lt-ctry>.al-lt-row{padding-left:28px}
.al-lt-lg>.al-lt-row{padding-left:58px}
.al-lt-row label{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.al-lt-row input{margin:0;flex:0 0 auto}
.al-lt-row label.al-lt-cb{flex:0 0 auto}
.al-lt-body{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;user-select:none}
.al-lt-name{overflow:hidden;text-overflow:ellipsis}
.al-lt-n{color:var(--al-muted);font-weight:400}
.al-lt-lv{font-size:11px;color:var(--al-muted)}
.al-lt-flag{width:16px;height:11px;flex:0 0 auto;object-fit:cover}
.al-lt-toggle{flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid var(--al-line);border-radius:4px;background:var(--al-surface);color:var(--al-ink);font-size:15px;line-height:20px;text-align:center;cursor:pointer}
.al-lt-toggle:before{content:"+"}
li.open>.al-lt-row>.al-lt-toggle:before{content:"\2212"}
.al-lt-toggle.none{visibility:hidden}
.al-lt .hid{display:none!important}
.al-lt.ro .al-lt-body{cursor:default} /* the popular list is there to be read, not picked from */

/* country flag in front of the league name in discover lists */
.al-flag{width:16px;height:11px;vertical-align:-1px;margin-right:4px;object-fit:cover;border-radius:1px}

/* signals mode */
.al-tpanel .srow{grid-template-columns:36px minmax(0,2fr) minmax(220px,1.6fr) 56px 40px} /* the sentence column gets room: full sentences, wrapped rather than clipped */
.al-tpanel .r .sig{font-size:12.5px;text-align:right;color:var(--al-ink);white-space:normal;line-height:1.3}
.al-tpanel .h.srow{grid-template-columns:36px minmax(0,2fr) minmax(220px,1.6fr) 56px 40px}
/* phones: the fixture / sentence gets its own full-width line instead of being clipped in a 7-column grid;
   cells are placed by position (headers share the same order), so the header labels line up with the numbers.
   767px: the site nav is already in its phone form there and a 7-column grid clips the fixture up to that width */
@media (max-width:767px){
  .al-tpanel .r,.al-tpanel .h{padding:8px 10px;column-gap:6px;row-gap:2px}
  .al-tpanel .r .nx,.al-tpanel .r .sig{white-space:normal;overflow:visible;text-align:left}
  .al-tpanel .trow{grid-template-columns:24px minmax(0,1fr) auto 40px 48px 32px;grid-template-areas:"rank tm rec pct od bell" ". nx nx nx nx nx"}
  .al-tpanel .trow>:nth-child(1){grid-area:rank}.al-tpanel .trow>:nth-child(2){grid-area:tm}.al-tpanel .trow>:nth-child(3){grid-area:rec}.al-tpanel .trow>:nth-child(4){grid-area:pct}.al-tpanel .trow>:nth-child(5){grid-area:nx}.al-tpanel .trow>:nth-child(6){grid-area:od}.al-tpanel .trow>:nth-child(7){grid-area:bell}
  .al-tpanel .h.trow>:nth-child(5){display:none}
  .al-tpanel .mrow,.al-tpanel .frow{grid-template-columns:24px repeat(4,minmax(0,1fr)) 32px;grid-template-areas:"rank nx nx nx nx bell" ". c1 c2 c3 c4 ."}
  .al-tpanel .mrow>:nth-child(1),.al-tpanel .frow>:nth-child(1){grid-area:rank}.al-tpanel .mrow>:nth-child(2),.al-tpanel .frow>:nth-child(2){grid-area:nx}
  .al-tpanel .mrow>:nth-child(3),.al-tpanel .frow>:nth-child(3){grid-area:c1}.al-tpanel .mrow>:nth-child(4),.al-tpanel .frow>:nth-child(4){grid-area:c2}
  .al-tpanel .mrow>:nth-child(5),.al-tpanel .frow>:nth-child(5){grid-area:c3}.al-tpanel .mrow>:nth-child(6),.al-tpanel .frow>:nth-child(6){grid-area:c4}
  .al-tpanel .mrow>:nth-child(7),.al-tpanel .frow>:nth-child(7){grid-area:bell}
  .al-tpanel .srow,.al-tpanel .h.srow{grid-template-columns:24px minmax(0,1fr) 48px 32px;grid-template-areas:"rank nx od bell" ". sig sig sig"}
  .al-tpanel .srow>:nth-child(1){grid-area:rank}.al-tpanel .srow>:nth-child(2){grid-area:nx}.al-tpanel .srow>:nth-child(3){grid-area:sig}.al-tpanel .srow>:nth-child(4){grid-area:od}.al-tpanel .srow>:nth-child(5){grid-area:bell}
  .al-tpanel .h.srow>:nth-child(3){display:none}
  .al-tpanel .r .tm b{white-space:normal}
}
/* signals overview: three columns (who, signal, price); short signal text never wraps */
.al-tpanel.spanel .h,.al-tpanel.spanel .r{grid-template-columns:minmax(0,1fr) minmax(64px,auto) 52px}
.al-tpanel.spanel .r .rec.sig{white-space:nowrap;color:var(--al-ink);font-weight:600}
.al-tgrid .al-tpanel{align-self:start} /* an empty panel does not stretch to its neighbour's height */

/* onboarding: intro strip on Discover, help nav entry, help page (icon steps + FAQ), bell coachmark */
.al-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px}
.al-steps>li .hd{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--al-ink);font-weight:700;font-family:var(--al-display);margin-bottom:6px}
.al-steps .ic{width:30px;height:30px;border-radius:50%;background:var(--al-accent-soft);color:var(--al-accent);display:inline-flex;align-items:center;justify-content:center;flex:none}
.al-steps .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.al-steps ul{list-style:none;margin:0;padding:0 0 0 38px}
.al-steps ul li{position:relative;font-size:13px;color:var(--al-muted);line-height:1.45;padding-left:10px;margin-top:3px}
.al-steps ul li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--al-line)}
.al-help .al-acts{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.al-subnav a.help{margin-left:auto;gap:5px}
.al-subnav a.help svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes al-flash{0%,100%{background:transparent}35%{background:var(--al-accent-soft)}}
.al-subnav a.al-flash{animation:al-flash 1.2s 2;border-radius:6px}
.al-cond.al-flash{animation:al-flash 1.2s 2;border-color:var(--al-accent)}
.al-ev-lines{list-style:none;margin:10px 0 4px;padding:0;font-size:13.5px;line-height:1.7}
.al-ev-lines li.h{font-weight:600;margin-top:4px}
.al-ev-lines li .i{display:inline-block;width:24px}
.al-note{font-size:13px;color:var(--al-live);background:var(--al-live-soft);border-radius:8px;padding:8px 12px;margin-bottom:10px}
.al-note a{color:inherit;font-weight:600;text-decoration:underline}
.al-help{max-width:760px}
.al-faq details{border-top:1px solid var(--al-line)}
.al-faq details:first-of-type{border-top:0}
.al-faq summary{cursor:pointer;padding:10px 26px 10px 0;font-weight:600;font-size:14px;list-style:none;position:relative}
.al-faq summary::-webkit-details-marker{display:none}
.al-faq summary::after{content:"+";position:absolute;right:4px;top:8px;color:var(--al-muted);font-weight:400;font-size:18px}
.al-faq details[open] summary::after{content:"–"}
.al-faq summary:hover{color:var(--al-accent)}
.al-faq .al-faq-a{padding:0 0 12px}
.al-help .al-card .al-faq-a p{font-size:13.5px;color:var(--al-muted);line-height:1.55}
.al-faq-a p+p{margin-top:6px}
/* spotlight tour: transparent click-catcher, a hole whose huge shadow dims everything else, and the bubble */
.al-tour-bd{position:fixed;inset:0;z-index:1059}
.al-tour-dim div{position:fixed;z-index:1060;background:rgba(23,33,28,.62)}
.al-coach.al-tour{width:300px;z-index:1061}
.al-coach.al-tour .al-tour-x+div{padding-right:22px}
.al-coach.al-tour .al-tour-x{position:absolute;top:6px;right:6px;width:26px;height:26px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.7);font:22px/26px var(--al-body);text-align:center;cursor:pointer}
.al-coach.al-tour .al-tour-x:hover{background:rgba(255,255,255,.15);color:#fff}
.al-tour-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.al-tour-dots{display:flex;gap:5px}
.al-tour-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35)}
.al-tour-dots i.on{background:#fff}
.al-tour-btns{display:flex;gap:6px}
.al-coach.al-tour button{margin-top:0}
.al-coach.al-tour button.ghost{background:transparent;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.3)}
.al-coach.al-tour button.ghost:hover{background:rgba(255,255,255,.12)}
.al-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--al-accent);margin-right:5px;vertical-align:2px}
.al-coach{position:fixed;z-index:70;width:270px;max-width:calc(100vw - 16px);background:var(--al-ink);color:#fff;border-radius:10px;padding:12px 12px 10px;box-shadow:var(--al-shadow);font:13.5px/1.45 var(--al-body);opacity:0;transition:opacity .2s}
.al-coach.in{opacity:1}
.al-coach::before{content:"";position:absolute;top:-6px;left:var(--al-coach-arrow,20px);width:12px;height:12px;background:var(--al-ink);transform:rotate(45deg)}
.al-coach.up::before{top:auto;bottom:-6px}
.al-coach button{margin-top:8px;padding:6px 12px;border-radius:7px;border:0;background:var(--al-accent);color:#fff;font:600 13px var(--al-display);cursor:pointer}
.al-coach button:hover{background:#19794f}
/* refresh icon beside the dialog's Settings link: re-reads the settings after they were changed in another tab */
.al-rf{padding:2px;line-height:0;border-radius:50%;color:var(--al-muted);display:inline-flex}
.al-rf:hover{color:var(--al-accent);background:var(--al-surface-2)}
.al-rf.busy svg{animation:al-spin .6s linear infinite}
@keyframes al-spin{to{transform:rotate(360deg)}}
/* History: the kind chips on the left, the alert picker on the right (accent border while one alert is chosen) */
.al-histhead{display:flex;align-items:flex-start;gap:8px 12px;flex-wrap:wrap;justify-content:space-between}
.al-histsub{display:flex;align-items:center;gap:8px;margin:4px 0 12px}
.al-histsub select{max-width:320px;padding:5px 8px;border:1px solid var(--al-line);border-radius:8px;background:var(--al-surface);color:var(--al-ink);font:inherit;font-size:13px}
.al-histsub.on select{border-color:var(--al-accent);background:var(--al-accent-soft);font-weight:600}
.al-kpi[hidden]{display:none} /* display:grid would win over the hidden attribute */
/* plan badge + compare dialog */
.al-planh{display:flex;align-items:center;gap:8px}
.al-planh>span:first-child{margin-right:auto}
.al-info{border:0;background:none;padding:0 2px;margin-left:2px;color:var(--al-muted);cursor:pointer;vertical-align:middle;line-height:0}
.al-info:hover{color:var(--al-accent)}
.al-plans{width:100%;border-collapse:collapse;font-size:13.5px}
.al-plans th,.al-plans td{padding:9px 8px;text-align:center;border-top:1px solid var(--al-line)}
.al-plans thead th{border-top:0;font-family:var(--al-display);font-weight:700;vertical-align:top}
.al-plans th .al-mini{display:block;font-weight:400}
.al-plans td:first-child{text-align:left;color:var(--al-muted)}
.al-plans .cur{background:var(--al-accent-soft);font-weight:700}
#alPlansGo[hidden]{display:none} /* .al-btn is inline-flex: it would win over the hidden attribute */
#alHistCap[hidden]{display:none}
#alHistCap .al-tag{margin-left:4px}
#alHistCap .al-link{margin-left:8px;font-weight:600}
