/* Unruly Wire review snapshot, preview branch ONLY. Production main unchanged. */
/* .site overflow:hidden creates an ancestor scroll container and breaks sticky masthead. */
/* Prevent the masthead's inset bottom rule from peeking above the black ticker. */
.header:has(#wire-preview-bar) .header-row{border-bottom:0}

body:has(#wire-preview-bar) .site{overflow:clip}

#wire-preview-bar{height:39px;background:transparent;color:#f6efdf;width:100%;position:relative;font-family:'Noto Sans Mono','SFMono-Regular',Menlo,Consolas,monospace;z-index:6;overflow:visible}
#wire-preview-bar *{box-sizing:border-box}
/* Only this actual 39px / 34px ticker row is black. The header and review row stay cream. */
#wire-preview-bar .uw-inner{height:39px;width:100%;display:flex;align-items:center;gap:10px;padding:0 clamp(12px,3.5vw,48px);white-space:nowrap;min-width:0;background:#0b1112;color:#f6efdf}
#wire-preview-bar .uw-inner::before{content:"UC WIRE";color:#e36354;flex:0 0 auto;display:inline-flex;align-items:center;height:20px;padding-right:12px;margin-right:2px;border-right:1px solid rgba(246,239,223,.3);font:800 13px/20px 'Noto Sans Mono','SFMono-Regular',Menlo,Consolas,monospace;letter-spacing:0}
#wire-preview-bar .uw-mark{width:26px;height:31px;flex:0 0 26px;background:none;border:0;color:#e36354;display:grid;place-items:center;cursor:pointer;padding:0;opacity:1;transform:translateX(0);transition:opacity .175s ease,transform .175s ease}
#wire-preview-bar .uw-mark:has(img){width:34px;flex-basis:34px}
#wire-preview-bar .uw-mark svg{height:16px;width:16px;display:block}
#wire-preview-bar .uw-mark img{height:17px;width:34px;display:block;object-fit:contain}
#wire-preview-bar .uw-story{display:flex;align-items:center;height:100%;gap:11px;overflow:hidden;min-width:0;flex:1;opacity:1;transform:translateX(0);transition:opacity .175s ease,transform .175s ease}
#wire-preview-bar .uw-story.is-out-left{opacity:0;transform:translateX(-22px)}
#wire-preview-bar .uw-story.is-out-right{opacity:0;transform:translateX(22px)}
#wire-preview-bar .uw-story.is-enter-left{opacity:0;transform:translateX(-22px)}
#wire-preview-bar .uw-story.is-enter-right{opacity:0;transform:translateX(22px)}
/* Approved V4 transition animates the glyph with the source and headline. */
#wire-preview-bar .uw-mark.is-out-left,#wire-preview-bar .uw-mark.is-enter-left{opacity:0;transform:translateX(-22px)}
#wire-preview-bar .uw-mark.is-out-right,#wire-preview-bar .uw-mark.is-enter-right{opacity:0;transform:translateX(22px)}
@media(prefers-reduced-motion:reduce){#wire-preview-bar .uw-story,#wire-preview-bar .uw-mark{transition:none!important}}
#wire-preview-bar .uw-source{color:#e36354;display:inline-flex;align-items:center;height:20px;font:800 13px/20px 'Noto Sans Mono','SFMono-Regular',Menlo,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;max-width:28%;text-transform:uppercase;letter-spacing:0}
#wire-preview-bar .uw-title-window{overflow:hidden;min-width:0;flex:1;display:flex;align-items:center;height:100%}
#wire-preview-bar .uw-title{color:#e4ae65;display:inline-flex;align-items:center;height:20px;white-space:nowrap;position:relative;left:0;font:400 13px/20px 'Noto Sans Mono','SFMono-Regular',Menlo,Consolas,monospace;letter-spacing:0;text-decoration:none;transform:translateX(var(--pan,0px));touch-action:pan-y}
#wire-preview-bar .uw-title.is-approved{color:#f6efdf}
#wire-preview-bar .uw-buttons{display:flex;align-items:center;gap:4px;flex:0 0 auto}
#wire-preview-bar .uw-buttons button{background:transparent;color:#f6efdf;border:0;font:600 12px Arial,sans-serif;cursor:pointer;padding:4px 7px;opacity:.53}
#wire-preview-bar .uw-buttons button:hover,#wire-preview-bar .uw-buttons button:focus-visible{opacity:1;background:rgba(246,239,223,.075)}
#wire-preview-bar .uw-buttons button[aria-pressed="true"]{color:#e36354;opacity:.86}
#wire-preview-bar .uw-counter{display:none}
#wire-preview-bar:has(.uw-review:not([hidden])),#wire-preview-bar:has(.uw-status.is-error){height:auto}
#wire-preview-bar .uw-review{position:relative;top:auto;left:auto;right:auto;inset-block-end:auto;background:#f0e7d2;color:#0b1112;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:4px clamp(12px,3.5vw,48px);width:100%;max-width:none;border:0;border-top:1px solid rgba(11,17,18,.15);box-shadow:none;z-index:5;min-height:32px}
#wire-preview-bar .uw-review-count{font:700 10px/1 Arial,sans-serif;letter-spacing:.07em;color:#555147;white-space:nowrap;margin-right:8px}
#wire-preview-bar .uw-review[hidden]{display:none}
#wire-preview-bar .uw-review button{border:1px solid #c4b9a5;border-radius:2px;color:#151819;font:700 10px/1 Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;padding:6px 9px;cursor:pointer;min-height:25px;white-space:nowrap;box-shadow:none}
#wire-preview-bar .uw-review .uw-approve{background:#d8d0be;border-color:#afa38d}
#wire-preview-bar .uw-review .uw-reject{background:#e9dfcc;border-color:#bfb19a}
#wire-preview-bar .uw-review .uw-cancel{background:transparent;border-color:transparent;color:#59554c;padding-inline:7px}
#wire-preview-bar .uw-mark:focus-visible,#wire-preview-bar .uw-buttons button:focus-visible,#wire-preview-bar .uw-review button:focus-visible{outline:2px solid #e36354;outline-offset:1px}
#wire-preview-bar .uw-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#wire-preview-bar .uw-status.is-error{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:block;padding:5px clamp(12px,3.5vw,48px);font:600 11px/1.4 Arial,sans-serif;color:#a12b22;border-top:1px solid rgba(25,29,30,.13)}
@media(max-width:800px){#wire-preview-bar{height:34px}#wire-preview-bar .uw-inner{height:34px;padding:0 11px;gap:7px}
#wire-preview-bar .uw-inner::before{display:none}
#wire-preview-bar .uw-mark{width:28px;flex-basis:28px;height:27px}
#wire-preview-bar .uw-mark:has(img){width:28px;flex-basis:28px}
#wire-preview-bar .uw-mark svg{width:16px;height:16px}
#wire-preview-bar .uw-mark img{width:28px;height:14px}
#wire-preview-bar .uw-story{gap:8px}#wire-preview-bar .uw-source{font-size:12px;line-height:18px;height:18px;max-width:38%}
#wire-preview-bar .uw-title{font-size:12px;line-height:18px;height:18px}#wire-preview-bar .uw-buttons{display:none}
#wire-preview-bar .uw-review{left:0;padding:3px 11px;gap:4px;min-height:30px}#wire-preview-bar .uw-review-count{font-size:9px;letter-spacing:.04em;margin-right:4px}
#wire-preview-bar .uw-review button{font-size:10px;padding:5px 8px;min-height:25px}
}

/* Dynamic sticky offset keeps book section navigation below the full header. */
html:has(#wire-preview-bar){scroll-padding-top:var(--unruly-wire-header-height,135px)}
body:has(#wire-preview-bar) .book-subnav{top:var(--unruly-wire-header-height,135px)}