.connection-banner{position:sticky;top:0;z-index:30;background:#fff2d8;color:#754b12;border-bottom:1px solid #eecb8c;padding:9px 18px;text-align:center;font-size:12px;font-weight:650}.region-card{padding:20px}.region-card h2{margin:0 0 10px;font-size:16px}.region-card p{font-size:12px;color:#6c7889;line-height:1.6}.region-card .field{max-width:300px}.prefecture-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 0}.prefecture-list label{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.prefecture-list input{margin:0}.region-card details{margin:16px 0}.region-card summary{font-size:13px;font-weight:700;color:#315d92;cursor:pointer}.area-toggle{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#385777;font-size:12px;font-weight:700}.area-toggle input{margin:0}.offline-note{margin:12px 0;color:#7a5a25;font-size:12px}.draft-status{font-size:12px;color:#547096;margin:12px 0}.draft-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:760px){.prefecture-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.prefecture-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.area-selection-count{font-weight:750;color:#315d92!important;margin:0 0 14px}.notification-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:4px}.notification-time .field label{display:grid;gap:6px}.notification-time-preview{font-size:12px;font-weight:750;color:#315d92;margin:7px 0 12px}.notification-time-legacy{font-size:11px;line-height:1.5;color:#855f28;margin:0 0 12px}@media(max-width:760px){.notification-time{gap:10px}}
@media(max-width:600px){.prefecture-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.prefecture-list label{font-size:13px;min-height:28px}}