/* SynergyScore desktop layout (PC only). Mobile (<1024px) is unchanged: every rule is inside this media query. */
@media (min-width:1024px){
html body .shell{max-width:none;width:100%;margin:0;border-radius:0;min-height:100dvh;box-shadow:none}
html body .shell>.topbar{padding:12px clamp(24px,2.5vw,48px)}
html body .shell:has(>.bottom-nav){display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}
html body .shell:has(>.bottom-nav)>.topbar{grid-column:1/-1;grid-row:1}
html body .shell>.bottom-nav{position:sticky;top:76px;bottom:auto;grid-column:1;grid-row:2;width:auto;flex-direction:column;gap:6px;padding:20px 8px;border-top:0;border-right:1px solid #e3eae6;border-radius:0;background:#fff;min-height:calc(100dvh - 76px)}
html body .shell>.bottom-nav button{flex:0 0 auto;padding:12px 4px;border-radius:14px}
html body .shell:has(>.bottom-nav)>main{grid-column:2;grid-row:2;padding-left:clamp(24px,2.5vw,48px);padding-right:clamp(24px,2.5vw,48px);min-width:0}
html body .shell>main:not(:has(.hero)){width:100%;max-width:clamp(880px,62vw,1120px);margin-left:auto;margin-right:auto}
html body .composer{position:sticky;bottom:12px;width:100%}
html body .composer input:not([type=file]){flex:1 1 auto;min-width:0}
html body .hero h1{max-width:520px}
html body .hero-actions .btn{flex:0 1 220px}
html body .promo-track{overflow:visible}
html body .promo{flex:1 1 0;min-width:0}
html body main>div:has(>.post-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));column-gap:20px}
}