.architecture-reader-v6{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#211e1d;color:#eee3ca;overflow:hidden;font-family:"Microsoft YaHei","Segoe UI",sans-serif;z-index:10000}
.architecture-reader-v6::backdrop{background:#181718}
.architecture-reader-v6 *{box-sizing:border-box}
.architecture-reader-v6 button{font:inherit;cursor:pointer}
.architecture-reader-v6 button:focus-visible,.architecture-reader-v6 summary:focus-visible,.architecture-reader-v6 a:focus-visible{outline:3px solid #a17b45;outline-offset:3px}
.architecture-reader-v6 .a6-room{position:absolute;inset:0;background:radial-gradient(ellipse at 84% 9%,#54635d2e,transparent 42%),repeating-linear-gradient(92deg,#3c302c22 0,#3c302c22 2px,transparent 2px,transparent 80px),linear-gradient(#262424,#181918)}
.architecture-reader-v6 .a6-tv{position:absolute;right:25px;top:22px;transform:rotate(4deg);color:#b6c9a8;opacity:.42;text-align:center;font:12px/1.05 monospace}
.architecture-reader-v6 .a6-tv pre{margin:0;font:inherit;text-align:left;white-space:pre}
.architecture-reader-v6 .a6-tv span{display:block;font:10px/1.5 "Microsoft YaHei",sans-serif;margin-top:7px;letter-spacing:3px}
.architecture-reader-v6 .a6-desk{position:relative;max-width:1680px;height:100%;margin:auto;padding:20px 4.4vw 24px}
.architecture-reader-v6 .a6-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 13px;gap:20px}
.architecture-reader-v6 .a6-station{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:.08em}
.architecture-reader-v6 .a6-station i{width:7px;height:7px;background:#d18b5f;box-shadow:0 0 10px #d57a4155;border-radius:50%}
.architecture-reader-v6 .a6-station b{font-weight:400;font-size:12px;color:#a49b8b;border-left:1px solid #5e584e;padding-left:13px}
.architecture-reader-v6 .a6-exit{border:1px solid #6b6254;background:#39342e;color:#e3d9c2;padding:7px 11px;font-size:13px;white-space:nowrap}
.architecture-reader-v6 kbd{margin-left:8px;padding:1px 4px;font:11px/1.3 monospace;color:#aaa08e;border:1px solid #665e51}
.architecture-reader-v6 .a6-binder{display:grid;grid-template-columns:228px minmax(0,1fr);height:calc(100% - 49px);background:#4b4438;border:1px solid #665c48;box-shadow:0 20px 70px #0008;border-radius:4px 6px 6px 4px;overflow:hidden;position:relative}
.architecture-reader-v6 .a6-index{position:relative;display:flex;flex-direction:column;min-height:0;padding:23px 14px 16px 18px;background:linear-gradient(90deg,#514a3d,#4b4438 89%,#342f27);border-right:8px solid #302b24}
.architecture-reader-v6 .a6-index:after{content:"";position:absolute;right:-10px;top:35px;bottom:40px;width:17px;pointer-events:none;background:radial-gradient(ellipse at center,#211c16 0 4px,#8b816e 5px 7px,transparent 8px) center top/17px 120px repeat-y;z-index:4}
.architecture-reader-v6 .a6-index-title{padding:0 5px 17px;font-size:12px;letter-spacing:.16em;color:#cdc0a8;display:flex;justify-content:space-between;border-bottom:1px solid #7c705a}
.architecture-reader-v6 .a6-index-title span{color:#aa9676;font-family:monospace}
.architecture-reader-v6 .a6-index nav{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#92816a transparent;min-height:0;padding:15px 0;flex:1}
.architecture-reader-v6 .a6-channel+.a6-channel{margin-top:11px}
.architecture-reader-v6 .a6-case-tab{display:grid;grid-template-columns:32px minmax(0,1fr) 7px;align-items:center;gap:4px;width:100%;border:1px solid #85765c;background:#655b49;color:#dcd0b7;padding:12px 10px;text-align:left;box-shadow:1px 2px 0 #25211955}
.architecture-reader-v6 .a6-case-tab>span{font:10px/1.4 monospace;letter-spacing:.05em;color:#b6a68a}
.architecture-reader-v6 .a6-case-tab strong{font-size:16px;font-weight:600}
.architecture-reader-v6 .a6-case-tab i{font-size:10px;font-style:normal;color:#a5997e}
.architecture-reader-v6 .a6-case-tab[aria-expanded=true]:not([aria-current=page]){background:#51483a;border-color:#b5a07b;color:#f0e0bf}
.architecture-reader-v6 .a6-case-tab[aria-expanded=true] i{color:#e4bf85}
.architecture-reader-v6 .a6-section-tabs{display:grid;gap:5px;padding:9px 1px 3px 9px;border-left:1px solid #8d7b5f}
.architecture-reader-v6 .a6-section-tabs[hidden]{display:none}
.architecture-reader-v6 .a6-index nav button{margin:0;-webkit-tap-highlight-color:#e9ce9744}
.architecture-reader-v6 .a6-section-tabs button{display:flex;gap:7px;align-items:baseline;width:100%;min-height:35px;padding:6px 8px;border:1px solid #8e7c60;background:#59503f;color:#f0e4cd;text-align:left;font-size:12px;line-height:1.5}
.architecture-reader-v6 .a6-section-tabs small{font:10px/1.4 monospace;color:#d7c6a7;flex-shrink:0}
.architecture-reader-v6 .a6-index nav button:not([aria-current=page]):hover{background:#72634c;color:#fff2d6}
.architecture-reader-v6 .a6-index nav button[aria-current=page]{background:#e3c995;border-color:#f5dfb2;color:#372b1c;box-shadow:inset 4px 0 #93603f;font-weight:750}
.architecture-reader-v6 .a6-index nav button[aria-current=page] :is(small,span,i){color:#684525}
.architecture-reader-v6 .a6-index nav button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.architecture-reader-v6 .a6-index nav button:active{filter:brightness(.87)}
.architecture-reader-v6 .a6-channel-display{position:relative;padding:17px 11px 6px;border-top:1px solid #7c705a;color:#d1c3a7}
.architecture-reader-v6 .a6-channel-display small{display:block;font-size:10px;color:#a99a7e;letter-spacing:.1em;margin-bottom:4px}
.architecture-reader-v6 .a6-channel-display strong{font-size:13px;font-weight:400;letter-spacing:.12em}
.architecture-reader-v6 .a6-channel-display>span{position:absolute;right:8px;bottom:8px;color:#bb7d55;font-size:10px}
.architecture-reader-v6 .a6-paper-well{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr) 49px;background:#d9cbaa;padding:0 8px 0 0}
.architecture-reader-v6 .a6-paper-edge{position:absolute;inset:6px 0 7px auto;width:8px;background:repeating-linear-gradient(0deg,#ad9d7c 0 1px,#e4d7b8 1px 4px);border-right:1px solid #9e8e6e}
.architecture-reader-v6 .a6-paper{height:auto;padding:39px clamp(28px,3.7vw,64px) 70px;background:linear-gradient(90deg,#d7c9ab38,transparent 32px),#f1e9d5;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8a789 #e7dcc2;min-width:0;outline:0;box-shadow:inset 8px 0 18px -16px #463823}
.architecture-reader-v6 .a6-page-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #b8a789;background:#e3d6b8;padding:0 25px;color:#554932}
.architecture-reader-v6 .a6-page-rail button{border:0;background:none;padding:8px 3px;color:#5e4e32;font-size:13px}
.architecture-reader-v6 .a6-page-rail button:disabled{opacity:.3;cursor:default}
.architecture-reader-v6 .a6-page-number{font:12px/1.2 monospace;letter-spacing:.18em;color:#77664a}
.architecture-reader-v6 .a6-turn-sheet{position:absolute;inset:0 8px 49px 0;z-index:8;pointer-events:none;transform-origin:left center;background:linear-gradient(90deg,#d6c7a9,#f1e9d5 10%,#f1e9d5 80%,#c3b397);box-shadow:14px 0 30px #362a2033}
.architecture-reader-v6 .a6-turn-sheet i{position:absolute;left:6%;right:8%;top:9%;height:1px;background:#bfb292}
.architecture-reader-v6 .a6-loading{padding:70px 0;color:#77664a;font-size:16px}.architecture-reader-v6 .a6-loading button{padding:8px 14px;color:#55452f;border:1px solid #b3a180;background:#e7d9ba}
@media(min-width:1700px){.architecture-reader-v6 .a6-desk{padding-inline:38px}}
@media(max-width:1100px){.architecture-reader-v6 .a6-desk{padding:15px 20px 19px}.architecture-reader-v6 .a6-binder{grid-template-columns:207px minmax(0,1fr)}.architecture-reader-v6 .a6-index{padding-inline:13px}.architecture-reader-v6 .a6-paper{padding:32px 28px 60px}.architecture-reader-v6 .a6-case-tab{grid-template-columns:32px minmax(0,1fr) 7px;padding-inline:8px}}
@media(max-width:760px){.architecture-reader-v6 .a6-desk{padding:10px}.architecture-reader-v6 .a6-toolbar{height:43px}.architecture-reader-v6 .a6-station{font-size:13px;gap:8px}.architecture-reader-v6 .a6-station b{display:none}.architecture-reader-v6 .a6-binder{height:calc(100% - 43px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.architecture-reader-v6 .a6-index{padding:9px 10px;border-right:0;border-bottom:5px solid #302b24;display:block}.architecture-reader-v6 .a6-index:after,.architecture-reader-v6 .a6-index-title,.architecture-reader-v6 .a6-channel-display{display:none}.architecture-reader-v6 .a6-index nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;overflow:visible;align-items:stretch}.architecture-reader-v6 .a6-channel{display:contents}.architecture-reader-v6 .a6-case-tab{position:relative;grid-row:1;grid-template-columns:1fr;gap:0;padding:7px 20px 7px 9px}.architecture-reader-v6 .a6-case-tab i{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.architecture-reader-v6 .a6-case-tab strong{font-size:14px}.architecture-reader-v6 .a6-case-tab>span{font-size:9px}.architecture-reader-v6 .a6-section-tabs{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0}.architecture-reader-v6 .a6-section-tabs button{min-width:0;gap:5px;font-size:11px;padding:5px 7px;line-height:1.4}.architecture-reader-v6 .a6-paper{padding:25px 19px 50px}.architecture-reader-v6 .a6-paper-well{grid-template-rows:minmax(0,1fr) 43px}.architecture-reader-v6 .a6-page-rail{padding:0 14px}.architecture-reader-v6 .a6-page-rail button{font-size:12px}.architecture-reader-v6 .a6-turn-sheet{bottom:43px}.architecture-reader-v6 .a6-exit{font-size:12px;padding:6px 8px}}
/* The mounted town music control occupies its own place in this reader's toolbar. */
.architecture-reader-v6>.bgm-control{top:28px;left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:1100px){.architecture-reader-v6>.bgm-control{top:23px}}
@media(max-width:760px){.architecture-reader-v6>.bgm-control{top:18px}}

.architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .staged-flow > section > h5 {
 padding-bottom:7px;border-bottom:1px solid var(--pc-line);
}
.architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .staged-flow > section + section::before {
 top:0;line-height:1.5;
}
@media(max-width:700px){
 .architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .staged-flow {
  grid-template-columns:minmax(0,1fr);min-width:0;row-gap:28px;
 }
 .architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .staged-flow > section + section::before {
  content:"↓";top:-25px;left:50%;transform:translateX(-50%);
 }
 .architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .cycle-returns {min-width:0}
 .architecture-reader-v6 [data-block-id="dungeon-nine-nodes"] .cycle-returns > div {
  flex-wrap:wrap;column-gap:8px;row-gap:3px;
 }
}

.architecture-reader-v6 .a6-paper.portfolio-content [data-block-id="dungeon-navigation-and-mode"] {
 --nav-preview-height:min(240px,34dvh);

 figure[data-figure-id="nav-old-list"] .media-button {
  width:min(100%,calc(var(--nav-preview-height)*243/612));
 }
 figure[data-figure-id="nav-new"] .media-button {
  width:min(100%,calc(var(--nav-preview-height)*220/940));
 }
 @media(min-width:1001px){
  --nav-preview-height:min(400px,42dvh);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;

  & > * {grid-column:1/-1}
  & > .reading-segment:has(figure:is([data-figure-id="nav-old-list"],[data-figure-id="nav-new"])) {
   display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:2/span 2;
   row-gap:10px;margin:0;align-items:start;

   & > .segment-prose {font-size:inherit;line-height:inherit}
   & > .segment-evidence {margin:0}
  }
  & > .reading-segment:has(figure[data-figure-id="nav-old-list"]) {
   grid-column:1;

   .gallery {grid-template-columns:minmax(130px,.9fr) minmax(0,1.1fr);gap:16px}
  }
  & > .reading-segment:has(figure[data-figure-id="nav-new"]) {
   grid-column:2;

   figure.media {justify-self:start;margin-inline:0}
  }
 }
}

/* Keep the two approved timing paths comparable at each event on a phone. */
@media (max-width: 760px) {
  .architecture-reader-v6 [data-block-id="pvp-configurable-policy"] .concept-comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .architecture-reader-v6 [data-block-id="pvp-configurable-policy"] .concept-comparison > .concept {
    padding: 12px 10px;
  }
  .architecture-reader-v6 [data-block-id="pvp-configurable-policy"] .concept-comparison > .concept > h4,
  .architecture-reader-v6 [data-block-id="pvp-configurable-policy"] .concept-comparison .vf-node-detail {
    min-block-size: 2lh;
  }
  .architecture-reader-v6 [data-block-id="pvp-configurable-policy"] .concept-comparison .vf-path > li {
    padding-inline: 8px;
  }
}