/* One mounted conversation shared by the compact homepage and full Ask route. */
.compact-conversation{max-width:1000px;margin:24px auto 40px}.compact-conversation .ask--compact{display:flex;flex-direction:column;gap:0;margin:0;padding:24px 0;border:0;max-width:none}.compact-conversation .ask-heading{margin-bottom:20px;gap:16px}.compact-conversation .ask-heading h1{margin:0;font:600 clamp(25px,3vw,38px)/1.2 var(--font-family-headings);letter-spacing:-.03em}.conversation-intro{max-width:65ch;margin:0 0 24px;color:var(--color-foreground);font-size:16px;line-height:1.65}.compact-conversation .ask-suggestions{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:8px}.compact-conversation .ask-suggestions button{min-height:92px}.compact-conversation .ask--compact .ask-thread{max-height:none;overflow:visible;padding:4px 0;margin-bottom:18px}.compact-conversation .ask-compose-wrap{margin-top:8px}.compact-conversation .ask-open{white-space:nowrap;flex:none;font-family:var(--font-family-body);font-size:13px;color:var(--color-accent)}.compact-conversation .ask-bottom{align-items:center}:is(.compact-conversation,.ask-workspace) .ask-thread .ask-rich-cards .section-list{grid-template-columns:repeat(3,minmax(0,1fr))}:is(.compact-conversation,.ask-workspace) .ask-rich-cards .post-card h3{font-size:var(--font-large);line-height:1.2}:is(.compact-conversation,.ask-workspace) .ask-rich-cards .post-card p{font-size:13px}.compact-conversation textarea{font-size:16px!important}.compact-conversation .ask-continue{color:var(--color-accent)!important}.case-reopen{display:flex;align-items:center;gap:8px;text-align:start;border:0;background:var(--color-background-100);padding:14px;color:var(--color-contrast);font:inherit}
/* Legacy Ask CSS also targets generic spans: keep the icon wrapper fixed. */
:is(.compact-conversation,.ask-workspace) [data-ask] .ask-suggestions button>.ask-topic-icon{
 display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;
}
.ask-workspace{width:100%;max-width:var(--container-small--width);min-width:0;margin:0 auto;color:var(--color-contrast);--ask-bg:var(--color-background);--ask-ink:var(--color-contrast);--ask-muted:var(--color-secondary)}
body:has(.ask-workspace){align-content:flex-start}
body:has(.ask-workspace) .home-navigation{display:none}
body:has(.ask-workspace) .content>:not(#new-home):not(#ask-workspace):not(footer.footer){display:none}
.workspace-toolbar{display:flex;align-items:center;gap:24px;padding:0 0 24px;min-width:0}
.workspace-toolbar[hidden]{display:none}
.workspace-toolbar>a{display:inline-flex;gap:6px;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-secondary);font-size:13px}
.workspace-toolbar>a>.ask-icon{transform:rotate(180deg);width:16px;height:16px}
.workspace-toolbar h1{margin:0;font:600 24px/1.3 var(--font-family-headings);letter-spacing:-.025em}
.workspace-toolbar>.workspace-language{margin-inline-start:auto;font-size:12px}
.workspace-panes{display:flex;flex-direction:column;min-height:0}
.workspace-conversation{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
.workspace-conversation>.ask{display:flex;flex:1;flex-direction:column;min-height:0;max-width:none;margin:0}
.workspace-conversation .ask-thread{flex:none;min-height:0;max-height:none;overflow:visible;gap:28px;padding:4px 0;margin:0 0 18px}
.workspace-conversation .ask-compose-wrap{position:relative;flex:none;padding:20px 0 16px;margin-top:auto;background:var(--color-background)}
.workspace-conversation .ask-message--assistant{max-width:100%}
.workspace-conversation .ask-suggestions{grid-template-columns:1fr 1fr}
.workspace-conversation .ask-suggestions button{min-height:84px}
.ask-workspace :is(button,a):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.ask-workspace button{cursor:pointer}
.ask-workspace ::selection,.compact-conversation ::selection{background:var(--color-accent);color:#111}
.ask-workspace textarea{caret-color:var(--color-accent);font-size:16px!important}
.compact-conversation #workspace-conversation{display:contents}
@media(max-width:600px){
 .compact-conversation{margin-top:18px}
 .compact-conversation .ask-heading{align-items:flex-start;flex-direction:column;gap:4px}
 .compact-conversation .ask-suggestions{grid-template-columns:1fr}
 .compact-conversation .ask-suggestions button{min-height:60px;padding:12px}
 :is(.compact-conversation,.ask-workspace) .ask-thread .ask-rich-cards .section-list{grid-template-columns:1fr}
 :is(.compact-conversation,.ask-workspace) .ask-thread .ask-rich-cards .post-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px}
 :is(.compact-conversation,.ask-workspace) .ask-thread .post-card-content{padding:0}
 :is(.compact-conversation,.ask-workspace) .ask-thread .post-card p{display:none}
 :is(.compact-conversation,.ask-workspace) .ask-thread .post-card h3{font-size:18px}
 :is(.compact-conversation,.ask-workspace) .ask-thread .post-card-meta{font-size:10px}
 .workspace-toolbar{gap:8px 20px;flex-wrap:wrap;padding-bottom:16px}
 .workspace-toolbar h1{font-size:18px}
 .workspace-toolbar>a{font-size:12px}
 .workspace-conversation .ask-suggestions{grid-template-columns:1fr}
 .workspace-conversation .ask-suggestions button{min-height:64px}
}
/* Match the feed's natural cover geometry when native card fragments appear in chat. */
.ask-rich-cards .post-card-media:has(.post-featured-image):not(:has(video,iframe)){
 aspect-ratio:auto;height:auto;overflow:visible;
}
.ask-rich-cards .post-featured-image,
.ask-rich-cards .post-featured-image img{
 width:100%;height:auto;aspect-ratio:auto;
}
.ask-rich-cards .post-featured-image img{object-fit:contain}