.documentation-shell,.documentation-search{
  padding-block:3rem 5rem}
  .documentation-layout{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:3rem;
    margin-top:2rem}
    .documentation-layout>div,.documentation-body{
      min-width:0}
      .documentation-navigation{
        font-size:.92rem;
        align-self:start;
        position:sticky;
        top:1.5rem;
        max-height:80vh;
        overflow:auto}
        .documentation-navigation ul{
          list-style:none;
          padding:0;
          margin:0}
          .documentation-navigation li{
            margin:.25rem 0}
            .documentation-navigation a,.documentation-navigation strong{
              display:block;
              padding:.5rem .7rem;
              border-radius:.4rem;
              overflow-wrap:anywhere}
              .documentation-navigation a[aria-current=page]{
                background:#eeeae3;
                color:#171717;
                font-weight:650}
                .documentation-depth-1{
                  padding-left:1rem}
                  .documentation-depth-2{
                    padding-left:2rem}
                    .documentation-depth-3{
                      padding-left:3rem}
                      .documentation-depth-4,.documentation-depth-5{
                        padding-left:4rem}
                        .documentation-toolbar{
                          display:flex;
                          gap:1rem;
                          align-items:center;
                          justify-content:space-between;
                          flex-wrap:wrap;
                          margin-top:2rem}
                          .documentation-toolbar form,.documentation-search form{
                            display:flex;
                            gap:.5rem;
                            flex-wrap:wrap}
                            .documentation-toolbar input,.documentation-search input{
                              min-width:0;
                              max-width:100%;
                              padding:.65rem 1rem;
                              border:1px solid #d4d0c9;
                              border-radius:.5rem;
                              background:white;
                              color:#171717}
                              .documentation-versions{
                                position:relative}
                                .documentation-versions summary{
                                  cursor:pointer;
                                  padding:.65rem 1rem;
                                  border:1px solid #d4d0c9;
                                  border-radius:.5rem}
                                  .documentation-versions ul{
                                    position:absolute;
                                    z-index:3;
                                    background:#fff;
                                    border:1px solid #d4d0c9;
                                    padding:1rem 2rem;
                                    min-width:180px;
                                    max-height:300px;
                                    overflow:auto}
                                    .documentation-body{
                                      line-height:1.8;
                                      overflow-wrap:anywhere;
                                      max-width:900px}
                                      .documentation-body h1{
                                        font-size:clamp(1.8rem,4vw,2.8rem);
                                        line-height:1.2;
                                        margin-bottom:1.5rem}
                                        .documentation-body h2,.documentation-body h3{
                                          margin-top:2rem;
                                          scroll-margin-top:2rem}
                                          .documentation-body p,.documentation-body ul,.documentation-body ol{
                                            margin:1rem 0}
                                            .documentation-body ul,.documentation-body ol{
                                              padding-left:1.5rem}
                                              .documentation-body img{
                                                max-width:100%;
                                                height:auto;
                                                border-radius:.7rem}
                                                .documentation-body pre{
                                                  max-width:100%;
                                                  overflow:auto;
                                                  white-space:pre;
                                                  background:#f0ede8;
                                                  border:1px solid #e1ded6;
                                                  border-radius:.6rem;
                                                  padding:1rem}
                                                  .documentation-body a{
                                                    text-decoration:underline;
                                                    text-underline-offset:.2em}
                                                    .documentation-table{
                                                      max-width:100%;
                                                      overflow:auto}
                                                      .documentation-table table{
                                                        border-collapse:collapse;
                                                        width:100%}
                                                        .documentation-table td,.documentation-table th{
                                                          padding:.65rem;
                                                          border:1px solid #d4d0c9;
                                                          text-align:left}
                                                          .documentation-provenance{
                                                            margin-top:3rem;
                                                            border-top:1px solid #dedbd4;
                                                            padding-top:1rem;
                                                            display:flex;
                                                            justify-content:space-between;
                                                            gap:1rem;
                                                            flex-wrap:wrap;
                                                            font-size:.85rem}
                                                            .documentation-search{
                                                              max-width:1050px}
                                                              .documentation-search>ul{
                                                                list-style:none;
                                                                padding:0}
                                                                .documentation-search section{
                                                                  margin-top:2rem}
                                                                  .documentation-search li{
                                                                    margin:1rem 0}
                                                                    .documentation-version-cards{
                                                                      list-style:none;
                                                                      padding:0;
                                                                      display:flex;
                                                                      gap:1rem;
                                                                      flex-wrap:wrap}
                                                                      .documentation-version-cards a{
                                                                        display:flex;
                                                                        gap:1rem;
                                                                        align-items:center;
                                                                        padding:1rem;
                                                                        border:1px solid #d4d0c9;
                                                                        border-radius:.6rem}
                                                                        .documentation-admin-links{
                                                                          display:flex;
                                                                          gap:1.5rem;
                                                                          margin-bottom:1.5rem;
                                                                          flex-wrap:wrap}
                                                                          .documentation-imports article{
                                                                            display:flex;
                                                                            gap:1rem;
                                                                            justify-content:space-between;
                                                                            align-items:center;
                                                                            padding:1rem 0;
                                                                            border-bottom:1px solid #dedbd4}
                                                                            .documentation-imports p{
                                                                              margin:.3rem 0}
                                                                              .documentation-changes{
                                                                                list-style:none;
                                                                                padding:0}
                                                                                .documentation-changes li{
                                                                                  display:flex;
                                                                                  gap:1rem;
                                                                                  padding:.8rem 0;
                                                                                  align-items:center;
                                                                                  flex-wrap:wrap;
                                                                                  border-bottom:1px solid #eee}
                                                                                  .documentation-changes li div{
                                                                                    margin-left:auto;
                                                                                    display:flex;
                                                                                    gap:1rem}
                                                                                    .documentation-commit{
                                                                                      overflow-wrap:anywhere}
                                                                                      .documentation-preview{
                                                                                        padding:1rem;
                                                                                        background:#fff;
                                                                                        border-radius:.75rem}
                                                                                        .documentation-body [id]{
                                                                                          scroll-margin-top:2rem}
                                                                                          @media(max-width:850px){
                                                                                            .documentation-layout{
                                                                                              grid-template-columns:minmax(0,1fr);
                                                                                              gap:1.5rem}
                                                                                              .documentation-navigation{
                                                                                                position:static;
                                                                                                max-height:none;
                                                                                                border-bottom:1px solid #ddd;
                                                                                                padding-bottom:1rem}
                                                                                                .documentation-navigation ul{
                                                                                                  columns:2}
                                                                                                  .documentation-navigation li{
                                                                                                    break-inside:avoid}
                                                                                                    .documentation-toolbar form{
                                                                                                      width:100%}
                                                                                                      .documentation-toolbar input{
                                                                                                        flex:1}
                                                                                                        .documentation-imports article{
                                                                                                          align-items:flex-start;
                                                                                                          flex-wrap:wrap}
                                                                                                        }
                                                                                                        @media(max-width:500px){
                                                                                                          .documentation-navigation ul{
                                                                                                            columns:1}
                                                                                                            .documentation-layout{
                                                                                                              gap:1rem}
                                                                                                              .documentation-changes li div{
                                                                                                                margin-left:0}
                                                                                                                .documentation-preview{
                                                                                                                  padding:.6rem}
                                                                                                                }


/* Documentation journey: one step per row along a vertical rail, large pixel-art scene first. */
.docs-journey { margin: 8px 0 64px; }
.docs-journey-intro { max-width: 620px; margin-bottom: 36px; }
.docs-journey-intro h1 { font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -.04em; margin: 8px 0 10px; }
.docs-journey-intro p:not(.eyebrow) { color: var(--muted); font-size: 15px; line-height: 1.7; margin: 0; }
.docs-journey-steps { position: relative; display: grid; gap: 44px; margin: 0; padding: 0 0 0 36px; list-style: none; }
.docs-journey-steps::before {
  content: ""; position: absolute; top: 14px; bottom: 14px; left: 6px;
  border-left: 2px dashed var(--line);
}
.docs-journey-step {
  --step-accent: #1f7d96;
  position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 40px; align-items: center;
}
.docs-journey-step-2 { --step-accent: #a84a33; }
.docs-journey-step-3 { --step-accent: #2d9953; }
.docs-journey-step-4 { --step-accent: #6c4bb8; }
.docs-journey-step-5 { --step-accent: #a87a22; }
.docs-journey-step::after {
  content: ""; position: absolute; left: -36px; top: 50%; width: 14px; height: 14px;
  margin-top: -7px; background: var(--step-accent); box-shadow: 0 0 0 5px var(--bg);
}
.docs-journey-visual { margin: 0; }
.docs-journey-visual img { display: block; width: 100%; height: auto; }
.docs-journey-number {
  display: block; font-family: var(--font-mono); font-size: 44px; line-height: 1;
  letter-spacing: -.04em; color: var(--step-accent); margin-bottom: 14px;
}
.docs-journey-copy h2 { font-size: clamp(21px, 1.9vw, 26px); letter-spacing: -.035em; margin: 0 0 10px; }
.docs-journey-copy p { color: var(--muted); font-size: 15px; line-height: 1.75; margin: 0 0 16px; }
@media (max-width: 800px) {
  .docs-journey-steps { gap: 48px; padding-left: 30px; }
  .docs-journey-step { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .docs-journey-step::after { left: -30px; top: 6px; margin-top: 0; }
  .docs-journey-number { font-size: 34px; margin-bottom: 10px; }
}