/* HEADER-TYPE (Gino, Oct 31 2026, round 2): feed card header says what kind of account posted (name on line 1, one muted type line under it) beside a 36px avatar, inside the same 42px header; a business's open status lives at the left of the action bar, which drops from 44 to 36px.
   Additive over c41.css / c43-figtree.css; html[data-htype] is set by htype.js (?htype=off = before). .ht-2l is set by htype.js on every labelled header; event cards never get it and keep their one row and 26px avatar. */

/* ================= header: 36px circle + 32px text block (17 + 15), both centred in the same 42px (circle y 3-39, text y 5-37, centre 21) ================= */
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>.av,html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l span.feed-source>.av{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:13px}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>.av>span{font-size:13px!important}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>.av.c41-org:not(.av-has-img),html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l span.feed-source>.av.c41-org:not(.av-has-img){border-radius:10px!important} /* c41's 7px tile, scaled with the box */
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>span:last-child{height:2rem;align-content:flex-start}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source b{line-height:1.0625rem}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source small{flex:0 0 100%;font-size:.75rem;line-height:.9375rem}

/* ================= avatar underlay: until its image has loaded (img.ht-ok, set by htype.js) or once it has failed, a circle is a solid fill with the initials, never a see-through hole. A loaded image drops the fill, so a logo's transparent areas look exactly as before ================= */
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av[data-ht-ini]{position:relative;isolation:isolate}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av.av-has-img:not(:has(>img.ht-ok)),html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head span.feed-source>.av.av-has-img:not(:has(>img.ht-ok)),html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av:empty{background:var(--sand,#EFE6D2)!important;color:var(--cactus-ink,#213730)}
html[data-htype]:not([data-theme=light]):not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av.av-has-img:not(:has(>img.ht-ok)),html[data-htype]:not([data-theme=light]):not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head span.feed-source>.av.av-has-img:not(:has(>img.ht-ok)),html[data-htype]:not([data-theme=light]):not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av:empty{background:#3A403C!important;color:#EDE5D3}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av.av-has-img[data-ht-ini]:not(:has(>img.ht-ok))::before,html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head .feed-source>.av[data-ht-ini]:empty::before{content:attr(data-ht-ini);position:absolute;inset:0;z-index:-1;display:grid;place-items:center;font:600 10px/1 var(--c41-fb);letter-spacing:.02em}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>.av.av-has-img[data-ht-ini]:not(:has(>img.ht-ok))::before,html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-card-head.ht-2l .feed-source>.av[data-ht-ini]:empty::before{font-size:13px}

/* ================= story cover: a failed picture is a flat, quiet tile; no alt text, no broken-image border (the retry is in htype.js). The tile is c41's media black in both themes: the story's words on it are white, and it meets the dark band behind them without a seam ================= */
html[data-htype]:not(#ht):not(#s1a):not(#s1b) body[data-mk-side=updated] .feed-stream .feed-card.ar-art .ar-cov img{color:transparent;font-size:0}
html[data-htype]:not(#ht):not(#s1a):not(#s1b) body[data-mk-side=updated] .feed-stream .feed-card.ar-art .ar-cov img.ht-bad{visibility:hidden}
html[data-htype]:not(#ht):not(#s1a):not(#s1b) body[data-mk-side=updated] .feed-stream .feed-card.ar-art .ar-cov:has(>img.ht-bad){background:#0E1110!important}

/* ================= footer: 36px bar; the 44x44 buttons overflow it evenly and stay above the media ================= */
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer{box-sizing:border-box;height:36px;min-height:36px;align-content:center;overflow:visible}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer .pubacts{position:relative;z-index:1;flex:none}

/* ================= open status at the left of the bar: out of flow so the icons can't move a hair; box x 16 to the love button's box at x 160 (right:206 = 366 - 160), centred on the bar, same 12px / 600 / --c41-open as it had in the header. It may run up to the love button's box and ellipsizes there; its tap area stays 44 tall ================= */
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer:has(>.dl-meta){position:relative}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer>.dl-meta{position:absolute;left:16px;right:206px;top:50%;z-index:1;height:auto;min-width:0;margin:0;transform:translateY(-50%);font:600 .75rem/1.25rem var(--c41-fb)}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer>.dl-meta .dl-open{min-width:0;max-width:100%;min-height:0;color:var(--c41-open)!important;font-weight:600;white-space:nowrap}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer>.dl-meta .dl-roll:after{inset:-14px -6px}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer>.dl-meta .dl-rw{flex:0 1 auto;min-width:0;grid-template-columns:minmax(0,1fr)}
html[data-htype]:not(#ht) body[data-mk-side=updated] .feed-stream .feed-card .feed-footer>.dl-meta .dl-f{overflow:hidden;text-overflow:ellipsis}