/* C34: feed bar, Top, Replies (visual-audit/panel/C34/SIGNOFF.md). ONLY under ?feed=c34 (html[data-feed=c34]); nothing here applies without the flag.
   44 pt minimum targets, no counts, coral #D93350 only for the tab underline, the filter dot and the on switch. Sizes in rem so the bar grows with text size. */
html[data-feed=c34]{--c34peach:#D93350}
/* the bar replaces the old top bar + Around/Following row on the feed (the old nodes stay in the DOM, hidden) */
html[data-feed=c34] .c34host>.feed-topbar{display:none}
html[data-feed=c34] .feed-navigation-row.c34row{display:block;height:auto;min-height:0;padding:0;margin:0;border:0;background:var(--u-bg);z-index:6;transition:transform .24s var(--u-ease,ease);will-change:transform;box-shadow:0 1px 0 var(--u-line)}
html[data-feed=c34] .feed-navigation-row.c34row>:not(.c34bar){display:none!important}
html[data-feed=c34] .feed-navigation-row.c34row.c34away{transform:translateY(-100%)}
@media (prefers-reduced-motion:reduce){html[data-feed=c34] .feed-navigation-row.c34row{transition:none}}
.c34bar{font-family:var(--u-f-b);color:var(--u-ink)}
.c34bar button{touch-action:manipulation;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.c34r1{display:flex;align-items:center;gap:6px;min-height:44px;padding:2px 6px 0 12px}
.c34logo{flex:none;width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;padding:0!important;margin:0 -6px 0 -2px;border:0;background:none;border-radius:12px;-webkit-tap-highlight-color:transparent}
.c34logo .brand-logo{width:32px;border-radius:9px;pointer-events:none}
.c34city{flex:1 1 auto;min-width:0;min-height:44px;display:flex;align-items:center;gap:4px;text-align:left}
.c34city b{font-size:1.125rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.c34city svg{flex:none;color:var(--u-mut)}
/* R02-1 (debug loop, Oct 26): city 19 -> 18 px so the default "Preview Valley" fits at 375 (was 3 px short); the A9 104 px chip slot is unchanged */
/* A9: the chip is a pill in a fixed slot (6.5rem = 104 px at default text), 16 px from the city, so the city never reflows when the radius cycles; A10: it never shrinks */
/* A9 update (Gino, Nov 5 2026): slot narrowed to 5.75rem = 92 px; Following shows the short label "Any" so it fits (the sheet keeps "Anywhere") */
.c34rad{flex:none;width:5.75rem;margin-left:10px;min-height:44px;padding:0 8px!important;border-radius:22px;border:1px solid var(--u-line2)!important;display:inline-flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:600;white-space:nowrap}
.c34rad.c34tick{animation:c34tick .18s ease-out}
@keyframes c34tick{50%{transform:scale(.94)}}
.c34filt{flex:none;width:44px;height:44px;display:inline-grid;place-items:center;position:relative;border-radius:12px}
.c34dot{position:absolute;top:9px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--c34peach);box-shadow:0 0 0 2px var(--u-bg)}
.c34dot[hidden]{display:none}
/* A6: row 2 is 44 and its targets no longer reach 2 px into row 1 */
.c34r2{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:44px;padding:0 6px 0 4px;column-gap:8px}
.c34tabs,.c34sort{display:flex;align-items:center}
.c34tabs button{position:relative;min-height:44px;margin:0;padding:0 12px!important;font-size:1rem;font-weight:600;color:var(--u-mut)!important;white-space:nowrap}
.c34tabs button[aria-selected=true]{color:var(--u-ink)!important}
.c34tabs button[aria-selected=true]::after{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:2px;border-radius:1px;background:var(--c34peach)}
.c34sort{margin-left:auto}
.c34sort button{min-height:44px;min-width:44px;margin:0;padding:0 8px!important;font-size:.9375rem;font-weight:600;color:var(--u-mut)!important;white-space:nowrap}
.c34sort button[aria-checked=true]{color:var(--u-ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.c34sort span{color:var(--u-mut);font-weight:700}
/* the quiet line (Top only) */
.c34quiet{margin:0;padding:12px 20px;font:500 .9375rem/1.4 var(--u-f-b);color:var(--u-mut);text-align:center}
/* the reply button: one more icon in the card's action row; no count */
html[data-feed=c34] .pubacts .c34rb{min-width:44px;min-height:44px;display:inline-grid;place-items:center;color:inherit;background:none;border:0;padding:0;cursor:pointer}
/* sheets */
.c34sheet .c34head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:6px 0 10px}
.c34sheet .c34head h2{font:500 1.5rem/1.15 var(--u-f-d);letter-spacing:-.015em}
.c34sheet .c34head small{display:block;margin-top:6px;font-size:.875rem;line-height:1.4;color:var(--u-mut)}
.c34sheet .c34head .u-ib{margin:-4px -10px 0 0}
.c34list{display:flex;flex-direction:column}
.c34opt{display:flex;align-items:center;justify-content:space-between;min-height:52px;width:100%;border-top:1px solid var(--u-line)!important;font-size:1.0625rem;text-align:left}
.c34opt[aria-checked=true]{font-weight:650}
.c34replies ul{list-style:none;margin:0;padding:0}
.c34r{padding:14px 0 6px;border-top:1px solid var(--u-line);touch-action:pan-y;-webkit-user-select:none;user-select:none}
.c34rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c34rt b{font-size:1rem;font-weight:650}
.c34tag{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--u-mut);border:1px solid var(--u-line2);border-radius:999px;padding:2px 9px 2px 7px}
.c34r>p,.c34rq>p,.c34an>p,.c34sent p{margin:4px 0 0;font-size:1rem;line-height:1.42}
.c34mine{color:var(--u-mut);font-size:.9375rem!important}
.c34ra{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px}
.c34ansb{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--u-line2);font-weight:600;font-size:.9375rem}
.c34sec{margin:18px 0 2px;font:600 .8125rem/1 var(--u-f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--u-mut)}
.c34ex{padding:12px 0;border-top:1px solid var(--u-line)}
.c34rq{position:relative;padding-right:44px}
.c34who{display:inline-flex;align-items:center;min-height:44px;margin:-10px 0 -10px;font-weight:650;font-size:1rem;text-decoration:underline;text-decoration-color:var(--u-line2);text-underline-offset:3px}
b.c34who{text-decoration:none}
.c34rq .c34more{position:absolute;right:-8px;top:-10px;color:var(--u-mut)}
.c34gone{font-style:italic;color:var(--u-mut)}
.c34an{margin:10px 0 0 6px;padding-left:12px;border-left:2px solid var(--u-line2)}
.c34an b{font-size:.9375rem;font-weight:650}
.c34none{margin:6px 0 10px;color:var(--u-mut);font-size:1rem;line-height:1.4}
.c34note{background:var(--u-card);border-radius:14px;padding:12px 14px 4px;margin:0 0 12px}
.c34note p{margin:0;font-size:.9375rem;line-height:1.4}
.c34down{min-height:44px;font-weight:650;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px}
.c34sent li{padding:10px 0;border-top:1px solid var(--u-line)}
.c34comp{margin-top:10px;padding-top:12px;border-top:1px solid var(--u-line)}
.c34hint{display:block;margin:0 0 8px;font-size:.9375rem;line-height:1.4;color:var(--u-mut)}
.c34sheet textarea{display:block;width:100%;min-height:88px;resize:none;border-radius:14px;border:1px solid var(--u-line2);background:var(--u-card);color:var(--u-ink);padding:12px 14px;font:400 1rem/1.4 var(--u-f-b)}
.c34sheet .u-btn.wide{width:100%;margin-top:12px}
.c34sheet .u-btn[disabled]{opacity:.45;cursor:default}
.c34sheet .u-btn.ghost{background:none;color:var(--u-ink);border-color:var(--u-line2)}
.c34switch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;margin-top:14px;border-top:1px solid var(--u-line)!important;text-align:left}
.c34switch b{display:block;font-size:1rem;font-weight:650}
.c34switch small{display:block;font-size:.8125rem;color:var(--u-mut);margin-top:2px}
.c34switch i{flex:none;position:relative;width:51px;height:31px;border-radius:16px;background:var(--u-line2);transition:background .2s}
.c34switch i::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .2s}
.c34switch[aria-checked=true] i{background:var(--c34peach)}
.c34switch[aria-checked=true] i::after{transform:translateX(20px)}
@media (prefers-reduced-motion:reduce){.c34switch i,.c34switch i::after{transition:none}}
.c34q{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--u-line2);background:var(--u-card);border-radius:0 12px 12px 0}
.c34q b{font-size:.9375rem;font-weight:650}
.c34q p{margin:4px 0 0;font-size:1rem;line-height:1.42}
.c34seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:999px;background:var(--u-card)}
.c34seg button{min-height:44px;border-radius:999px;font-weight:600;font-size:.9375rem;color:var(--u-mut)}
.c34seg button[aria-checked=true]{background:var(--u-sheet);color:var(--u-ink);box-shadow:0 0 0 1px var(--u-line2)}
.c34seg button[disabled]{opacity:.4;cursor:default}
.c34why2{margin:10px 0 0;font-size:.875rem;line-height:1.4;color:var(--u-ink)}
.c34why2:empty{display:none}
.c34say{margin:8px 0 10px;font-size:.875rem;line-height:1.4;color:var(--u-mut)}
.c34btns{padding-bottom:4px}
/* "Why am I seeing this?" in the ⋯ sheet */
.c34whyl{margin:0;padding:2px 0 14px 38px;font-size:.9375rem;line-height:1.45;color:var(--u-ink)}
.c34whyl[hidden]{display:none}
/* the shared bottom Close (app/exits.js) sits over long reply lists: give it a solid ground in C34 sheets */
html[data-feed=c34] .c34sheet>.ex-close{background:var(--u-card2)}
/* Council amendments: replier notice buttons (A4), keep-private switch (A3), minor lock row (A5), poster's Hidden list (A8), fine print (A14) */
.c34fine{margin:4px 0 8px;font-size:.875rem;line-height:1.4;color:var(--u-mut)}
.c34nb{display:flex;flex-wrap:wrap;column-gap:18px}
.c34ok{font-weight:500!important;color:var(--u-mut)}
.c34keep{margin-top:6px;min-height:56px;border-top:0!important}
.c34lockrow{display:flex;align-items:center;gap:8px;min-height:44px;margin:6px 0 0;font-size:.9375rem;font-weight:600;color:var(--u-ink)}
.c34lockrow svg{flex:none;color:var(--u-mut)}
.c34hd{padding:12px 0 4px;border-top:1px solid var(--u-line)}
.c34hd>p{margin:4px 0 0;font-size:1rem;line-height:1.42}
.c34hd>p.c34fine{font-size:.875rem}

/* R02-4 + R03-4 (debug loop, Oct 26): empty Following ("Nobody yet"): radius chip, Top/Latest and the filter are dimmed and inert; no filter pill there */
.c34empty .c34rad,.c34empty .c34filt,.c34empty .c34sort{opacity:.38}
.c34empty [data-c35pill]{display:none!important}

/* FB4 R67-3: one long unbroken word or link wraps inside the Replies sheet */
.c34replies p,.c34replies li,.c34sheet .c34rt,.c34sheet .c34head,.c34sheet .c34head small,.c34sheet .c34hint,.c34r>p,.c34rq>p,.c34an>p,.c34sent p,.c34rt b,.c34who{overflow-wrap:anywhere;min-width:0}