/* Keep prose, examples, and the next action in reading order. */
.demo-contents{order:-1;margin:0 0 1.4rem;border-bottom:1px solid var(--border);scroll-margin-top:5rem}
.demo-contents>summary{padding:.7rem 0;cursor:pointer;color:var(--muted);font-size:.86rem}
.demo-contents[open]>summary{color:var(--text)}
.demo-contents #demo-navigation{margin:.5rem 0 1rem;padding:1rem;border:0;background:transparent}
.demo-contents .demo-primary-nav{margin-bottom:1.2rem}
.demo-page-heading{margin-bottom:.35rem}
.demo-page-heading h1{font-size:1.8rem}
.about-story{max-width:48rem;margin:0 auto;padding:.5rem 0}
.about-story h2{font-size:1.8rem;line-height:1.4;margin:.5rem 0 1.2rem}
.about-story h3{margin:2.2rem 0 .7rem;font-size:1.2rem;line-height:1.6}
.about-story p{line-height:1.95;font-weight:400}
.about-example{padding:1rem 1.2rem;border-left:3px solid var(--blue);background:rgba(98,166,255,.045)}
.about-example blockquote{margin:0 0 .75rem;line-height:1.9}
.about-example>p{margin:0 0 .7rem;font-size:.9rem}
.about-example small{display:block;color:var(--muted);font-size:.77rem;margin-top:.8rem}
.about-story>.value-inline-link{padding:.25rem 0}
.about-echosphere-section>.demo-related-pages{max-width:48rem;margin:2rem auto}
.section-heading{grid-template-columns:1fr;gap:.4rem;margin-bottom:.8rem}
.section-heading>p{max-width:52rem;font-size:.87rem}
.demo-reading{margin-bottom:1rem;line-height:1.85;font-weight:400}
.demo-try-guide{display:block;padding:0;margin:0 0 1.2rem;border:0;border-radius:0;background:none}
.demo-try-guide>summary,.demo-reading-notes>summary{cursor:pointer;color:var(--muted);font-size:.8rem;padding:.45rem 0}
.demo-try-guide-body{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.6rem}
.demo-try-guide-body>.button{grid-column:1/-1;justify-self:start}
.demo-reading-notes{margin:1.2rem 0;border-top:1px solid var(--border);padding-top:.35rem}
.demo-reading-notes p,.demo-reading-notes li{font-size:.85rem;line-height:1.8}
.domain-browser-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.domain-browser-choice{flex:0 1 auto;min-height:0;padding:.55rem .85rem;border-radius:.5rem;font-size:.83rem}
.domain-browser-search{max-width:45rem;margin:.8rem 0 .5rem}
.domain-browser-search>label{font-size:.78rem}
#domain-browser-search-status{min-height:0;margin:.3rem 0;font-size:.75rem}
.domain-browser-workspace{grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr);gap:1.7rem;min-height:0;border:0;border-radius:0;overflow:visible;background:transparent;align-items:start}
.domain-browser-tree-panel{padding:.6rem 0;border:0;background:none;min-width:0}
.domain-browser-tree-panel>summary{font-size:.85rem;color:var(--blue);cursor:pointer}
#domain-browser-summary{font-size:.74rem;color:var(--muted);line-height:1.6;margin:.6rem 0}
.domain-browser-tree{max-height:34rem;padding:0;font-size:.8rem}
.domain-browser-tree ul{padding-left:.65rem}
.domain-browser-detail{padding:.5rem 0 1rem;min-width:0}
.domain-browser-detail h3{font-size:1.3rem;line-height:1.6;margin:0 0 1rem}
#domain-browser-record-title{scroll-margin-top:5rem}
.domain-browser-content-block{border:0;border-radius:0;background:none;padding:0}
#domain-browser-record-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}
#domain-browser-record-content[data-record-type="system_knowledge"]{font-size:.96rem;line-height:1.95;max-height:none}
.domain-browser-provenance{margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--muted);font-size:.76rem}
#domain-browser-citation{margin:0 0 .5rem;overflow-wrap:anywhere}
#domain-browser-metadata>summary{cursor:pointer}
.domain-browser-provenance .domain-browser-source{padding:0;margin:.5rem 0;border:0;background:none}
.domain-question-entry{padding:.5rem 0;margin:0 0 1.2rem}
.domain-question-entry h3{font-size:1.05rem;margin:0 0 .4rem}
.domain-question-entry>p{font-size:.84rem;color:var(--muted)}
.kita-question-choices{display:grid;gap:.6rem}
.kita-question-choices button{padding:.8rem 1rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:.55rem;cursor:pointer;font-size:.88rem;line-height:1.6}
.kita-question-choices button:hover{border-color:var(--blue)}
.kita-question-choices button span{display:block;font-size:.74rem;color:var(--blue);margin-top:.25rem}
#domain-preparation-details .domain-flow-switch{border:0;background:none;padding:0}
#domain-preparation-details .domain-flow-panel{margin-top:.8rem;padding:.9rem;border:0;background:none}
#domain-preparation-details .build-cta{margin-top:1rem}
.page-builder-form{gap:1.2rem}
.page-builder-stage{border:0;border-top:1px solid var(--border);border-radius:0;padding:1rem 0;background:none}
.page-builder-stage legend{padding:0 .5rem 0 0}
.page-builder-stage>.trial-quick-start{margin:.2rem 0 .6rem}
.trial-audience-switch{margin:0 0 .7rem}
.trial-quick-start h3{font-size:1.05rem}
.trial-quick-start>p{margin:.4rem 0}
.trial-quick-card{padding:.65rem .8rem;gap:.3rem;border-radius:.55rem}
.trial-quick-card strong{font-size:.86rem}
.trial-quick-card small{font-size:.74rem}
.trial-quick-card span{font-size:.7rem}
.page-builder-recipe-summary{margin:0 0 .7rem;padding:0;background:none;border:0}
.page-builder-recipe-summary>span{display:none}
.trial-example-preview{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;border:0;border-left:2px solid var(--green);border-radius:0;background:rgba(101,217,173,.025);padding:.5rem .9rem;margin:.6rem 0}
.trial-example-preview h4{margin:.2rem 0 .5rem;font-size:.84rem}
.trial-example-preview pre{max-height:none;margin:.35rem 0;overflow:visible;font-size:.79rem;line-height:1.8}
.trial-example-preview #trial-output-example{padding:0;background:none;margin:.55rem 0 0}
#trial-combination-explanation{padding:0;border:0;border-radius:0;background:none;margin:.7rem 0 1rem}
#trial-combination-explanation>summary{font-size:.78rem}
#trial-combination-explanation[open]{padding-bottom:.5rem}
.domain-lifecycle-section,.build-section{background:transparent;box-shadow:none}
.domain-lab-intro{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:1rem 0}
@media(max-width:959px){
  .domain-browser-workspace{grid-template-columns:1fr;gap:.6rem}
  .domain-browser-tree-panel{border-bottom:1px solid var(--border);padding:.4rem 0 .7rem}
  .domain-browser-tree{max-height:22rem}
  .domain-browser-detail{padding-top:.5rem}
  .demo-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .about-story{padding:0 .35rem}
  .about-story h2{font-size:1.5rem}
  .about-story h3{font-size:1.08rem;margin-top:1.7rem}
  .demo-page-heading h1{font-size:1.45rem}
  .demo-contents>summary{font-size:.8rem}
  .demo-contents #demo-navigation{padding:.5rem 0}
  .demo-try-guide-body,.trial-example-preview{grid-template-columns:1fr}
  .trial-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trial-quick-card small{display:none}
  .trial-quick-card{padding:.55rem}
  .domain-browser-detail h3{font-size:1.2rem}
  .domain-browser-choice{font-size:.75rem;padding:.45rem .6rem}
}