/* Leaf layout works both as a full page and inside Discover's narrow feed. */
.social-page{max-width:900px;margin-inline:auto;min-width:0}
[data-social-page],.social-dialog,.social-posts,.social-messages{min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-social-page] .panel,.social-dialog .panel{padding:1.25rem;min-width:0;max-width:100%;overflow:visible;background:var(--white,#fff);color:var(--ink,#151623)}
.social-tabs{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem;height:auto}
.social-tabs a{font-weight:700}
.social-composer{margin-block:1.25rem}
.social-composer-title{font-size:1.2rem;font-weight:650;line-height:1.4}
.social-feed-compact .social-composer{margin-top:0}
.social-feed-compact .social-composer-title{font-size:1.1rem}
.social-feed-tools,.social-feed-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0}
.social-feed-tools{justify-content:space-between;margin-block:1rem}
.social-feed-filters [aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--blue,#1944cb);font-weight:700}
.social-feed-tools a{white-space:normal}
.social-posts{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.social-post header{display:flex;gap:.75rem;justify-content:space-between;flex-wrap:wrap}
.social-post header>*{min-width:0;max-width:100%}
.social-post time,.social-message time{font-size:.8rem;color:var(--muted,#64748b)}
.social-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin-block:1rem}
.social-text a,.social-external-link,.social-settings a{text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}
.social-external-link{display:block;margin-bottom:1rem}
.social-post footer,.social-composer-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.social-post footer{margin-top:1rem}
.social-pagination{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}
.social-list{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;padding:0;margin-block:1rem}
.social-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.social-list li>div{min-width:0;max-width:100%}
.social-thread-button{background:none;border:0;color:inherit;cursor:pointer;display:grid;gap:.4rem;text-align:left;width:100%;min-width:0;font:inherit;overflow-wrap:anywhere}
.social-topics{border:1px solid var(--line,#d8dee9);border-radius:.65rem;padding:1rem;margin-inline:0;display:flex;flex-wrap:wrap;gap:.75rem;min-width:0}
.social-topics legend{max-width:100%;white-space:normal}
.social-topics label{min-width:0;max-width:100%;overflow-wrap:anywhere}
.social-post-options{min-width:0}
.social-post-options summary{cursor:pointer;min-height:44px;padding-block:.65rem;font-size:.9rem}
.social-message{border:1px solid var(--line,#d8dee9);border-radius:1rem;padding:1rem;margin:1rem 2rem 1rem 0;min-width:0;background:var(--white,#fff);color:var(--ink,#151623)}
.social-message.own{margin:1rem 0 1rem 2rem;background:var(--blue-soft,#eef0ff)}
.social-message .button{margin-left:.5rem}
.social-dialog{box-sizing:border-box;border:1px solid var(--line,#d8dee9);border-radius:1rem;padding:1.5rem;width:min(560px,calc(100vw - 2rem));max-width:560px;max-height:90dvh;overflow:auto;background:var(--white,#fff);color:var(--ink,#151623)}
.social-dialog h2{padding-right:2rem}
.social-dialog::backdrop{background:#17203288}
.social-dialog .dialog-actions,[data-social-page] .dialog-actions{flex-wrap:wrap;justify-content:flex-start}
.social-your-data{border-top:1px solid var(--line,#d8dee9);padding-top:1.25rem}
[data-social-status]:empty,[data-social-dialog-status]:empty{display:none}
[data-social-page] :is(input,select,textarea),.social-dialog :is(input,select,textarea){max-width:100%;min-width:0;box-sizing:border-box}
[data-social-page] textarea,.social-dialog textarea{resize:vertical;min-height:6rem;width:100%}
[data-social-page] .button,.social-dialog .button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
[data-social-page] button:focus-visible,.social-dialog button:focus-visible{outline:3px solid var(--blue,#1944cb);outline-offset:3px}
@media(max-width:540px){
 [data-social-page] .panel,.social-dialog .panel{padding:1rem}
 .social-message,.social-message.own{margin-inline:0}
 .social-post header{display:grid;grid-template-columns:minmax(0,1fr)}
 .social-list li{align-items:start;flex-direction:column}
 .social-dialog{padding:1rem}
}
@media(forced-colors:active){
 [data-social-page] .panel,.social-dialog,.social-dialog .panel,.social-message,.social-message.own,:root[data-appearance=dark] :is([data-social-page] .panel,.social-dialog,.social-dialog .panel,.social-message,.social-message.own){background:Canvas;color:CanvasText;border-color:CanvasText}
 [data-social-page] button:focus-visible,.social-dialog button:focus-visible{outline-color:Highlight}
}

/* A compact, native editor keeps its draft DOM; focus or entered text reveals
   actions. No blur handler resets the form or steals an in-progress IME. */
[data-social-page] .social-composer textarea{min-height:2.8rem;height:2.8rem;line-height:1.4;transition:none}
[data-social-page] .social-composer:focus-within textarea,
[data-social-page] .social-composer textarea:not(:placeholder-shown){min-height:6rem;height:auto}
.social-composer:has(textarea:placeholder-shown):not(:focus-within) :is(.social-post-options,.social-composer-actions){display:none}
.social-post-list{min-width:0;margin-top:1rem}
.social-post-list>h3{font-size:1.05rem;margin:0}
.social-post-list .social-feed-tools{margin-block:.6rem 1rem}

/* 4.0 candidate: a quiet professional feed, within MeMarF's existing shell.
   Only feed leaves change; editor markup, disclosures and connected draft DOM
   stay intact. The office/Discover outer panel remains the single boundary. */
[data-social-page] .panel.social-composer{padding:0;border:0;border-radius:0;box-shadow:none}
[data-social-page] .social-composer textarea{height:3rem;min-height:3rem;padding:.7rem 1rem;border-radius:1.5rem;border-color:var(--muted,#64748b);font-size:.9rem;color:var(--ink,#151623);background:var(--white,#fff)}
[data-social-page] .social-composer:focus-within textarea,
[data-social-page] .social-composer textarea:not(:placeholder-shown){border-radius:.75rem;min-height:6rem;height:auto}
[data-social-page] .social-composer textarea::placeholder{color:var(--muted,#64748b)}
[data-social-page] .social-topics{border:0;border-radius:0;padding:.5rem 0}
[data-social-page] .social-post-options summary{color:var(--muted,#64748b)}
[data-social-page] .social-composer-actions{align-items:center;gap:.5rem}
[data-social-page] .social-composer-actions .button-primary{border-radius:1.5rem;padding-inline:1.25rem;min-height:44px}
.social-post-list>h3{font-size:.85rem;color:var(--muted,#64748b);font-weight:550;letter-spacing:0}
.social-post-list .social-feed-tools{margin-block:.25rem 0}
.social-feed-filters{gap:.25rem;flex:1;border-bottom:1px solid var(--line,#d8dee9)}
/* Include dark and room themes explicitly: their global ghost-button rules
   must not turn feed tabs and quiet actions back into a wall of boxes. */
[data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost,
:root[data-appearance=dark] [data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost{border:0;border-radius:.4rem;box-shadow:none;background:transparent;color:var(--muted,#64748b);min-height:44px;min-width:44px;padding:.65rem .6rem;font-size:.8rem;font-weight:550}
[data-social-page] .social-feed-filters .button.button-ghost,
:root[data-appearance=dark] [data-social-page] .social-feed-filters .button.button-ghost{border-radius:0;border-bottom:2px solid transparent;padding-inline:.65rem}
[data-social-page] .social-feed-filters .button[aria-pressed=true],
:root[data-appearance=dark] [data-social-page] .social-feed-filters .button[aria-pressed=true]{border-bottom-color:var(--blue,#1944cb);color:var(--ink,#151623);font-weight:700}
[data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost:hover:not(:disabled),
:root[data-appearance=dark] [data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost:hover:not(:disabled){background:var(--blue-soft,#eef0ff);color:var(--ink,#151623)}
.social-posts{gap:0}
[data-social-page] .panel.social-post{padding:1.25rem 0;border:0;border-radius:0;box-shadow:none;margin:0}
[data-social-page] .social-post+.social-post{border-top:1px solid var(--line,#d8dee9)}
.social-post header{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem}
.social-post header strong{font-size:.9rem;line-height:1.5}
.social-post header a:hover{text-decoration:underline;text-underline-offset:.15em}
.social-post time{font-size:.75rem}
.social-post .social-text{font-size:.9rem;line-height:1.65;margin-block:.75rem}
.social-post .social-external-link{font-size:.85rem;margin-bottom:.75rem}
.social-post footer{gap:.15rem;margin-top:.5rem}
.social-post-list .social-pagination{border-top:1px solid var(--line,#d8dee9);padding-top:.25rem;margin-top:0}
@media(max-width:540px){
 [data-social-page] .panel.social-post{padding:1rem 0}
 [data-social-page] .social-composer textarea{font-size:1rem}
}
@media(forced-colors:active){
 [data-social-page] .social-feed-filters .button[aria-pressed=true],
 :root[data-appearance=dark] [data-social-page] .social-feed-filters .button[aria-pressed=true]{border-bottom-color:Highlight;color:CanvasText}
 [data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost,
 :root[data-appearance=dark] [data-social-page] :is(.social-feed-filters,.social-post footer,:where(.social-post-list) .social-pagination,.social-composer-actions) .button-ghost{color:ButtonText}
}