.x-card{width:100%;display:grid;justify-items:center;gap:10px;text-align:center}
.x-big{font-size:clamp(26px,7vw,40px);font-weight:1000;color:var(--navy);line-height:1.3;overflow-wrap:anywhere}
.x-column{display:grid;justify-items:end;gap:4px;font-size:clamp(28px,7vw,40px);font-weight:1000;color:var(--navy);font-variant-numeric:tabular-nums;padding:12px 22px;border-radius:18px;background:#f3f8ff}
.x-column i{width:100%;height:4px;background:var(--navy);border-radius:4px}
.x-column b{color:var(--blue);margin-right:8px}
.x-svg{width:min(100%,360px);height:auto}
.x-svg.small{width:min(60%,170px)}
.x-caption{margin:0;font-weight:900;color:var(--muted)}
.x-parts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.x-part{padding:8px 10px;border-radius:12px;border:2px solid var(--line);font-size:20px;letter-spacing:2px;color:#9fb0c2}
.x-part.on{border-color:var(--orange);background:#fff3e2;color:#e07a00}
.x-grid{border-collapse:collapse;font-weight:900}
.x-grid th{width:clamp(34px,10vw,48px);height:clamp(28px,8vw,36px);color:var(--muted)}
.x-grid td{width:clamp(34px,10vw,48px);height:clamp(34px,10vw,48px);border:2px solid #b9d3f2;text-align:center;font-size:clamp(20px,6vw,28px);background:#fff}
.x-table{border-collapse:collapse;min-width:200px;font-size:18px}
.x-table th,.x-table td{border:2px solid var(--line);padding:8px 14px;text-align:center}
.x-table th{background:#f3f8ff;color:var(--navy)}
.x-table.tally td:last-child{text-align:left;font-family:monospace;font-size:22px;letter-spacing:1px;color:var(--navy)}
.x-five{text-decoration-thickness:3px;text-decoration-color:var(--pink);margin-right:10px}
.x-days{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.x-days span{padding:8px 10px;border-radius:12px;border:2px solid var(--line);font-weight:900;text-transform:capitalize;background:#fff}
.x-days span.on{border-color:var(--blue);background:#eaf2ff;color:var(--blue)}
.x-road{display:flex;align-items:center;gap:12px;font-size:clamp(20px,6vw,28px);font-weight:1000}
.x-road span{padding:8px 12px;border-radius:12px;background:#f3f8ff;color:var(--muted)}
.x-road b{padding:8px 14px;border-radius:12px;background:#fff3e2;color:#e07a00}
