.notice-center-hero{position:relative;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);align-items:center;gap:32px;padding:30px;overflow:hidden;border-color:#d8e0eb;background:linear-gradient(135deg,#fff 0%,#f4f7fb 100%)}
.notice-center-hero::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(63,96,148,.14);border-radius:48% 52% 55% 45%;right:-95px;top:-95px;transform:rotate(18deg)}
.notice-center-hero h2,.notice-preferences h2,.patient-notice-setting h2{margin:5px 0 7px;color:#172b46;font-family:var(--font-heading,Georgia,serif);font-weight:600;letter-spacing:-.025em}
.notice-center-hero p,.notice-preferences header p,.patient-notice-setting p{margin:0;color:#50627a;line-height:1.55}
.notice-center-hero .push-control{margin:0;position:relative;z-index:1;background:#fff;border-color:#ccd8e8;box-shadow:0 12px 30px rgba(28,51,82,.07)}
.notice-center-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:20px;margin-top:20px}
.notice-preferences,.patient-notice-setting{padding:26px;border-color:#d8e0eb;background:#fff}
.notice-preferences>header{padding:0 2px 18px;border-bottom:1px solid #e2e7ef}
.notice-choice{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 2px;border-bottom:1px solid #e8ecf2}
.notice-choice-icon,.patient-notice-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#365d97;background:#edf3fb;border:1px solid #d9e4f2}
.notice-choice-icon svg,.patient-notice-mark svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.notice-choice strong,.notice-choice small,.notice-choice em{display:block}.notice-choice strong{color:#1a2c45;font-size:15px}.notice-choice small{margin-top:4px;color:#52637a;line-height:1.4}.notice-choice em{margin-top:5px;color:#846d2c;font-size:11px;font-style:normal;font-weight:700;letter-spacing:.02em}
.notice-timing{margin-top:16px;border:1px solid #dce3ed;border-radius:16px;background:#f8fafc}.notice-timing summary{padding:15px 17px;color:#2e4f7d;font-weight:750;cursor:pointer}.notice-timing>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 16px 16px}.notice-timing label{display:grid;gap:7px;color:#455a73;font-size:12px;font-weight:700}.notice-timing select{min-width:0;padding:10px;border:1px solid #ccd6e4;border-radius:10px;background:#fff;color:#172b46}
.patient-notice-setting{position:sticky;top:18px;background:linear-gradient(160deg,#f8f3e5 0%,#fff 48%);overflow:hidden}.patient-notice-mark{margin-bottom:18px;color:#9a7523;background:#fff5d7;border-color:#ead59a}.notice-master-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:22px;padding:16px;border:1px solid #dce3ed;border-radius:16px;background:#fff}.notice-master-toggle strong,.notice-master-toggle small{display:block}.notice-master-toggle strong{color:#172b46}.notice-master-toggle small{margin-top:4px;color:#607087;line-height:1.35}.notice-explainer{display:grid;grid-template-columns:28px 1fr;gap:8px 10px;margin-top:20px}.notice-explainer span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8eef8;color:#365d97;font-size:12px;font-weight:800}.notice-explainer p{font-size:13px;align-self:center}
.patient-alert-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:18px 20px;border-color:#d6dfeb;background:linear-gradient(120deg,#f7f9fd,#fff)}.patient-alert-card.is-active{background:linear-gradient(120deg,#eef4fc,#fff)}.patient-alert-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e8eff9;color:#365d97;font-size:19px;font-weight:800}.patient-alert-card h3{margin:3px 0;color:#172b46}.patient-alert-card p{margin:0;color:#586a81;font-size:13px}.patient-app-state{display:inline-flex;margin-top:8px;padding:5px 9px;border:1px solid #d6dfeb;border-radius:999px;background:#f6f8fb;color:#5b6d84;font-size:11px;font-weight:750}.patient-app-state.is-active{border-color:#c8d9ef;background:#edf3fb;color:#31598f}
@media(max-width:900px){.notice-center-hero,.notice-center-layout{grid-template-columns:1fr}.patient-notice-setting{position:static}.notice-timing>div{grid-template-columns:1fr}}
@media(max-width:600px){.notice-center-hero,.notice-preferences,.patient-notice-setting{padding:19px}.notice-center-hero{gap:18px}.notice-choice{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.notice-choice-icon{width:38px;height:38px;border-radius:12px}.patient-alert-card{grid-template-columns:42px 1fr;padding:15px}.patient-alert-card button{grid-column:1/-1;width:100%}}
