/* The space's Home as a canvas: pages agents keep, drawn as soft
   boxes, each with a Comment pill, and the pages inside a page as cards.
   Tokens only, from mainmind.css. */
#home-canvas{display:grid;gap:var(--s-4);margin:0 0 var(--s-6)}
#home-canvas{gap:var(--s-3)}
.sc-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);color:var(--soft);font-size:var(--t-xs);font-weight:700}
.sc-crumbs button{font:inherit;color:var(--soft);background:none;border:0;padding:var(--s-1) 0;min-height:32px;cursor:pointer}
.sc-crumbs button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sc-crumbs>span:last-child{color:var(--brand-on-soft)}
.sc-title{margin:0;font-family:var(--display);font-size:var(--t-xl);font-weight:600;line-height:1.15;color:var(--ink)}
.sc-purpose{padding:var(--s-3) var(--s-5);border-radius:var(--r);background:var(--sunk)}
.sc-purpose summary{cursor:pointer;font-size:var(--t-sm);font-weight:800;color:var(--soft);min-height:32px;display:flex;align-items:center}
.sc-purpose p{margin:var(--s-1) 0 var(--s-2);font-size:var(--t-sm);color:var(--ink)}
.sc-pages h2{margin:var(--s-3) 0 var(--s-3);font-family:var(--display);font-size:var(--t-md);font-weight:600;color:var(--soft)}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-3)}
.sc-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);min-height:104px;padding:var(--s-3);text-align:left;font:inherit;color:var(--ink);cursor:pointer;border:2px solid var(--edge);border-radius:var(--r-control);background:var(--card)}
.sc-card:hover{border-color:var(--line-strong)}
.sc-card:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.sc-card b{font-family:var(--display);font-weight:600;font-size:var(--t-md)}
.sc-card small{color:var(--soft);font-size:var(--t-xs);font-weight:700}
.sc-swatch{align-self:stretch;height:32px;border-radius:var(--r-sm);background:var(--sunk)}
.sc-keeper,.sc-note{margin:0;color:var(--soft);font-size:var(--t-xs);font-weight:700}
.kp-canvas{display:grid;gap:var(--s-4)}
.kp-canvas .kp-block{position:relative;padding:var(--s-5);border:2px solid var(--edge);border-radius:var(--r);background:var(--card);scroll-margin-top:var(--s-6)}
.kp-canvas .kp-block-html{padding:0;overflow:hidden}
.kp-canvas .kp-block h3{margin:0 0 var(--s-3)}
.kp-canvas .kp-block-heading{min-height:0}
.kp-canvas .kp-block-html{display:flex;flex-direction:column}
.kp-canvas .kp-block-html>.kp-html-frame{order:1}
.kp-canvas .kp-block-html>.kp-block-heading{order:2}
.kp-canvas .kp-block-html>.sc-thread,.kp-canvas .kp-block-html>.sc-compose{order:3}
.kp-canvas .kp-block-html .kp-block-heading{justify-content:flex-end;padding:0 var(--s-4) var(--s-4)}
.kp-canvas .kp-discuss{display:inline-flex;align-items:center;gap:var(--s-1);min-height:36px;padding:var(--s-1) var(--s-3)}
.kp-html-frame{display:block;width:100%;border:0;background:transparent;color-scheme:normal}
.kp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sc-thread,.sc-compose{display:grid;gap:var(--s-2);margin:0;padding:var(--s-4) var(--s-5) var(--s-5);border-top:2px dashed var(--edge)}
.kp-block:not(.kp-block-html)>.sc-thread,.kp-block:not(.kp-block-html)>.sc-compose{margin:var(--s-4) calc(-1 * var(--s-5)) calc(-1 * var(--s-5))}
.sc-msg{padding:var(--s-2) var(--s-4);border-radius:var(--r-control);background:var(--sunk)}
.sc-msg.sc-mine{background:var(--brand-soft);color:var(--brand-on-soft)}
.sc-msg p{margin:0;color:inherit;font-size:var(--t-sm);line-height:1.5}
.sc-msg .sc-who{font-size:var(--t-xs);font-weight:700;color:var(--soft)}
.sc-msg.sc-mine .sc-who{color:inherit}
.sc-route{margin:0;font-size:var(--t-xs);font-weight:800;color:var(--soft)}
.sc-compose textarea{width:100%;min-height:88px;resize:vertical;font:inherit;font-size:var(--t-sm);padding:var(--s-3) var(--s-4);border:2px solid var(--line-strong);border-radius:var(--r-control);background:var(--paper);color:var(--ink)}
.sc-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--s-2)}
.sc-acts [data-sc-status]{flex:1;min-width:0;margin:0;font-size:var(--t-xs);color:var(--soft)}
.sc-main,.sc-second,.sc-quiet{font:inherit;font-size:var(--t-sm);font-weight:800;min-height:44px;cursor:pointer;padding:var(--s-2) var(--s-5);border-radius:var(--r-pill)}
.sc-main{border:0;background:var(--brand);color:var(--brand-ink);box-shadow:var(--lip-berry)}
.sc-second{border:2px solid var(--line-strong);background:var(--card);color:var(--ink);box-shadow:var(--lip-soft)}
.sc-quiet{justify-self:start;border:0;background:transparent;color:var(--brand);padding-left:0}
.sc-main:active,.sc-second:active{transform:translateY(4px);box-shadow:none}
.sc-toast{position:fixed;left:50%;bottom:calc(var(--s-6) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:30;margin:0;padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:var(--ink);color:var(--paper);font-size:var(--t-sm);font-weight:700;box-shadow:var(--shadow)}
.sc-invite{display:grid;gap:var(--s-2);padding:var(--s-5);border:2px dashed var(--line-strong);border-radius:var(--r)}
.sc-invite h2{margin:0;font-family:var(--display);font-size:var(--t-lg);font-weight:600}
.sc-invite p{margin:0;color:var(--soft)}
/* Home is only the page: the space's search lives in Knowledge. */
#view-home .home-hero,#view-home #home-activity{display:none}
@media (prefers-reduced-motion:reduce){.sc-main:active,.sc-second:active{transform:none}}
/* Below the page, Your call, Work and Oracle stay one tap away as a quiet row;
   Knowledge and Team are already in the menu. */
#view-home .home-doors{display:flex;flex-wrap:wrap;gap:0 var(--s-5);margin:var(--s-6) 0 0;padding-top:var(--s-3);border-top:1px solid var(--edge)}
#view-home .home-doors a{flex-direction:row;align-items:center;padding:0;background:none;border-radius:0;color:var(--soft)}
#view-home .home-doors a:hover{background:none;color:var(--ink)}
#view-home .home-doors b{font-family:var(--ui);font-size:var(--t-sm);font-weight:700}
#view-home .home-doors .navbadge{margin-left:var(--s-2)}
#view-home .home-doors a[href="#knowledge"],#view-home .home-doors a[href="#team"]{display:none}
#view-home .home-doors .navbadge{font-size:var(--t-xs);line-height:21px;color:var(--pill-ink)}
body.member-identity #view-home .home-doors a[href="#decisions"]{display:none}