.notification-trigger,.follow-question{border:1px solid #c1d3df;border-radius:8px;background:#f0f6fa;color:#00315b;padding:9px 13px;font:600 12px/1.5 system-ui;cursor:pointer}
.notifications-dialog{width:min(540px,calc(100vw - 24px));padding:26px;border:1px solid #cbdbe7;border-radius:14px;background:white;color:#00315b;max-height:calc(100dvh - 32px);overflow:auto}
.notifications-dialog::backdrop{background:#00182b99;backdrop-filter:blur(3px)}
.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.notifications-heading h2{font:500 29px/1.2 Georgia,serif;letter-spacing:-.8px;margin:0}
.notifications-heading button,.notification-list a,.draft-bar button,.appointment-option button,.followed-row button{color:#00315b}
.notifications-heading button,.draft-bar button,.appointment-option button,.followed-row button{padding:8px 11px;background:white;border:1px solid #c4d5e1;border-radius:7px;font:600 12px/1.5 system-ui;cursor:pointer}
.notifications-dialog>p{font:12px/1.8 system-ui;color:#526c82}
.notification-list{list-style:none;padding:0;margin:20px 0}
.notification-list li{padding:16px 12px;border-top:1px solid #d7e3eb}
.notification-list li.unread{background:#f0f6fa;border-left:3px solid #00315b}
.notification-list a{display:block;font:600 13px/1.65 system-ui;text-decoration:underline;text-underline-offset:4px}
.notification-list time{display:block;margin-top:7px;font:11px/1.5 system-ui;color:#526c82}
.draft-bar{background:#f1f6fa;border:1px solid #d1e0eb;border-radius:10px;padding:14px 16px;margin:0 0 28px}
.draft-bar p{font:12px/1.8 system-ui;color:#36566f;margin:0}
.draft-bar>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.draft-bar>div:has(button:not([hidden])){margin-top:10px}.draft-bar>div:not(:has(button:not([hidden]))){margin-top:0}
#questionnaire-meter{display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;margin:22px 0;color:#00315b;accent-color:#00315b;background:#dce7ef}
#questionnaire-meter::-webkit-progress-bar{background:#dce7ef}#questionnaire-meter::-webkit-progress-value{background:#00315b}
.questionnaire-reassurance{font-size:12px;line-height:1.8;color:#36566f}
.question-follow-tools{margin-top:18px;padding-top:17px;border-top:1px solid #d5e1ea}
.question-follow-tools p{font:12px/1.8 system-ui;color:#526c82;margin:10px 0 0}
.question-follow-tools .text-link{font-size:12px}
.question-publications{margin:24px 0;padding:20px 24px;background:#f3f7fa;border:1px solid #d4e1eb;border-radius:10px}
.question-publications>summary{font:600 14px/1.6 system-ui;cursor:pointer}
.question-publications>p{font:12px/1.8 system-ui;max-width:650px;margin:18px 0}
.publication-list{display:grid;gap:22px;margin-top:20px}
.publication-form{border-top:1px solid #d0dee8;padding-top:20px;max-width:700px}
.publication-form h3{font:500 23px/1.35 Georgia,serif;letter-spacing:-.4px}
.publication-form label,.appointments label{display:block;font:12px/1.7 system-ui;color:#36566f;margin-bottom:16px}
.publication-form input:not([type=checkbox]),.appointments input,.appointments select{display:block;width:100%;font:16px/1.5 system-ui;padding:10px 12px;border:1px solid #b9cddb;border-radius:7px;background:white;color:#17364c;margin-top:6px}
.publication-form .publication-confirm{display:flex;align-items:flex-start;gap:10px}
.publication-confirm input{margin-top:5px}
.publication-form>button{background:#00315b;color:white;border:0;border-radius:7px;padding:12px 16px;font:600 12px/1.6 system-ui;cursor:pointer}
.publication-form>p{font:12px/1.7 system-ui}
.followed-questions{padding:26px 0;border-top:1px solid #d0dee8;margin-top:30px}
.followed-questions h2{font-size:27px;letter-spacing:-.7px}
.followed-questions p,.followed-questions a{font:12px/1.8 system-ui}
.followed-questions a{text-decoration:underline;text-underline-offset:4px}
.followed-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #dce7ee;margin-bottom:14px}
.followed-row button{flex-shrink:0}
.appointments{padding:22px;background:#f4f8fb;border:1px solid #d3e2ec;border-radius:10px;margin-bottom:24px}
.appointments h3{font:500 26px/1.25 Georgia,serif;margin:0 0 12px;letter-spacing:-.5px}
.appointments>p,.appointment-option p{font:12px/1.75 system-ui;color:#526c82;margin:8px 0}
.appointments>details{margin-top:14px}.appointments summary{cursor:pointer;font:600 12px/1.8 system-ui}
.appointments form{padding-top:20px;max-width:420px}
.appointment-option{padding:16px 0;border-top:1px solid #d3e2ec;margin-top:14px}
.appointment-option strong{font:600 13px/1.8 system-ui}
.appointment-confirm{margin-top:14px;padding:12px;background:#e7f0f6;border-radius:8px}
.appointment-confirm button{margin:5px 8px 0 0}.appointment-confirm button:first-of-type{background:#00315b;color:#fff}
@media(max-width:560px){.notifications-dialog{padding:22px 18px}.notifications-heading h2{font-size:25px}.notification-trigger{font-size:10px;padding:8px 10px}.draft-bar{padding:13px;margin-bottom:22px}.draft-bar p{font-size:11px}.draft-bar button{font-size:11px}.appointments{padding:18px}.appointments h3{font-size:24px}.followed-row{display:block}.followed-row button{display:block;margin-top:10px}.question-publications{padding:19px 17px}}