.cso-wrapper{background:#fff;border-radius:8px;padding:16px;max-width:1100px;margin:0 auto;font-family:Segoe UI,Arial,sans-serif}
.cso-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.cso-header .cso-prev,.cso-header .cso-next{background:none;border:1px solid #ddd;padding:6px 10px;border-radius:6px;cursor:pointer}
.cso-header .cso-year{font-weight:700;font-size:18px}
.cso-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cso-month{width:calc(100%/3 - 16px);min-width:220px;padding:8px;border-radius:6px}
.cso-month h4{margin:6px 0 8px;font-size:14px;text-align:center}
.cso-days{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.cso-day{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e0e0e0;color:#333;font-size:12px;cursor:default;transition:transform .12s,box-shadow .12s}
.cso-day.has-image{background:#ffd700;box-shadow:0 0 14px rgba(255,215,0,0.25);cursor:pointer}
.cso-day.has-image:hover{transform:scale(1.08)}
.cso-day.empty{opacity:0;pointer-events:none}
.cso-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);opacity:0;visibility:hidden;transition:opacity .18s;z-index:9999}
.cso-modal[aria-hidden="false"]{opacity:1;visibility:visible}
.cso-modal-inner{background:rgba(255,255,255,0.95);border-radius:18px;padding:18px;max-width:900px;width:94%;max-height:90vh;overflow:auto;box-shadow:0 10px 40px rgba(0,0,0,0.3)}
.cso-modal-close{position:absolute;right:20px;top:14px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer}
.cso-modal-body{display:flex;flex-direction:column;gap:12px}
.cso-modal-media img{max-width:100%;height:auto;border-radius:8px}
@media (min-width:900px){ .cso-modal-body{flex-direction:row} .cso-modal-media{max-width:60%} .cso-modal-meta{max-width:40%} }
@media (max-width:900px){ .cso-month{width:calc(50% - 12px);min-width:160px} }
@media (max-width:520px){ .cso-month{width:100%} }