#panel {padding-block:44px 52px}
#panel h2 {font-size:clamp(36px,4.3vw,60px);letter-spacing:-.035em;margin:0 0 22px}
#panel .slots {list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#panel .slot {box-sizing:border-box;min-width:0;min-height:132px;border:1px solid #b5bcaa;background:#f6f3e6;padding:18px 16px;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}
#panel .slot.filled {background:#fffdf2;border-top:3px solid #ae402b;padding-top:16px}
#panel .slot-number {font-family:DM,Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.11em;color:#3d574a;text-transform:uppercase}
#panel .slot-status {font-size:14px;color:#56665a}
#panel h3 {margin:0;font-size:clamp(25px,2.2vw,33px);line-height:1.08}
#panel h3 a {text-decoration:none}
#panel h3 a:hover,#panel h3 a:focus-visible {text-decoration:underline}
#panel .synopsis {font-size:15px;line-height:1.5;color:#334f41}
#panel details {border-top:1px solid #c9cebe;padding-top:8px}
#panel summary {cursor:pointer;font-size:14px;font-weight:700}
#panel .slot-body {font-size:15px;line-height:1.55;margin-top:10px}
#panel .slot-body p {margin:.5em 0}
#panel .slot-body br {display:block;content:"";margin-top:.55em}
@media(max-width:980px){#panel .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#panel .slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#panel .slots{grid-template-columns:1fr}#panel .slot{min-height:0;padding:14px 16px;gap:5px}#panel .slot.filled{padding-top:12px;gap:10px}}
#panel .slot-content:not(.slot-status){display:grid;gap:12px}
