.planning-notices { margin:12px 16px 18px; color:#294662; font-size:13px; line-height:1.6; }
.planning-notices > details { border-bottom:1px solid #dce7f0; }
.planning-notices summary,.planning-meal-alternatives summary { cursor:pointer; padding:12px 0; min-height:44px; }
.planning-notices summary strong { font-weight:600; margin-right:12px; }
.planning-notices summary > span { color:#526b83; }
.planning-notice-list { padding-bottom:12px; }
.planning-notice { padding:0 12px; background:#f2f7fc; border-radius:10px; margin:6px 0; }
.planning-notice > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.planning-notice .notice-action { color:#146eb0; flex:none; }
.planning-notice p { margin:0 0 12px; color:#526b83; }
.planning-notice form { display:flex; flex-wrap:wrap; gap:8px; align-items:end; padding-bottom:12px; }
.planning-notice label { display:grid; gap:4px; font-size:12px; }
.planning-notice input,.planning-notice button,.planning-meal-alternatives button { min-height:44px; }
.planning-notice button,.planning-meal-alternatives button { font-size:13px; color:#146eb0; background:#fff; border:1px solid #ccdeed; box-shadow:none; }
.planning-notices ul { margin:0 0 12px; padding-left:20px; color:#526b83; overflow-wrap:anywhere; }
.planning-notices li + li { margin-top:6px; }
.planning-meal-alternatives { font-size:13px; color:#526b83; margin-top:8px; }
.planning-meal-alternatives p { overflow-wrap:anywhere; }
.planning-notices :focus-visible,.planning-meal-alternatives :focus-visible { outline:2px solid #146eb0; outline-offset:3px; }
@media(max-width:600px) { .planning-notices { margin-inline:0; } .planning-notices > details > summary > span { font-size:12px; } }