.demo-explorer{min-height:100vh;color:var(--app-text);background:var(--app-background);font-family:var(--font-brand);font-size:var(--type-body);overflow-wrap:anywhere;line-height:1.65}.demo-explorer *,.demo-explorer :before,.demo-explorer :after{box-sizing:border-box}.demo-explorer :is(h1,h2,h3,h4,p,figure,dl,ul,ol){margin:0}.demo-explorer :is(h1,h2,h3,h4){color:var(--brand-planet-navy);text-wrap:balance;font-weight:650;line-height:1.3}.demo-explorer h1{font-size:clamp(1.45rem,2.7vw,2rem)}.demo-explorer h2{font-size:clamp(1.25rem,2vw,1.6rem)}.demo-explorer h3{font-size:var(--type-heading-small)}.demo-explorer h4{font-size:var(--type-body)}.demo-explorer a{color:var(--brand-blue-strong);text-underline-offset:.2em}.demo-explorer :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--brand-blue-strong);outline-offset:3px}.demo-explorer :is(main,h2)[tabindex="-1"]:focus{outline:2px solid var(--brand-orbit-cyan);outline-offset:5px}.demo-explorer :is(main,h2)[tabindex="-1"]{scroll-margin-top:1.5rem}.demo-container{width:min(calc(100% - 3rem), var(--app-container));margin-inline:auto}.demo-skip{z-index:10;background:var(--app-surface);border:1px solid var(--brand-planet-blue);padding:.6rem 1rem;position:fixed;inset:.75rem auto auto .75rem;transform:translateY(-180%)}.demo-skip:focus{transform:none}.demo-masthead{background:var(--brand-cloud-white);border-bottom:1px solid var(--app-border)}.demo-masthead>.demo-container{flex-wrap:wrap;align-items:center;gap:1rem;min-height:90px;padding-block:.5rem;display:flex}.demo-masthead img{background:var(--brand-cloud-white);width:min(244px,100%);height:auto;display:block}.demo-readonly-label{color:var(--text-secondary);font-size:var(--type-supporting);align-items:center;gap:.5rem;display:inline-flex}.demo-readonly-label .interface-icon,.demo-immutable .interface-icon,.demo-limitation .interface-icon,.demo-teaching>.interface-icon,.demo-asset>.interface-icon{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}.demo-masthead .action-button{margin-left:auto}.demo-provenance{padding-block:2rem 1rem}.demo-section-heading,.demo-module-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.demo-section-heading>div{flex:22rem;min-width:0}.demo-kicker{color:var(--brand-blue-strong);font-size:var(--type-supporting);font-weight:600;margin-bottom:.4rem!important}.demo-fictional-notice{max-width:100ch;color:var(--brand-planet-navy);font-weight:500;margin-top:1rem!important}.demo-source-notice{color:var(--text-secondary);font-size:var(--type-supporting);margin-top:.5rem!important}.demo-immutable{border:1px solid var(--passport-cyan-border);border-radius:var(--radius-control);background:var(--brand-cyan-soft);color:var(--brand-planet-navy);font-size:var(--type-supporting);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.demo-immutable .interface-icon{color:var(--brand-cyan-text);margin-top:.15rem}.demo-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1.5rem;display:grid}.demo-layout>main{gap:1.5rem;min-width:0;display:grid}.demo-modules{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-card);padding:1rem .65rem}.demo-modules>summary{font-size:var(--type-heading-small);padding-inline:.4rem}.demo-modules>summary span{color:var(--text-secondary);font-size:var(--type-supporting)}.demo-modules>p{font-size:var(--type-supporting);color:var(--text-secondary);margin:.5rem .4rem 1rem}.demo-modules ul,.demo-record-grid,.demo-related,.demo-assets{padding:0;list-style:none}.demo-module-link{min-height:var(--touch-target-primary);border-radius:var(--radius-control);font-size:var(--type-supporting);align-items:center;gap:.65rem;padding:.65rem .5rem;line-height:1.4;text-decoration:none;display:flex;color:var(--brand-planet-navy)!important}.demo-module-link>.interface-icon{flex:0 0 1.1rem;width:1.1rem;height:1.1rem}.demo-module-link>span:not(:last-child){flex:1;min-width:0}.demo-module-link>span:last-child{color:var(--text-secondary);font-variant-numeric:tabular-nums}.demo-module-link strong,.demo-module-link small{display:block}.demo-module-link small{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}.demo-module-link:hover,.demo-module-link[aria-current=page]{background:var(--brand-blue-soft)}.demo-module-link[aria-current=page]{box-shadow:inset 3px 0 0 var(--brand-planet-blue)}.demo-profile,.demo-walkthroughs,.demo-browse,.demo-record-detail{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-card);min-width:0;padding:1.5rem}.demo-profile-intro{grid-template-columns:160px minmax(0,1fr);gap:1.5rem;display:grid}.demo-profile-intro p+p{margin-top:.75rem}.demo-profile-intro h2+p{margin-top:.5rem}.demo-portrait img{object-fit:cover;border:1px solid var(--app-border);border-radius:var(--radius-card);width:160px;height:160px;display:block}.demo-portrait figcaption{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;line-height:1.5}.demo-profile-fields{border-top:1px solid var(--app-border-subtle);font-size:var(--type-supporting);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;padding-top:1.25rem;display:grid;margin-top:1.5rem!important}.demo-profile-complete{margin-top:1rem}.demo-profile-complete>summary{border-top:1px solid var(--app-border-subtle)}.demo-profile-complete .demo-profile-fields{border-top:none;padding-top:.5rem;margin-top:.5rem!important}.demo-pagination{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.5rem;display:flex}.demo-pagination>p{flex:16rem}.demo-explorer dt{color:var(--text-secondary);font-size:var(--type-supporting);font-weight:500}.demo-explorer dd{min-width:0;margin:.3rem 0 0}.demo-explorer code{overflow-wrap:anywhere;white-space:pre-wrap;font-size:.85em}.demo-muted{color:var(--text-secondary);font-size:var(--type-supporting)}.demo-preserve,.demo-canonical-text{white-space:pre-wrap;overflow-wrap:anywhere}.demo-state{border-radius:var(--radius-control);background:var(--brand-blue-soft);max-width:100%;color:var(--brand-blue-strong);padding:.25rem .55rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.demo-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.demo-explorer summary{min-height:var(--touch-target-primary);color:var(--brand-planet-navy);font-size:var(--type-supporting);cursor:pointer;padding-block:.6rem;font-weight:600}.demo-journey-grid details{border:1px solid var(--app-border);border-radius:var(--radius-control);min-width:0;padding:.25rem .85rem}.demo-journey-grid summary span{color:var(--text-secondary);margin-left:1rem;font-size:.75rem;font-weight:400;display:block}.demo-journey-grid details p,.demo-journey-grid details ol{font-size:var(--type-supporting);margin-block:.6rem}.demo-journey-grid ol{padding-left:1.1rem}.demo-journey-grid .action-button{text-align:left;justify-content:flex-start}.demo-browse>.demo-muted,.demo-walkthroughs>.demo-muted{margin-top:.6rem}.demo-module-context{background:var(--app-surface-subtle);border-left:3px solid var(--brand-orbit-cyan);gap:.75rem;margin-top:1.25rem;padding:1rem;display:grid}.demo-module-context h2{font-size:var(--type-heading-small)}.demo-module-context ul{font-size:var(--type-supporting);padding-left:1.25rem}.demo-limitation{font-size:var(--type-supporting);align-items:flex-start;gap:.5rem;font-weight:500;display:flex}.demo-limitation .interface-icon{margin-top:.25rem}.demo-filters{background:var(--app-surface-subtle);border:1px solid var(--app-border);border-radius:var(--radius-control);min-width:0;margin:1.5rem 0;padding:1rem}.demo-filters legend{font-size:var(--type-supporting);padding-inline:.35rem;font-weight:600}.demo-filters>p{color:var(--text-secondary);font-size:var(--type-supporting)}.demo-filter-controls{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.8fr);gap:.75rem;margin-top:1rem;display:grid}.demo-filter-controls label{min-width:0;color:var(--brand-planet-navy);font-size:var(--type-supporting);font-weight:500}.demo-filter-controls :is(input,select){width:100%;min-width:0;min-height:var(--touch-target-primary);border:1px solid var(--passport-input-border);border-radius:var(--radius-control);color:var(--brand-planet-navy);background:var(--app-surface);font:inherit;margin-top:.3rem;padding:.6rem;display:block}.demo-filter-controls input::placeholder{color:var(--text-secondary);opacity:1}.demo-filter-footer{color:var(--text-secondary);font-size:var(--type-supporting);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.demo-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.demo-record-grid>li{min-width:0}.demo-record-card{border:1px solid var(--app-border);border-radius:var(--radius-card);flex-direction:column;gap:.75rem;height:100%;padding:1rem;display:flex}.demo-record-card h3 a{color:var(--brand-planet-navy);text-decoration:none}.demo-record-card h3 a:hover{color:var(--brand-blue-strong);text-decoration:underline}.demo-record-card>p{font-size:var(--type-supporting)}.demo-record-meta{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.75rem;display:flex}.demo-card-footer{border-top:1px solid var(--app-border-subtle);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem;font-size:.75rem;display:flex}.demo-empty{border:1px solid var(--app-border);border-radius:var(--radius-card);background:var(--app-surface);justify-items:start;gap:.75rem;min-width:0;margin-block:1.5rem;padding:1.5rem;display:grid}.demo-empty>.interface-icon{width:1.75rem;height:1.75rem;color:var(--brand-blue-strong)}.demo-empty p{max-width:65ch}.demo-record-detail>.demo-record-meta{margin-block:1.5rem .75rem}.demo-record-detail>h2{font-size:clamp(1.5rem,3vw,2rem)}.demo-record-summary{color:var(--passport-body-text);font-size:var(--type-heading-small);margin-block:1rem .5rem!important}.demo-record-detail>:is(section,aside,details,.demo-immutable){margin-top:1.5rem}.demo-record-detail>section h3{margin-bottom:.75rem}.demo-narrative{max-width:72ch;color:var(--brand-graphite);line-height:1.8}.demo-narrative>p+p{margin-top:1.25rem}.demo-facts{border-top:1px solid var(--app-border-subtle)}.demo-facts>div{border-bottom:1px solid var(--app-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;padding-block:.85rem;display:grid}.demo-facts dd{margin-top:0}.demo-teaching{background:var(--brand-blue-soft);border-left:3px solid var(--brand-planet-blue);align-items:flex-start;gap:.75rem;padding:1.25rem;display:flex}.demo-teaching>.interface-icon{color:var(--brand-blue-strong);margin-top:.2rem}.demo-teaching h3{margin-bottom:.5rem}.demo-canonical{border-block:1px solid var(--app-border);margin-top:1.5rem;padding-block:.5rem}.demo-canonical>.demo-muted{margin-block:.5rem 1rem}.demo-canonical-fields>div{min-width:0;padding:.6rem 0}.demo-canonical-fields .demo-canonical-fields,.demo-canonical-list{border-left:1px solid var(--app-border);padding-left:1rem}.demo-canonical-list{margin-left:1rem!important}.demo-canonical-text{max-width:100%;font-size:var(--type-supporting)}.demo-related{gap:.5rem;display:grid;margin-top:.85rem!important}.demo-related .action-button{border:1px solid var(--app-border);text-align:left;justify-content:flex-start;width:100%;padding:.85rem}.demo-related strong,.demo-related small{margin-top:.25rem;display:block}.demo-related strong{color:var(--brand-planet-navy)}.demo-related small{color:var(--text-secondary);font-weight:400}.demo-assets{gap:1rem;display:grid}.demo-asset{border:1px solid var(--app-border);border-radius:var(--radius-control);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.demo-asset>.interface-icon{color:var(--brand-blue-strong);margin-top:.2rem}.demo-asset>div{flex:1;min-width:0}.demo-asset p{font-size:var(--type-supporting);margin-top:.4rem}.demo-asset-preview{object-fit:contain;border-radius:var(--radius-control);max-width:100%;max-height:360px;margin-block:1rem;display:block}.demo-asset-integrity p{margin-block:.5rem}.demo-next-step{background:var(--app-surface-subtle);border:1px solid var(--app-border);border-radius:var(--radius-control);padding:1.25rem}.demo-next-step>p,.demo-next-step>a{margin-top:.75rem}.demo-record-detail>.action-button:last-child{margin-top:1.5rem}.demo-footer{color:var(--text-secondary);font-size:var(--type-supporting);padding-block:2rem}@media (width<=1000px){.demo-layout{grid-template-columns:210px minmax(0,1fr);gap:1rem}.demo-record-grid,.demo-filter-controls{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-modules ul{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));max-height:230px;padding:.3rem;display:grid;overflow-y:auto}.demo-modules>.demo-module-link{margin-inline:.3rem}.demo-journey-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.demo-container{width:calc(100% - 1.5rem)}.demo-masthead>.demo-container{gap:.5rem;padding-block:.75rem}.demo-masthead img{width:208px}.demo-readonly-label{order:3;width:100%}.demo-masthead .action-button{margin-left:0}.demo-provenance{padding-top:1.5rem}.demo-profile,.demo-walkthroughs,.demo-browse,.demo-record-detail{padding:1rem}.demo-profile-intro{grid-template-columns:minmax(0,1fr);gap:1rem}.demo-portrait{align-items:center;gap:1rem;display:flex}.demo-portrait img{flex:0 0 112px;width:112px;height:112px}.demo-portrait figcaption{max-width:18ch}.demo-profile-fields,.demo-facts>div{grid-template-columns:minmax(0,1fr)}.demo-facts>div{gap:.4rem}.demo-filter-footer .action-button{min-height:var(--touch-target-primary)}.demo-canonical-fields .demo-canonical-fields{padding-left:.5rem}}@media (width<=380px){.demo-modules ul{grid-template-columns:minmax(0,1fr)}}.native-demo-notice{align-items:center;gap:var(--app-space-3);flex-wrap:wrap}.native-demo-notice strong{color:var(--brand-planet-navy)}.native-demo-notice span{flex:22rem}.native-demo-status,.native-demo-record-context,.native-demo-journeys{margin:var(--app-space-5) 0;padding:var(--app-space-5);overflow-wrap:anywhere}.native-demo-status{max-width:50rem;margin-inline:auto}.native-demo-record-context p{white-space:pre-wrap}.native-demo-journeys details,.native-demo-record-context details{margin-block:var(--app-space-4)}.native-demo-journeys summary,.native-demo-record-context summary{cursor:pointer;padding-block:var(--app-space-2);font-weight:600}.native-demo-footer{gap:var(--app-space-3);padding:var(--app-space-5) max(var(--app-space-4), calc((100% - var(--app-container)) / 2));color:var(--brand-graphite);flex-wrap:wrap;font-size:.875rem;display:flex}.native-demo-notice .action-button{flex-shrink:0}.native-demo-profile .identity-verified{white-space:nowrap;width:34px;min-width:34px;height:34px;font-size:.625rem}.native-demo-profile .confidence-badge{white-space:normal;flex-wrap:wrap}