/* ASHEY44 Unified Design System 0.8.0 — scoped across application surfaces. */
:root { --a44-primary:#086cf5; --a44-primary-hover:#005bd1; --a44-navy:#0a1b30; --a44-pink:#f20a71; --a44-radius:14px; --a44-space-1:4px; --a44-space-2:8px; --a44-space-3:12px; --a44-space-4:16px; --a44-space-5:20px; --a44-space-6:24px; --a44-space-8:32px; --a44-bg:#f5f7fb; --a44-surface:#fff; --a44-text:#10243e; --a44-subtle:#60738d; --a44-stroke:#dce5f0; color-scheme:light; }
:root[data-a44-theme=dark] { --a44-bg:#071321; --a44-surface:#0f2439; --a44-text:#f1f6ff; --a44-subtle:#b3c5db; --a44-stroke:#28435e; color-scheme:dark; }
body.a44-compose-page, body.a44-social, body.ashey44-master-standalone {font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;}
:is(body.a44-compose-page,body.a44-social,body.ashey44-master-standalone) :is(button,input,select,textarea){font:inherit;}
:is(body.a44-compose-page,body.a44-social,body.ashey44-master-standalone) :is(button,a,input,select,textarea):focus-visible{outline:3px solid #51a1ff;outline-offset:3px;}
.a44-compose-page{margin:0!important;background:var(--a44-bg)!important;color:var(--a44-text)!important;min-height:100vh;}
.a44-compose-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;}
.a44-compose-sidebar{background:var(--a44-surface);color:var(--a44-text);border-right:1px solid var(--a44-stroke);padding:30px 18px;display:flex;flex-direction:column;gap:34px;}
.a44-compose-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--a44-text);font-size:24px;letter-spacing:-.8px;}
.a44-compose-brand span{color:var(--a44-primary)}.a44-compose-brand .a44-icon{width:30px;height:30px}
.a44-compose-sidebar nav{display:grid;gap:6px}.a44-compose-sidebar nav a{color:var(--a44-text);text-decoration:none;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;font-weight:600;font-size:14px}.a44-compose-sidebar nav a.active{background:#e8f2ff;color:#086cf5}.a44-compose-sidebar nav .a44-icon{width:21px;height:21px}.a44-compose-sidebar>small{margin-top:auto;color:var(--a44-subtle);font-size:12px}
.a44-compose-content{min-width:0}.a44-compose-page .top{position:sticky;top:0;z-index:15;height:72px;width:100%;padding:0 clamp(18px,3vw,40px);background:var(--a44-surface);border-color:var(--a44-stroke);}.a44-compose-page .top a{color:var(--a44-text);font-weight:650}
.a44-compose-page main{max-width:1100px;padding:0 28px;margin:32px auto}.a44-compose-page .heading{margin:0 auto;max-width:930px}.a44-compose-page .heading h1{color:var(--a44-text)}.a44-compose-page .heading p{color:var(--a44-subtle)}
.a44-compose-page .panel{color:var(--a44-text);background:var(--a44-surface);border-color:var(--a44-stroke);box-shadow:0 12px 36px #051b3210}.a44-compose-page .panel.a44-compose{max-width:930px}
.a44-compose-page .panel label{color:var(--a44-text)}.a44-compose-page .panel label span,.a44-compose-page .note{color:var(--a44-subtle)}
.a44-compose-page .panel :is(select,input:not([type=checkbox]),textarea){background:var(--a44-surface);color:var(--a44-text);border:1px solid var(--a44-stroke)}
.a44-compose-page .a44-upload-stage{background:var(--a44-bg);border-color:var(--a44-stroke);}.a44-compose-page .commerce{background:var(--a44-bg)}.a44-compose-page .a44-compose .actions button{background:var(--a44-primary)}
.a44-compose-page .a44-theme-control-inline{display:flex;align-items:center;gap:9px}.a44-compose-page .a44-theme-control-inline label{font-size:12px;color:var(--a44-subtle);margin:0}.a44-compose-page .a44-theme-control-inline select{border:1px solid var(--a44-stroke);border-radius:10px;background:var(--a44-surface);color:var(--a44-text);padding:8px 10px;font-size:13px}
[data-a44-theme=dark] .a44-compose-sidebar nav a.active{background:#16375c;color:#78bbff}
/* Uniform visual primitives for feed and master; avoids overriding layout details. */
body.a44-social .feed-story .a44-icon,body.a44-social .feed-nav .a44-icon{width:20px;height:20px;flex-shrink:0}
body.ashey44-master-standalone .a44-header-actions{align-items:center}
@media(max-width:850px){.a44-compose-shell{grid-template-columns:minmax(0,1fr)}.a44-compose-sidebar{padding:12px 17px;gap:0;flex-direction:row;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-right:none;border-bottom:1px solid var(--a44-stroke)}.a44-compose-sidebar nav{display:flex;gap:4px}.a44-compose-sidebar nav a{padding:10px}.a44-compose-sidebar nav a .a44-icon{width:20px;height:20px}.a44-compose-sidebar nav a:not(.active){font-size:0;gap:0}.a44-compose-sidebar nav a.active{font-size:12px}.a44-compose-sidebar>small{display:none}.a44-compose-page .top{top:58px;height:57px}.a44-compose-page main{padding:0 15px;margin:18px auto}.a44-compose-page .panel.a44-compose{padding:20px}.a44-compose-page .heading h1{font-size:30px}}
@media(max-width:440px){.a44-compose-sidebar{padding:10px}.a44-compose-brand{font-size:18px}.a44-compose-brand .a44-icon{width:23px;height:23px}.a44-compose-page .a44-theme-control-inline label{display:none}.a44-compose-page .top{padding:0 14px}.a44-compose-page .panel.a44-compose{padding:15px}}

/* v0.8.1 — shared sidebar geometry: no exterior dead gutter on desktop. */
@media (min-width:1121px) {
  body.a44-v5 .feed-shell { width:100%; max-width:none; margin:0; padding:0; grid-template-columns:240px minmax(0,1fr) 290px; column-gap:24px; }
  body.a44-v5 .feed-left { width:240px; min-width:0; min-height:100vh; margin:0; padding:26px 16px; border-radius:0; }
  body.a44-v5 .feed-column { width:100%; min-width:0; }
  body.a44-v5 .feed-right { min-width:0; margin-right:24px; }
}
@media (min-width:701px) and (max-width:1120px){
  body.a44-v5 .feed-shell { width:100%; max-width:none; padding:0; margin:0; grid-template-columns:240px minmax(0,1fr); column-gap:24px; }
  body.a44-v5 .feed-left { width:240px; padding:26px 16px; margin:0; border-radius:0; }
  body.a44-v5 .feed-column {min-width:0;margin-right:24px;}
}
@media (max-width:700px){body.a44-v5 .feed-shell{margin:0;padding:0;width:100%;max-width:none;}}
/* Composer matches the exact same 240px desktop sidebar position. */
@media (min-width:851px) {body.a44-compose-page .a44-compose-shell{grid-template-columns:240px minmax(0,1fr);width:100%;max-width:none;margin:0;padding:0;}body.a44-compose-page .a44-compose-sidebar{width:240px;margin:0;padding:26px 16px;border-radius:0;}}