/* White project surfaces stand apart from a pale neutral page. */
body{background:#f2f3f4}
.project-disclosure{box-shadow:0 6px 24px #20272d06}
.youin{--yi-ink:#191c1f;--yi-copy:#51585f;--yi-muted:#626a72;--yi-line:#d9dde1;--yi-soft:#f5f6f7;--yi-white:#fff;color:var(--yi-ink)}
.youin>.project-disclosure{background:var(--yi-white);border-color:#d0d5da;border-top:3px solid var(--yi-ink)}
.youin .project-summary,.youin .project-content,.youin .youin-build{--ink:var(--yi-ink);--muted:var(--yi-muted);--line:var(--yi-line);color:var(--yi-ink)}
.youin .youin-header{background:var(--yi-white)}
.youin .project-meta,.youin .youin-role>span{color:var(--yi-muted)}
.youin-brand img{filter:none}
.youin .status-dot{background:var(--yi-ink)}
.youin .youin-intro>div>p,.youin .youin-role>p{color:var(--yi-copy)}
.youin .project-summary-footer{border-color:var(--yi-line)}
.youin .project-scope{color:var(--yi-copy)}
.youin .project-action{color:var(--yi-ink)}
.youin .disclosure-chevron,.youin .section-summary>.disclosure-chevron{color:var(--yi-ink);border-color:#bbc2c8;background:transparent}
.youin .project-summary:hover .disclosure-chevron,.youin .section-summary:hover>.disclosure-chevron{background:#eceff1}
.youin .project-summary:focus-visible,.youin :focus-visible{outline-color:#515b64}
.youin .youin-bottom,.youin .yi-feature-points,.youin .yi-tabs,.youin .yi-system-map{border-color:var(--yi-line)}
.youin .youin-bottom p,.youin .youin-bottom>span{color:var(--yi-muted)}
.youin .yi-chapters a{color:var(--yi-copy)}
.youin .yi-chapters a:hover{color:var(--yi-ink);border-color:var(--yi-ink)}
.youin .yi-chapters a span{color:var(--yi-muted)}
.youin .yi-story-intro>p,.youin .yi-people-story>div>p{color:var(--yi-copy)}
.youin .yi-story-intro>a{color:var(--yi-ink);border-color:#a5adb5}
.youin .yi-story-intro>a:hover{border-color:var(--yi-ink)}
.youin .yi-feature-points strong{color:var(--yi-ink)}
.youin .yi-feature-points p{color:var(--yi-copy)}
.youin .yi-device-pair figcaption,.youin .yi-people-story figcaption,.youin .capture-note,.youin .yi-people-story .eyebrow,.youin .yi-system-map>small{color:var(--yi-muted)}
.youin .yi-device-pair .image-button,.youin .yi-people-story .image-button{border-color:#cbd1d6;background:#fff;box-shadow:0 9px 24px #1c293312}
.youin .yi-tabs button,.youin .yi-device-switch button{color:var(--yi-copy);border-color:#cbd1d6;background:#fff}
.youin .yi-tabs button[aria-selected=true],.youin .yi-device-switch button[aria-pressed=true]{background:var(--yi-ink);color:#fff;border-color:var(--yi-ink)}
.youin .yi-tabs button:hover:not([aria-selected=true]),.youin .yi-device-switch button:hover:not([aria-pressed=true]){background:var(--yi-soft);color:var(--yi-ink)}
.youin .yi-system-map>b{color:#737d86}
/* The same light surfaces carry through every optional systems panel. */
.youin-build .system-explorer{border-color:var(--yi-line);background:#fff}
.youin-build .system-menu{background:var(--yi-soft);border-color:var(--yi-line)}
.youin-build .system-tab{color:var(--yi-ink)}
.youin-build .system-tab small{color:var(--yi-muted)}
.youin-build .system-tab[aria-selected=true]{background:var(--yi-ink);border-color:var(--yi-ink);color:#fff;box-shadow:0 2px 5px #17212b12}
.youin-build .system-tab[aria-selected=true] strong,.youin-build .system-tab[aria-selected=true] .tab-arrow{color:#fff}
.youin-build .system-tab[aria-selected=true] small{color:#dce0e3}
.youin-build .system-tab:hover:not([aria-selected=true]){background:#e7eaed}
.youin-build .panel-copy .eyebrow,.youin-build .diagram-caption,.youin-build .build-heading>p{color:var(--yi-muted)}
.youin-build .panel-copy>p,.youin-build .build-note p,.youin .cover-note>.disclosure-body p{color:var(--yi-copy)}
.youin-build .build-note summary{color:var(--yi-ink)}
.youin-build .node{background:var(--yi-soft);border-color:var(--yi-line)}
.youin-build .connector{color:#6b747e}
.youin-build .boundary{border-color:#bdc5cc;background:var(--yi-soft);color:var(--yi-copy)}
.youin-build .boundary>span{color:var(--yi-ink)}
.youin .time-axis{color:var(--yi-muted)}
.youin .time-row>div{background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#d9dde1 calc(20% - 1px),#d9dde1 20%)}
.youin .time-row i{background:#292e33;color:white}
.youin .time-row:nth-child(3) i{background:#4c555e}
.youin .time-row:nth-child(4) i{background:#646d76}
.youin .overlap-result{background:var(--yi-ink);border-color:var(--yi-ink);color:#fff}
.youin .overlap-result>div>span{color:#d8dde1}
.youin .circle-people{border-color:#aeb7bf;background:var(--yi-soft)}
.youin .circle-people i{background:#e2e6ea;color:var(--yi-ink);border-color:#fff}
.youin .circle-people p{color:var(--yi-copy)}
.youin .privacy-lanes,.youin .privacy-lanes>div+div{border-color:var(--yi-line)}
.youin .privacy-lanes{background:var(--yi-soft)}
.youin .privacy-lanes span{color:var(--yi-muted)}
.youin .yi-flow>div,.youin .yi-photo-split>div{background:var(--yi-soft);border-color:var(--yi-line)}
.youin .yi-flow>div>span,.youin .yi-flow small,.youin .yi-photo-split small{color:var(--yi-muted)}
.youin .yi-flow strong,.youin .yi-recovery strong{color:var(--yi-ink)}
.youin .yi-flow>div+div:before{background:white;color:#58636d}
.youin .yi-recovery{background:var(--yi-soft);border-color:#aeb7bf}
.youin .yi-recovery>span,.youin .yi-photo-outline{color:#616c76}
.youin .yi-recovery p{color:var(--yi-copy)}
.youin .yi-seat-ledger{background:#fff;border-color:#bac3cc}
.youin .yi-seat-ledger>div>span,.youin .yi-seat-ledger p{color:var(--yi-muted)}
.youin .yi-seat-ledger p b{color:var(--yi-ink)}
.youin .yi-seat-ledger i{border-color:#818c96}
.youin .yi-seat-ledger i.occupied{background:var(--yi-ink);border-color:var(--yi-ink)}
.youin .yi-photo-outline{border-color:#929da7}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.youin .yi-device-pair .image-button:hover,.youin .yi-people-story .image-button:hover{box-shadow:0 14px 30px #1c29331c}}