.important-header-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font-size:.88rem;font-weight:700;text-decoration:none;white-space:nowrap}
.important-header-link:hover{background:var(--cream);color:var(--ink)}
.important-header-link--active{border-color:#b86d2e;background:#fff0db;color:#743b12}
.important-header-link--active:hover{background:#ffe4be;color:#57300f}
.important-header-link strong{font-variant-numeric:tabular-nums}
.dashboard-panel,.important-notices{--dashboard-panel-padding:23px;--dashboard-heading-height:72px;position:relative;padding:var(--dashboard-panel-padding)}
.dashboard-panel-heading{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--dashboard-heading-height);margin:calc(-1 * var(--dashboard-panel-padding)) calc(-1 * var(--dashboard-panel-padding)) 12px;padding:12px var(--dashboard-panel-padding);border-radius:5px 5px 0 0;background:var(--green);color:#fff;box-shadow:0 3px 10px rgba(34,48,40,.14)}
:is(.dashboard-panel,.important-notices)>.dashboard-panel-heading h2{margin:0;font-family:inherit;font-size:var(--ui-font-section-title);font-weight:750;line-height:1.3;color:inherit}
.dashboard-panel-heading--secondary{background:#ede7dc;color:var(--ink)}
.important-notices{border:1px solid var(--line);background:var(--paper);scroll-margin-top:20px}
.important-notices.important-notices--active{border-color:#c58a51;background:#fffbf3}
.important-notices-heading{background:var(--cream);color:var(--ink);box-shadow:none}
.important-notices--active>.important-notices-heading{background:#743b12;color:#fff;box-shadow:0 3px 10px rgba(73,38,15,.16)}
.important-notices-heading h2{white-space:nowrap}
.important-notices-count{flex:none;padding:3px 10px;border:1px solid var(--line);border-radius:5px;background:var(--cream);color:var(--ink-soft);font-size:.9rem;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.important-notices--active .important-notices-count{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff}
.important-notice{padding:16px 0;border-bottom:1px solid #e6cdb4;margin-bottom:16px}
.important-notice h3{font-size:1.06rem;margin:8px 0}
.important-notice p{margin:5px 0}
.important-notice .button{margin-top:10px}
.important-notice-summary{white-space:pre-line;overflow-wrap:anywhere}
.important-notice-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:12px}
.important-notice-status .important-label{flex:none}
.important-notice .important-notice-status-text{flex:1 1 12rem;min-width:0;margin:0;font-size:.96rem;font-weight:500;line-height:1.7;color:#713e14;overflow-wrap:anywhere}
.important-notice h3.important-notice-group{margin:0 0 6px;font-family:Georgia,"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.3rem;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.important-notice .important-notice-date{margin:0 0 12px;font-size:1.1rem;font-weight:700;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.important-notice .important-notice-comment{margin:12px 0;padding:10px 14px;border-left:3px solid #e6cdb4;white-space:pre-line;overflow-wrap:anywhere}
.important-notice-actions{margin-top:12px}
.important-notice-actions form{margin:0;max-width:100%}
.important-notice-actions .button{margin:0}

.important-notice[id],:is(.dashboard-panel,.important-notices) :is(input,select,textarea,button,summary,a,[id]){scroll-margin-top:calc(var(--dashboard-heading-height) + 16px)}
.important-todo-controls{margin-top:12px;max-width:40rem;min-width:0}
.important-todo-controls[open]>summary{margin-bottom:12px}
.important-todo-controls .dashboard-create-form{max-width:100%}
.important-todo-controls .stack-form{margin-block:12px}
.notification-important{border-left:4px solid #b56a2d;padding-left:16px;background:#fffbf3}
@media(min-width:1025px){.header-inner:has(.important-header-link){flex-wrap:wrap;gap:8px 24px}.header-inner:has(.important-header-link) .site-menu{flex-basis:100%}.important-header-link{margin-left:auto}}
@media(max-width:600px){.header-inner:has(.important-header-link){flex-wrap:wrap;gap:8px 12px}.important-header-link{order:3;width:100%;min-height:44px}.dashboard-panel,.important-notices{--dashboard-panel-padding:18px;--dashboard-heading-height:64px}:is(.dashboard-panel,.important-notices)>.dashboard-panel-heading h2{font-size:var(--ui-font-section-title)}}
