/* step180: clickable stat cards */
.s180-btn{cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}
.s180-btn:hover{transform:translateY(-2px);box-shadow:none;border-color:#10b981!important}
.s180-btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.s180-btn:focus-visible{outline:3px solid #059669;outline-offset:2px}
.s180-go{position:absolute;right:10px;bottom:8px;font-weight:900;font-size:16px;line-height:1;color:#059669;opacity:.75;transition:transform .12s,opacity .12s;pointer-events:none}
.s180-btn:hover .s180-go{transform:translateX(3px);opacity:1}
.s180-chip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#ecfdf5;border:2px solid #10b981;color:#064e3b;border-radius:14px;padding:10px 14px;margin:10px 0;font:600 15px system-ui,-apple-system,Segoe UI,sans-serif}
.s180-chip a{color:#047857;font-weight:800;margin-left:auto}.s180-hide{display:none!important}
@media (prefers-reduced-motion:reduce){.s180-btn,.s180-go{transition:none}.s180-btn:hover{transform:none}}
.s180-brand{color:inherit!important;text-decoration:none!important;display:inline-flex;align-items:center;cursor:pointer}.s180-brand:focus-visible{outline:3px solid #059669;outline-offset:2px;border-radius:8px}
/* step180: Help me pop-up look (same as step151 guide.js) for pages that do not load s151.css */
body:not(.a151) .g151{position:fixed;inset:0;background:rgba(2,44,34,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.g151[hidden]{display:none}
body:not(.a151) .g151-box{background:#fff;border-radius:20px;max-width:460px;width:100%;padding:20px 22px;box-shadow:none;border-top:6px solid var(--e4)}
body:not(.a151) .g151-top{display:flex;justify-content:space-between;align-items:center}.g151-step{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--e6);background:var(--e0);border-radius:999px;padding:4px 10px}
body:not(.a151) .g151-x{border:0;background:none;font-size:18px;color:var(--mut);cursor:pointer}.g151-box h2{margin:12px 0 6px;font-size:21px;font-weight:900;color:var(--e8)}.g151-box p{margin:0 0 10px;color:#334155}
body:not(.a151) .g151-go[hidden]{display:none}.g151-go{display:inline-block;margin:2px 0 8px;font-weight:800;text-decoration:none;background:var(--e0);color:var(--e7);border-radius:999px;padding:6px 12px;font-size:13.5px}
body:not(.a151) .g151-dots{display:flex;gap:6px;margin:6px 0 12px}.g151-dots i{width:8px;height:8px;border-radius:50%;background:#cfe3da}.g151-dots i.on{background:var(--e6);width:22px;border-radius:999px}
body:not(.a151) .g151-no{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin-bottom:12px}.g151-no input{accent-color:var(--e6)}
body:not(.a151) .g151-btns{display:flex;gap:8px;align-items:center}.g151-btns span{flex:1}.g151-b1,body:not(.a151) .g151-b2{border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:800;cursor:pointer}.g151-b1{background:var(--e7);color:#fff}.g151-b1:hover{background:var(--e6)}.g151-b2{background:var(--e0);color:var(--e7)}.g151-b2[disabled]{opacity:.4;cursor:default}
body:not(.a151) .g151-more{margin-top:14px;border-top:1px solid #e2efe9;padding-top:10px;display:flex;flex-wrap:wrap;gap:6px}.g151-more:empty{display:none}.g151-more b{width:100%;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
body:not(.a151) .g151-more button{border:1px solid var(--line);background:#fff;color:var(--e7);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.g151-more button:hover{border-color:var(--e4)}
.s180-help{font:700 14px system-ui,-apple-system,Segoe UI,sans-serif;border:2px solid #10b981;background:#fff;color:#064e3b;border-radius:999px;padding:7px 14px;cursor:pointer;margin-left:8px;white-space:nowrap;line-height:1.2}
.s180-help:hover{background:#ecfdf5}.s180-help:focus-visible{outline:3px solid #059669;outline-offset:2px}
.s180-help.float{position:fixed;right:14px;bottom:14px;z-index:9998;box-shadow:none;margin:0}
.s180-spot{outline:4px solid #f59e0b!important;outline-offset:4px;border-radius:10px;animation:s180spot 1.2s ease-in-out infinite;position:relative;z-index:1}
@keyframes s180spot{50%{outline-color:#fde68a}}
/* step180: Community pages keep the step170 deep emerald look (no old blue) */
html.s180-cm #rdl78-btn,html.s180-cm [style*="31, 60, 136"],html.s180-cm [style*="1f3c88"]{background-color:#064e3b!important;border-color:#064e3b!important}
html.s180-cm .bdg-office{background:#d1fae5!important;color:#065f46!important;box-shadow:none}
html.s180-cm .top{background:linear-gradient(#022c22,#022c22)}
