.whlg-box { margin: 0 0 1.5em; padding: 1em; border: 1px solid #8c8f94; border-radius: 6px; }
.whlg-ok { color: #1e6b2f; }
.whlg-warn { color: #8a2424; }
.whlg-status-line { margin: 0 0 .5em; }
.whlg-msg { margin: .5em 0; min-height: 0; }
.whlg-msg:empty { display: none; }
.whlg-plan-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1em; grid-template-columns: repeat(auto-fit, minmax(16em, 1fr)); }
.whlg-plan { border: 1px solid #8c8f94; border-radius: 6px; padding: 1em; }
.whlg-plan h3 { margin-top: 0; }
.whlg-pp-buttons { min-height: 45px; margin-top: .75em; }
.whlg-btn { display: inline-block; min-height: 44px; min-width: 44px; line-height: 44px; padding: 0 1.25em; font-size: 16px; background: #1d4f91; color: #fff; border-radius: 4px; text-decoration: none; box-sizing: border-box; }
.whlg-btn:hover { background: #163b6d; color: #fff; }
.whlg-btn:focus-visible, .whlg-box a:focus-visible { outline: 3px solid #2271b1; outline-offset: 2px; }
.whlg-blocked { border-color: #8a2424; }
@media (prefers-reduced-motion: reduce) { .whlg-box, .whlg-box * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }