:root{--se-maroon:#660E3D;--se-gold:#D4A843;--se-bg:#faf9f7;--se-border:#e8e8e5;--se-text:#333;--se-muted:#6b6b6b}
.swe-el{display:flex;flex-direction:column;gap:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;-webkit-text-size-adjust:100%}
.swe-el *{box-sizing:border-box}
.swe-el-empty{text-align:center;padding:32px;color:var(--se-muted);font-size:14px}

.swe-el-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--se-border);border-radius:12px;padding:16px 20px;transition:all .2s}
.swe-el-card:hover{border-color:#d0cdc8;box-shadow:0 4px 16px rgba(0,0,0,.05)}

/* Date block */
.swe-el-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;width:48px;height:52px;background:var(--se-bg);border-radius:10px;flex-shrink:0}
.swe-el-day{font-size:20px;font-weight:500;color:var(--se-maroon);line-height:1;font-family:'Lora',serif}
.swe-el-month{font-size:10px;font-weight:500;color:var(--se-muted);text-transform:uppercase;letter-spacing:1px;line-height:1;margin-top:2px}

/* Info */
.swe-el-info{flex:1;min-width:0}
.swe-el-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.swe-el-title{font-family:'Lora',serif;font-size:15px;font-weight:500;color:var(--se-text);text-decoration:none;line-height:1.3;transition:color .15s}
.swe-el-title:hover{color:var(--se-maroon)}
.swe-el-cat{font-size:10px;font-weight:500;color:var(--se-maroon);text-transform:uppercase;letter-spacing:.5px;background:#fdf2f5;padding:2px 8px;border-radius:4px;white-space:nowrap}

/* Meta line */
.swe-el-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.swe-el-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--se-muted);white-space:nowrap}
.swe-el-meta-item .material-icons-outlined{font-size:15px;color:var(--se-muted)}

/* Grid layout */
.swe-el-grid{display:grid;gap:12px}
.swe-el-cols-2{grid-template-columns:repeat(2,1fr)}
.swe-el-cols-3{grid-template-columns:repeat(3,1fr)}
.swe-el-cols-4{grid-template-columns:repeat(4,1fr)}

@media(max-width:768px){
    .swe-el-cols-3,.swe-el-cols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
    .swe-el-cols-2,.swe-el-cols-3,.swe-el-cols-4{grid-template-columns:1fr}
    .swe-el-card{flex-direction:column;padding:12px 14px;gap:10px}
    .swe-el-date{min-width:42px;width:42px;height:46px}
    .swe-el-day{font-size:18px}
    .swe-el-title{font-size:14px}
    .swe-el-meta{gap:2px}
}