/* HIG widgets/layout: stable identity, glanceable state, progressive detail.
   The 500-unit envelope is Brain's approved composition, not a WidgetKit size. */
#stage .tile .anchor-widget.sm-composed {
 box-sizing:border-box;padding:16px!important;gap:8px!important;
 display:flex!important;flex-direction:column;overflow:hidden;min-height:0;
}
#stage .tile .sm-composed .sm-anchor-navigation>.sm-home {padding:8px 0;min-height:44px;}
#stage .tile .sm-composed>.sm-context-bar {flex:none;gap:4px;margin:0;}
#stage .tile .sm-composed .sm-context-button {min-height:44px;padding:6px 8px;}
#stage .tile .sm-composed>.sm-anchor-identity {
 display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 8px;align-items:center;
}
#stage .tile .sm-composed .sm-anchor-identity>.widget-artwork {width:40px!important;height:40px!important;grid-row:1/span 2;object-fit:contain;border-radius:10px;}
#stage .tile .sm-composed .sm-project-status {font:500 10px/14px -apple-system,system-ui,sans-serif;color:var(--ink-3);}
#stage .tile .sm-composed .sm-anchor-identity>h2 {font:600 23px/26px -apple-system,system-ui,sans-serif;margin:0;overflow-wrap:anywhere;letter-spacing:-.4px;}
#stage .tile .sm-composed .sm-anchor-identity>.sm-project-description {
 grid-column:1/-1;margin:4px 0 0;max-height:none!important;font:400 12px/17px -apple-system,system-ui,sans-serif!important;
 display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden;color:var(--ink-2);
}
#stage .tile .sm-composed>.sm-anchor-body {flex:1 1 auto!important;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px;}
#stage .tile .sm-composed .sm-anchor-current {display:flex;flex-direction:column;gap:4px;padding:8px 0;}
#stage .tile .sm-composed .sm-anchor-current h3 {font:600 16px/21px -apple-system,system-ui,sans-serif!important;margin:0;}
#stage .tile .sm-composed .pw-next {display:block;overflow:visible;-webkit-line-clamp:unset;}
#stage .tile .sm-composed .pw-overview {max-height:none;font:400 11px/16px -apple-system,system-ui,sans-serif;}
#stage .tile .sm-composed .sm-anchor-details {border-top:1px solid var(--line, #8883);font:400 12px/18px -apple-system,system-ui,sans-serif;}
#stage .tile .sm-composed summary {min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink-2);}
#stage .tile .sm-composed summary::before {content:'›';color:var(--accent);font-size:20px;}
#stage .tile .sm-composed details[open]>summary::before {transform:rotate(90deg);}
#stage .tile .sm-composed .sm-anchor-details>p {white-space:pre-wrap;font:400 12px/18px -apple-system,system-ui,sans-serif;color:var(--ink-2);margin:0 0 8px;}
#stage .tile .sm-composed .sm-anchor-items li {display:list-item;overflow:visible;margin:8px 0;}
#stage .tile .sm-composed .pw-tools-bar {gap:4px;}
#stage .tile .sm-composed .pw-add-tool {height:44px;font-size:12px;}
#stage .tile .sm-composed>.sm-main-action {flex:none!important;margin:0!important;min-height:44px!important;font:500 13px/18px -apple-system,system-ui,sans-serif;}
#stage .tile .sm-composed :is(button,summary,select):focus-visible {outline:2px solid var(--accent);outline-offset:2px;}
/* Project names use the full anchor width; logos must not split brand names. */
#stage .tile .sm-composed .sm-anchor-identity>.widget-artwork{grid-row:1}
#stage .tile .sm-composed .sm-anchor-identity>h2{grid-column:1/-1;overflow-wrap:anywhere}

/* Both navigation actions stay reachable without scrolling project content. */
#stage .tile .sm-composed>.sm-anchor-navigation{display:flex;align-items:center;gap:8px;flex:none;min-height:44px;}
#stage .tile .sm-composed .sm-anchor-navigation>.sm-home{flex:none;}
#stage .tile .sm-composed .sm-working-map-host{flex:1;min-width:0;}