/* Scoutics "?" notes (static/js/info_tip.js). Colours come from the page's own variables: the sport pages' (--paper, --slate, ...) first, the site shell's (--text, --muted, ...) next, then fixed fallbacks. */
.info-tip-wrap{--tip-ink:var(--paper,var(--text,#f2f2f2));--tip-dim:var(--slate,var(--muted,#9aa4b2));--tip-line:var(--line-strong,var(--border-bright,#3b4558));--tip-bg:var(--panel-2,#1a1f2b);--tip-link:var(--brand-bright,var(--tip-ink));position:relative;display:inline-block;vertical-align:middle;margin:0 0 0 7px;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;white-space:normal}
.info-tip-wrap .info-tip{position:relative;display:inline-block;box-sizing:border-box;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--tip-line);border-radius:50%;background:transparent;color:var(--tip-dim);font:700 12px/18px system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;text-transform:none;letter-spacing:0;cursor:pointer;vertical-align:middle;-webkit-appearance:none;appearance:none}
.info-tip-wrap .info-tip::before{content:"";position:absolute;inset:-12px}                       /* a 44px target for a thumb */
.info-tip-wrap .info-tip:hover,.info-tip-wrap.is-open .info-tip{color:var(--tip-ink);border-color:var(--tip-dim)}
.info-tip-wrap .info-tip:focus-visible{outline:2px solid var(--tip-link);outline-offset:2px}
.info-tip-wrap .info-tip-pop{position:fixed;z-index:1200;left:0;top:0;box-sizing:border-box;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:12px 38px 13px 14px;border:1px solid var(--tip-line);border-radius:12px;background:var(--tip-bg);color:var(--tip-ink);box-shadow:0 16px 44px rgba(0,0,0,.5);font-size:14px;font-weight:400;line-height:1.55;text-align:left;text-transform:none;letter-spacing:0;visibility:hidden;overscroll-behavior:contain}
.info-tip-wrap .info-tip-pop.is-placed{visibility:visible}
.info-tip-wrap .info-tip-pop[hidden]{display:none!important}
.info-tip-wrap .info-tip-pop .tip-title{display:block;margin:0 0 6px;color:var(--tip-ink);font-size:14px;font-weight:700;line-height:1.4}
.info-tip-wrap .info-tip-pop .tip-p{display:block;margin:0 0 8px;color:var(--tip-ink);font-size:14px;font-weight:400;line-height:1.55}
.info-tip-wrap .info-tip-pop .tip-p:last-of-type{margin-bottom:0}
.info-tip-wrap .info-tip-pop .tip-li{display:block;position:relative;margin:0 0 6px;padding-left:16px;color:var(--tip-ink);font-size:14px;line-height:1.5}
.info-tip-wrap .info-tip-pop .tip-li::before{content:"";position:absolute;left:3px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--tip-dim)}
.info-tip-wrap .info-tip-pop .tip-dim{color:var(--tip-dim)}
.info-tip-wrap .info-tip-pop b,.info-tip-wrap .info-tip-pop strong{font-weight:700;color:inherit}
.info-tip-wrap .info-tip-pop a{color:var(--tip-link);font-size:inherit;text-decoration:underline}
.info-tip-wrap .info-tip-close{position:absolute;top:6px;right:6px;box-sizing:border-box;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tip-dim);font:400 20px/26px system-ui,sans-serif;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none}
.info-tip-wrap .info-tip-close:hover{color:var(--tip-ink)}
.info-tip-wrap .info-tip-close:focus-visible{outline:2px solid var(--tip-link);outline-offset:1px}
/* inside headings and small labels the button follows the text size */
h1 .info-tip-wrap,h2 .info-tip-wrap{margin-left:9px}
@media (max-width:480px){.info-tip-wrap .info-tip-pop{padding:12px 38px 13px 13px}}
@media (prefers-reduced-motion:no-preference){.info-tip-wrap .info-tip-pop.is-placed{animation:scpTipIn .14s ease-out}@keyframes scpTipIn{from{opacity:0}to{opacity:1}}}
@media print{.info-tip-wrap{display:none!important}}
