.bdl-tips{--ink:#173a54;--blue:#2073a4;--line:#d7e5ef;color:var(--ink);font-size:14px;line-height:1.6;max-width:1100px;margin:auto}.bdl-tips *{box-sizing:border-box}.tips-hero{background:linear-gradient(120deg,#102e46,#1f658b);color:#fff;border-radius:18px;padding:30px}.tips-hero h2{color:#fff!important;font-size:30px;margin:8px 0}.tips-hero p{margin:0;color:#dbeef9}.tips-hero small{letter-spacing:2px;text-transform:uppercase}.tips-metrics{display:grid;grid-template-columns:140px repeat(3,1fr);gap:16px;align-items:center;background:#f0f6fa;border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0}.tips-metrics>div{text-align:center}.tips-metrics strong{display:block;font-size:29px;line-height:1.2}.tips-metrics span{font-size:12px;color:#4d6b7d}.tips-ring{background:radial-gradient(closest-side,#fff 80%,transparent 81%),conic-gradient(#238b9c var(--hit),#d9e6ee 0);border-radius:50%;height:115px;width:115px;display:flex;flex-direction:column;justify-content:center}.tips-ring strong{font-size:24px}.tips-date{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.tips-date label{display:grid;gap:4px}.tips-date input,.tips-date button{min-height:42px;border:1px solid #aac4d8;border-radius:7px;padding:8px 12px;font:inherit}.tips-date button{background:#205579;color:#fff;cursor:pointer}.tips-days{display:flex;gap:8px;overflow:auto;margin:16px 0;padding-bottom:5px}.tips-days a{padding:7px 14px;border:1px solid var(--line);border-radius:24px;white-space:nowrap;text-decoration:none;background:#fff}.tips-days [aria-current]{background:#205579;color:#fff}.tips-muted{font-size:12px;color:#526c7d}.tips-notice{background:#fff6da;border-left:4px solid #d3a53b;padding:14px;border-radius:4px}.tips-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:15px;margin-bottom:30px}.tips-game{border:1px solid var(--line);padding:18px;border-radius:14px;background:linear-gradient(#fff,#f8fbfd);text-align:center}.tips-game>small{color:#526c7d}.tips-game p{margin:8px 0}.tips-match{display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0}.tips-team{display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:12px;background:#edf3f8;padding:7px 12px;cursor:pointer;color:var(--ink);font:inherit;min-width:92px}.tips-team img{width:72px;height:72px;object-fit:contain}.tips-team span{font-size:11px}.tips-team:disabled{opacity:1;cursor:default}.tips-team:not(:disabled):hover{border-color:#75a4bf;background:#e2f1fa}.tips-team.is-picked{background:#d9f1e8;border-color:#238a69}.tips-team:focus-visible{outline:3px solid #e5ad28;outline-offset:3px}.tips-at{font-size:20px;color:#658497}.tips-hit{color:#167548}.tips-miss{color:#a3433d}.tips-feedback{min-height:24px;color:#166a50}.tips-feedback.is-error{color:#a22d2d}.tips-board,.tips-form{border:1px solid var(--line);padding:20px;border-radius:14px;margin:20px 0}.tips-board h3,.tips-form h3{margin:0;font-size:22px}.tips-scroll{overflow-x:auto}.tips-board table{width:100%;border-collapse:collapse;margin-top:15px;font-size:13px}.tips-board th,.tips-board td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}.tips-board th{background:#edf4f9;white-space:nowrap}.tips-person{display:flex;gap:10px;align-items:center;min-width:170px}.tips-person img{width:40px;height:40px;object-fit:cover;border-radius:50%}.tips-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#dce8f1;color:#496b83;font-size:11px}.tips-bar{display:block;width:100%;min-width:70px;height:6px;background:#e2edf3;border-radius:6px;margin-top:5px}.tips-bar i{display:block;background:#278c9c;height:6px;border-radius:6px}.tips-chart{display:flex;gap:18px;align-items:end;min-height:150px;padding-top:15px}.tips-chart>div{display:flex;flex:1;max-width:85px;flex-direction:column;align-items:center;gap:5px}.tips-chart>div>span{display:block;min-width:24px;width:80%;background:linear-gradient(#39a5ae,#20668b);border-radius:7px 7px 0 0}.tips-chart small{white-space:nowrap}.tips-chart strong{font-size:12px}@media(max-width:560px){.tips-hero{padding:22px}.tips-hero h2{font-size:25px}.tips-metrics{grid-template-columns:repeat(2,1fr);padding:15px}.tips-ring{margin:auto;grid-row:span 2}.tips-metrics strong{font-size:25px}.tips-board,.tips-form{padding:13px}.tips-chart{gap:8px}}

/* A shortcode pasted inside a Code/Preformatted block must still wrap normally. */
.bdl-tips{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal!important;min-width:0;width:100%;max-width:1100px;overflow-wrap:anywhere;letter-spacing:normal;word-spacing:normal}.bdl-tips p,.bdl-tips .tips-muted,.bdl-tips .tips-notice,.bdl-tips .tips-diagnostic{white-space:normal!important;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}.tips-chart:has(>p:only-child){min-height:0;padding-top:0}.tips-diagnostic{margin:12px 0;padding:12px;background:#f1f6fa;border-radius:8px;font-size:12px}