.vi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;margin:20px 0}.vi-card{background:#fff;border:1px solid #e0e7ef;border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 8px 24px #16314d06;color:#1d3454;min-width:0;margin:16px 0}.vi-grid>.vi-card{margin:0}.vi-card h3{font-size:21px;letter-spacing:-.4px;margin:7px 0}.vi-card p{font-size:13px;line-height:1.6;color:#65758b}.vi-kicker{font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#92701e}.vi-bars{display:grid;gap:17px;margin-top:24px}.vi-row>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:13px;line-height:1.5;margin-bottom:7px}.vi-row span{overflow-wrap:anywhere}.vi-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.vi-track{height:10px;background:#edf1f6;border-radius:8px;overflow:hidden}.vi-track>span{display:block;height:100%;border-radius:8px}.vi-empty{padding:18px;border:1px dashed #cdd7e4;border-radius:12px}.vi-personal button,.vi-personal input{font:inherit;min-height:44px;padding:9px 14px;border:1px solid #cdd7e4;border-radius:10px;background:white;color:#1d3454}.vi-personal .vi-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.vi-personal label{display:grid;gap:6px;font-size:13px}.vi-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:18px 0}.vi-days>button{padding:7px 2px;min-width:0;min-height:58px;display:grid;gap:5px;justify-items:center}.vi-days>span{text-align:center;font-size:11px;color:#65758b}.vi-days button[aria-pressed=true]{outline:2px solid #20476b;background:#edf3fb}.vi-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.vi-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.vi-flag{display:inline-block;border-left:4px solid var(--flag);padding:4px 8px;margin:3px;background:#f5f7fb;font-size:12px;color:#243954}.vi-detail{padding:14px 0;border-top:1px solid #e5ebf2}.vi-detail h4{margin:4px 0}.vi-detail time{font-variant-numeric:tabular-nums}.vi-personal :focus-visible{outline:3px solid #b89634;outline-offset:2px}@media(max-width:500px){.vi-grid{grid-template-columns:1fr}.vi-card{border-radius:15px;padding:17px}.vi-card h3{font-size:19px}}@media print{.vi-card{box-shadow:none;break-inside:avoid}.vi-personal button{border:0}}