/* Clearly labeled fictional month-long data. Safe, compact, removable. */
.month-sample-banner{display:flex;align-items:center;gap:11px;background:#1b241d;border:1px dashed #617d39;color:#e8f1df;border-radius:13px;padding:11px 13px;margin:0 0 15px;flex-wrap:wrap}
.month-sample-banner .month-sample-tag{font-weight:950;font-size:9px;letter-spacing:.08em;color:#d4fc69;background:#34482b;border-radius:5px;padding:5px 7px;white-space:nowrap}
.month-sample-banner>div{min-width:160px;flex:1}
.month-sample-banner strong{font-weight:850;font-size:12px}
.month-sample-banner p{margin:3px 0 0;color:#b2c7b1;font-size:10px;line-height:1.55}
.month-sample-remove{border:1px solid #627d40;border-radius:9px;background:#2b3928;color:#d0f78b;font-size:11px;font-weight:750;cursor:pointer;padding:9px;white-space:nowrap}
.month-sample-remove:focus-visible{outline:2px solid #cffa4b}
.month-sample-empty{border-style:solid;border-color:#334533;background:#17201a}
@media(max-width:390px){.month-sample-banner{padding:10px;gap:8px}.month-sample-banner>div{flex-basis:180px}.month-sample-remove{padding:7px 9px}}