.hint{vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.hint-q{color:#1d4ed8;cursor:help;background:#e8eefc;border:0;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;padding:0;font:800 12px/1 system-ui,sans-serif;display:inline-grid;box-shadow:inset 0 0 0 1px #c7d6fb}.hint-q:hover,.hint-q[aria-expanded=true]{color:#fff;box-shadow:none;background:#1d5bd8}.hint-q:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.hint-pop{z-index:1000;color:#e2e8f0;text-align:left;background:#0f172a;border-radius:16px;width:min(300px,100vw - 24px);padding:14px 16px;font-size:13px;font-weight:400;line-height:1.7;animation:.14s ease-out hint-in;position:fixed;box-shadow:0 22px 44px -18px #0206178c}@keyframes hint-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hint-pop.is-up{animation-name:hint-in-up}@keyframes hint-in-up{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hint-title{color:#fff;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.hint-body p{color:#cbd5e1;margin:0 0 6px}.hint-body p:last-child{margin:0}.hint-body b{color:#fde68a}.hint-diagram{background:#ffffff0f;border-radius:12px;margin:4px 0 10px;padding:10px}.hint-flow{flex-wrap:wrap;align-items:center;gap:4px 2px;margin:0;padding:0;list-style:none;display:flex}.hint-flow li{color:#94a3b8;align-items:center;font-size:11.5px;font-weight:700;display:flex}.hint-flow li span{background:#ffffff14;border-radius:999px;padding:3px 8px}.hint-flow li:not(:last-child):after{content:"→";color:#64748b;margin-left:2px}.hint-flow li.is-done span{color:#6ee7b7;background:#34d3992e}.hint-flow li.is-now span{color:#0f172a;background:#fbbf24}@media (prefers-reduced-motion:reduce){.hint-pop{animation:none}}.hint button.hint-q{all:unset;box-sizing:border-box;cursor:help;place-items:center;color:#1d4ed8!important;background:#e8eefc!important;border-radius:50%!important;width:18px!important;min-width:0!important;height:18px!important;min-height:0!important;padding:0!important;font:800 11px/1 system-ui,sans-serif!important;display:inline-grid!important;box-shadow:inset 0 0 0 1px #c7d6fb!important}.hint button.hint-q:hover,.hint button.hint-q[aria-expanded=true]{color:#fff!important;box-shadow:none!important;background:#1d5bd8!important}.hint button.hint-q:focus-visible{outline-offset:2px;outline:3px solid #f59e0b!important}.hint-on-dark button.hint-q{color:#fff!important;background:#ffffff38!important;box-shadow:inset 0 0 0 1px #fff6!important}.hint-pop ol.hint-flow{flex-wrap:wrap!important;grid-template-columns:none!important;gap:4px 2px!important;margin:0!important;padding:0!important;display:flex!important}.hint-pop ol.hint-flow li{background:0 0!important;border:0!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}
