.agenda-section { max-width: 1200px; margin: 0 auto; padding: 48px 24px 64px; scroll-margin-top: 110px; box-sizing: border-box; }
.agenda-eyebrow { color: #91c4ff; font-size: 12px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; margin: 0 0 14px; }
.agenda-section h2 { margin: 0 0 12px; }
.agenda-intro { color: #bbcce2; margin: 0 0 28px; }
.agenda-list { display: grid; gap: 16px; }
.agenda-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 24px; padding: 26px; border: 1px solid #8bbaff40; border-radius: 20px; background: linear-gradient(135deg, #183454, #0b1930); color: #fff; box-sizing: border-box; }
.agenda-date { align-self: start; display: flex; flex-direction: column; align-items: center; background: #294e7b66; border: 1px solid #8bbaff40; border-radius: 12px; padding: 12px 6px; color: #a6ceff; }
.agenda-day { font-size: 32px; line-height: 1.15; font-weight: 700; color: white; }
.agenda-month { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; }
.agenda-year { font-size: 12px; margin-top: 5px; color: #a9bbd2; }
.agenda-body { min-width: 0; }
.agenda-time { display: block; color: #a6ceff; font-size: 14px; font-weight: 600; margin: 0 0 12px; }
.agenda-card.has-photo { grid-template-columns: 88px minmax(0, 1fr) 240px; }
.agenda-photo { display: block; align-self: start; width: 100%; height: 180px !important; min-height: 0; object-fit: contain; border-radius: 12px; background: #10243e; }
.agenda-body a { color: #a6ceff; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.agenda-body a:hover { color: #fff; }
.agenda-body a:focus-visible { outline: 3px solid #91c4ff; outline-offset: 3px; }
@media(max-width: 850px) { .agenda-card.has-photo { grid-template-columns: 88px minmax(0, 1fr); } .agenda-photo { grid-column: 1 / -1; height: auto !important; max-height: 320px; } }
@media(max-width: 560px) { .agenda-card.has-photo { grid-template-columns: 62px minmax(0, 1fr); } }
.agenda-body h3 { font-size: 21px; line-height: 1.4; margin: 0 0 10px; color: #fff; overflow-wrap: anywhere; }
.agenda-body p { font-size: 15px; line-height: 1.8; margin: 0; color: #c4d2e5; white-space: pre-line; overflow-wrap: anywhere; }
.agenda-message { color: #bbcce2; padding: 22px; border: 1px dashed #8bbaff55; border-radius: 12px; }
.agenda-button { padding: 12px 18px; border: 1px solid #54779f; border-radius: 8px; color: white; background: #183454; font: inherit; cursor: pointer; }
#agenda-all { margin-top: 20px; }
.agenda-past { margin-top: 28px; color: #bbcce2; }
.agenda-past summary { cursor: pointer; padding: 12px 0; }
.agenda-past .agenda-list { margin-top: 12px; }
.agenda-section [hidden] { display: none !important; }
.agenda-section button:focus-visible, .agenda-section summary:focus-visible { outline: 3px solid #91c4ff; outline-offset: 4px; }
@media(max-width: 560px) { .agenda-section { padding: 32px 20px 48px; } .agenda-section h2 { font-size: 29px; } .agenda-card { grid-template-columns: 62px minmax(0, 1fr); gap: 14px; padding: 18px 14px; } .agenda-day { font-size: 26px; } .agenda-month { font-size: 12px; } .agenda-body h3 { font-size: 18px; } .agenda-body p { font-size: 14px; } }