/* 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{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}
/* A page is one continuous reading surface. Rich parts keep their own boundary. */
#home-canvas{display:block;min-width:0}
.pd{font-family:var(--ui);font-size:var(--t-md);line-height:1.7;color:var(--ink);min-width:0}
.pd *{box-sizing:border-box;min-width:0}
.pd-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-4) 0;border-bottom:2px solid var(--edge)}
.pd-actions{display:flex;align-items:center;gap:var(--s-3);margin-left:auto}
.pd-status{font-size:var(--t-xs);color:var(--soft)}
.pd-body{max-width:800px;margin:0 auto;padding:var(--s-8) var(--s-5) var(--s-6)}
.pd .sc-title{font:500 var(--t-2xl)/1.15 var(--display);margin:0 0 var(--s-4);overflow-wrap:anywhere}
.pd .sc-keeper{margin:var(--s-4) 0 var(--s-6);font-weight:500}
.pd .kp-canvas{display:block}
.pd .kp-canvas .kp-block{padding:0;margin:0 0 var(--s-4);border:0;border-radius:0;background:transparent;overflow-wrap:anywhere}
.pd .kp-canvas .kp-block-heading{display:flex;align-items:center;gap:var(--s-3);margin:0}
.pd .kp-canvas .kp-block-heading:has(>h3){margin-top:var(--s-5)}
.pd .kp-canvas .kp-block h2,.pd .kp-canvas .kp-block h3{font:500 var(--t-xl)/1.2 var(--display);margin:var(--s-6) 0 var(--s-4);color:var(--ink)}
.pd .kp-canvas .kp-block h3{font-size:var(--t-lg)}
.pd .kp-canvas .kp-block p{font-size:var(--t-md);line-height:1.7;margin:0 0 var(--s-4);color:var(--ink)}
.pd .kp-canvas .kp-block p:last-child{margin-bottom:0}
.pd .kp-canvas .kp-block-callout{background:var(--sunk);border-radius:var(--r-control);padding:var(--s-5) var(--s-6);margin:var(--s-6) 0}
.pd .kp-canvas .kp-block-callout h3{margin:0 0 var(--s-2);font:700 var(--t-md)/1.5 var(--ui)}
.pd .kp-canvas .kp-block-html{margin:var(--s-6) 0;background:var(--card);border-radius:var(--r-control)}
.pd .kp-canvas .kp-block-html .kp-block-heading{margin:0;padding:var(--s-2) var(--s-3)}
.pd .kp-canvas .kp-discuss{margin-left:auto;font-size:var(--t-xs);min-height:44px;background:transparent;border:0;color:var(--soft);box-shadow:none}
.pd .kp-block-paragraph>.kp-block-heading,.pd .kp-block-heading:empty{display:none}
.pd .kp-block-paragraph,.pd .kp-block-native-heading,.pd .kp-block-list,.pd .kp-block-checklist{position:relative}
.pd .kp-block-paragraph>.kp-block-heading,.pd .kp-block-list>.kp-block-heading,.pd .kp-block-checklist>.kp-block-heading{justify-content:flex-end}
.pd .kp-canvas a{color:var(--brand);text-underline-offset:4px}
.pd .kp-canvas ul,.pd .kp-canvas ol{padding-left:var(--s-6)}
.pd .kp-canvas li{margin-bottom:var(--s-2)}
.pd .pd-checks{padding:0;list-style:none}
.pd-checks li{display:flex;align-items:flex-start;gap:var(--s-3)}
.pd-checks input{accent-color:var(--brand);min-width:20px;height:20px;margin:var(--s-1) 0 0;flex:none}
.pd .pd-complete{text-decoration:line-through;color:var(--soft)}
.pd .sc-grid{display:block;border-top:2px solid var(--edge)}
.pd .sc-card{flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:80px;padding:var(--s-4) 0;border:0;border-bottom:2px solid var(--edge);border-radius:0;background:none}
.pd .sc-card b{font:700 var(--t-md)/1.5 var(--ui)}
.pd .sc-card small{display:block;font-weight:500}
.pd .sc-pages h2{font:500 var(--t-xl)/1.2 var(--display);color:var(--ink);margin:var(--s-6) 0 var(--s-4)}
.pd-toolbar{display:flex;flex-wrap:wrap;gap:var(--s-1);padding:var(--s-2) 0;border-bottom:2px solid var(--edge)}
.pd-toolbar[hidden],.pd-recovery [hidden]{display:none}
.pd-toolbar button,.pd-toolbar select,.pd-recovery button,.pd-block-menu summary,.pd-block-menu button,.pd-add-item,.pd-edit-list button{min-height:44px;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-pill);font:700 var(--t-sm)/1.5 var(--ui);color:var(--soft);background:transparent;cursor:pointer}
.pd-toolbar select{background:var(--sunk);color:var(--ink);max-width:100%}
.pd button:hover,.pd summary:hover{background:var(--sunk);color:var(--ink)}
.pd .sc-main:hover{background:var(--brand);color:var(--brand-ink)}
.pd button:focus-visible,.pd summary:focus-visible,.pd select:focus-visible,.pd input:focus-visible,.pd a:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.pd [contenteditable=true]{outline:0;white-space:pre-wrap;min-height:1.5em;border-radius:var(--r-sm)}
.pd [contenteditable=true]:focus{box-shadow:var(--focus-ring)}
.pd [contenteditable=true]:empty:before{content:'Write here…';color:var(--soft)}
.pd .pd-part-title{display:block;width:100%;font:700 var(--t-md)/1.5 var(--ui);color:var(--ink);border:0;background:transparent;padding:var(--s-2) 0}
.pd .kp-block-native-heading>.pd-text{font:500 var(--t-xl)/1.2 var(--display)}
.pd .pd-text{padding:var(--s-1) 0}
.pd-edit-list .pd-text{flex:1}
.pd-editing .kp-block{padding-top:var(--s-2)!important}
.pd .pd-block-menu{display:flex;justify-content:flex-end;margin:0 0 var(--s-1);font-size:var(--t-xs)}
.pd-block-menu>div{display:flex;flex-wrap:wrap;gap:var(--s-1)}
.pd-block-menu button:disabled{opacity:.5;cursor:default}
.pd .pd-readonly{font-size:var(--t-xs)!important;color:var(--soft)}
.pd .kp-block-html>.pd-readonly{order:1;margin:0;padding:var(--s-3) var(--s-4)}
.pd-recovery{font-size:var(--t-sm);color:var(--soft)}
.pd-recovery p{margin:var(--s-3) 0 0}
.pd .kp-block pre{overflow:auto;max-width:100%;font-family:var(--mono);font-size:var(--t-xs)}
.pd .kp-block:not(.kp-block-html)>.sc-thread,.pd .kp-block:not(.kp-block-html)>.sc-compose{margin:var(--s-3) 0;padding:var(--s-4) 0;border-top:2px solid var(--edge)}
@media(max-width:768px){.pd-bar{gap:var(--s-1);padding:var(--s-2) 0}.pd-body{padding:var(--s-6) 0 var(--s-5)}.pd .sc-title{font-size:var(--t-xl)}.pd-actions{gap:var(--s-2)}.pd .sc-main{padding:var(--s-2) var(--s-4)}.pd .kp-canvas .kp-block h2,.pd .sc-pages h2{font-size:var(--t-lg)}.pd .kp-canvas .kp-block-callout{padding:var(--s-4) var(--s-5)}.pd .sc-crumbs{font-size:var(--t-xs)}.pd .sc-crumbs>span:last-child{display:none}.pd .sc-crumbs>span:first-child{display:inline}.pd .sc-keeper{margin-bottom:var(--s-5)}}
/* Comments remain keyboard and touch reachable without making each paragraph a card. */
.pd .kp-canvas .kp-block-paragraph>.kp-block-heading{display:flex;justify-content:flex-end;float:right;margin:0 0 var(--s-1) var(--s-2)}
.pd .kp-canvas .kp-block-paragraph>.kp-block-heading .kp-discuss{min-height:44px;padding:var(--s-1) var(--s-2)}
.pd .kp-canvas .kp-block-paragraph:after{content:'';display:block;clear:both}
.pd .kp-canvas .kp-discuss{min-width:44px;justify-content:center}
.pd .kp-canvas .kp-block-native-heading>.kp-block-heading,.pd .kp-canvas .kp-block-list>.kp-block-heading,.pd .kp-canvas .kp-block-checklist>.kp-block-heading{float:right;margin:0 0 var(--s-1) var(--s-2)}
.pd .kp-canvas .kp-block-native-heading:after,.pd .kp-canvas .kp-block-list:after,.pd .kp-canvas .kp-block-checklist:after{content:'';display:block;clear:both}
.pd-recovery details{margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-control);background:var(--sunk);color:var(--ink)}
.pd-recovery summary{min-height:44px;cursor:pointer;font-weight:700}
.pd-recovery [data-pd-earlier-list]{max-height:50vh;overflow:auto;overflow-wrap:anywhere}
.pd-recovery [data-pd-earlier-list] section+section{border-top:1px solid var(--edge);margin-top:var(--s-4);padding-top:var(--s-4)}
/* Native media and charts stay within the document; only data tables scroll. */
.pd .kp-media-figure,.pd .kp-chart{margin:var(--s-5) 0;min-width:0;color:var(--ink)}
.pd .kp-media-figure img,.pd .kp-media-figure video{display:block;max-width:100%;width:100%;height:auto;border-radius:var(--r-sm);background:var(--sunk)}
.pd .kp-media-figure img{object-fit:contain;max-height:70vh}
.pd .kp-media-figure video{aspect-ratio:16/9}
.pd .kp-media-figure [hidden],.pd .kp-media-status[hidden]{display:none}
.pd .kp-media-figure figcaption,.pd .kp-chart figcaption{font-size:var(--t-md);margin:var(--s-3) 0;overflow-wrap:anywhere}
.pd .kp-media-figure figcaption strong,.pd .kp-chart figcaption strong{display:block;font-weight:700;margin-bottom:var(--s-2)}
.pd .kp-canvas .kp-media-status{padding:var(--s-4);background:var(--sunk);border-radius:var(--r-sm);color:var(--soft);font-size:var(--t-sm)}
.pd .kp-transcript summary,.pd .kp-chart-values summary{min-height:44px;cursor:pointer;font-size:var(--t-sm);font-weight:700;display:list-item;padding:var(--s-2) 0}
.pd .kp-transcript{margin-top:var(--s-3);overflow-wrap:anywhere}
.pd .kp-chart-plot{display:block;width:100%;height:auto;overflow:hidden;color:var(--ink);font-family:var(--ui);font-size:var(--t-xs)}
.pd .kp-chart-plot text{fill:currentColor}
.pd .kp-chart-plot line,.pd .kp-chart-plot polyline{vector-effect:non-scaling-stroke}
.pd .kp-canvas .kp-chart-axis{font-size:var(--t-xs);color:var(--soft);margin:var(--s-2) 0}
.pd .kp-chart-axis-x{text-align:center}
.pd .kp-canvas .kp-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);list-style:none;padding:0;margin:var(--s-3) 0}
.pd .kp-chart-legend li{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);max-width:100%;overflow-wrap:anywhere}
.pd .kp-chart-legend svg{flex:none;color:var(--ink)}
.pd .kp-chart-table-wrap,.pd .pd-chart-table-wrap{max-width:100%;overflow-x:auto;margin:var(--s-3) 0}
.pd .kp-chart-table-wrap:focus-visible,.pd .pd-chart-table-wrap:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.pd .kp-chart table,.pd .pd-chart-data{width:100%;border-collapse:collapse;font-size:var(--t-sm);text-align:left}
.pd .kp-chart caption{text-align:left;font-weight:700;padding:var(--s-2) 0;overflow-wrap:anywhere}
.pd .kp-chart th,.pd .kp-chart td,.pd .pd-chart-data th,.pd .pd-chart-data td{border-bottom:1px solid var(--edge);padding:var(--s-2) var(--s-3);vertical-align:top;min-width:88px}
.pd .kp-chart td{font-variant-numeric:tabular-nums;white-space:nowrap}
.pd .kp-chart th{font-weight:700;overflow-wrap:anywhere;max-width:200px}
.pd .pd-rich-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin:var(--s-3) 0}
.pd .pd-rich-field{display:grid;gap:var(--s-2);min-width:0;font-size:var(--t-sm);font-weight:700}
.pd .pd-rich-field input,.pd .pd-rich-field select,.pd .pd-rich-field textarea,.pd .pd-chart-data input{width:100%;min-height:48px;min-width:0;border:2px solid var(--line-strong);border-radius:var(--r-control);padding:var(--s-3);background:var(--paper);color:var(--ink);font:500 var(--t-sm)/1.5 var(--ui)}
.pd .pd-rich-field textarea{min-height:120px;resize:vertical}
.pd .pd-rich-field:has(textarea){grid-column:1/-1}
.pd .pd-rich-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:var(--s-3) 0}
.pd .pd-rich-actions button{min-height:44px;padding:var(--s-2) var(--s-4);border:2px solid var(--line-strong);border-radius:var(--r-pill);background:var(--card);color:var(--ink);font:700 var(--t-sm)/1.5 var(--ui);box-shadow:var(--lip-soft);cursor:pointer}
.pd .pd-rich-actions button:active{transform:translateY(4px);box-shadow:none}
.pd .pd-rich-actions button:disabled{box-shadow:none;cursor:default;opacity:.6}
.pd .pd-chart-data input{min-width:140px;border-radius:var(--r-sm)}
.pd .pd-chart-table-wrap{grid-column:1/-1}
.pd .pd-chart-data button{white-space:nowrap;min-height:44px;padding:var(--s-2) var(--s-3);font:700 var(--t-sm)/1.5 var(--ui);border-radius:var(--r-pill);color:var(--ink);background:var(--card)}
.pd .kp-canvas .pd-rich-hint,.pd .pd-rich-hint{font-size:var(--t-xs);font-weight:500;color:var(--soft);overflow-wrap:anywhere}
@media(max-width:768px){.pd .pd-rich-fields{grid-template-columns:minmax(0,1fr)}.pd .kp-chart-plot{font-size:var(--t-md)}.pd .kp-chart-legend{gap:var(--s-2) var(--s-3)}}
@media(prefers-reduced-motion:reduce){.pd .pd-rich-actions button:active{transform:none}}

.pd .pd-chart-scroll-hint{display:none}
@media(max-width:480px){.pd .pd-chart-scroll-hint{display:block;margin:0;font-size:var(--t-xs);color:var(--soft)}}