/* Notice banner: a line of current notices across the top of the binding.
   Inside the book, never outside it. Readable at 16px, pausable, and it
   stops moving entirely for anyone who has asked for less motion. */
.book-banner{position:absolute;top:0;left:0;right:0;z-index:6}
.book-banner[hidden]{display:none}
.banner{display:flex;align-items:center;gap:6px;overflow:hidden;
 background:#0b2228;border-bottom:1px solid #b49d6359;height:34px}
.banner-has-urgent{background:#3a1512;border-bottom-color:#9b422e}
.banner-track{flex:1;display:flex;min-width:0;overflow:hidden;
 animation:banner-run var(--run,20s) linear infinite}
.banner-track.is-paused{animation-play-state:paused}
.banner-track:hover{animation-play-state:paused}
.banner-run{display:flex;align-items:center;gap:34px;padding-right:34px;white-space:nowrap;flex:none}
.banner-item{display:inline-flex;align-items:center;gap:8px;font-size:16px;line-height:1;color:#e8dfcc}
.banner-item strong{font-size:12px;letter-spacing:1.4px;color:#b49d63}
.banner-urgent strong{color:#ffb4a4}
.banner-item em{color:#9fb0a8;font-style:italic}
.banner-dot{width:8px;height:8px;border-radius:50%;background:var(--lvl);flex:none}
.banner-pause{flex:none;min-width:34px;height:34px;border:0;border-left:1px solid #ffffff1f;
 background:transparent;color:#cfe0d8;font-size:12px;cursor:pointer}
.banner-pause:hover{background:#ffffff14}
@keyframes banner-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
 .banner-track{animation:none}
 .banner-run:nth-child(2){display:none}
 .banner-run{overflow-x:auto;white-space:normal}
}
/* Make room for it inside the binding. */
body.book-open.has-banner .book-shell{padding-top:86px}
body.book-open.has-banner #number-tabs{top:46px}
body.book-open.has-banner .side-rail{top:86px;height:calc(100% - 132px)}
body.book-open.has-banner .spread-toggle{top:48px}
@media(max-width:700px){
 .banner-item{font-size:15px}
 body.book-open.has-banner .book-shell{padding-top:78px}
 body.book-open.has-banner #number-tabs{top:42px}
}
/* Writing notices, on the preface settings panel. */
.notices-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.notice-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}
.notice-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);
 border-left:3px solid var(--line);border-radius:4px;padding:7px 10px;background:#ffffff7a}
.notice-info{border-left-color:#44607a}
.notice-advisory{border-left-color:#a7792f}
.notice-urgent{border-left-color:#9b422e}
.notice-level{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);flex:none}
.notice-text{flex:1;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.notice-text small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.notice-empty{font-size:14px;color:#7f887d;padding:4px 2px}
.notice-form{margin-top:10px}
.notice-form label{font-size:13px;margin:9px 0 4px}