/* R18: shared type roles and a quieter, one-way reading path. */
.reader-page .identity{font-family:var(--title-font)}
.reader-page .portfolio-main h1{font-family:var(--title-font)}
.reader-page .portfolio-main :is(h2,h3,h4,.cover-deck,.ink-poem-en,.ink-poem-jp,.ink-poem-source,.practice-statement,.ink-learning-character){font-family:var(--font);font-style:normal}
.reader-page .portfolio-main .ink-reflection .roman-ruby{font-family:inherit}
.reader-page .portfolio-main .editorial-section-heading>h2:last-child{margin-bottom:0}
.reader-page .portfolio-main :is(.lecture-group-figure){margin-top:0}
.reader-page .portfolio-main .editorial-section{scroll-margin-top:24px}
.reader-page .portfolio-main .chapter-menu a{font-size:15px}
.works-list .work-current{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:10px;min-height:62px;padding:10px 9px;border-radius:5px;background:var(--paper-gray);color:var(--muted)}
.works-list .work-current .work-number{color:var(--pink)}
.works-list .work-current .work-label small{display:block;font-weight:400}
.utility-nav>.current-page{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:15px}

/* Selected chapters change the reading context without changing the text edges. */
.reader-page .portfolio-main .section-band{position:relative;isolation:isolate;padding-block:32px}
.reader-page .portfolio-main .section-band::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));z-index:-1;background:var(--reading-blue);pointer-events:none}
.reader-page .portfolio-main .section-band.band-gray::before{background:var(--portfolio-panel)}
.reader-page .portfolio-main .section-band .editorial-panel{background:#fff}
.reader-page .portfolio-main .section-band .editorial-panel .editorial-panel{background:transparent}
.reader-page .portfolio-main .section-band .reading-feedback{background:#fff}
.reader-page .portfolio-main .section-band .ink-learning{background:#fff}
.reader-page .portfolio-main .section-band .lecture-sprint{background:transparent;padding:0}

/* The four originals appear once, and open the same fitted image viewer. */
.reader-page .cover-gallery .cover-sheet-row{gap:clamp(12px,2vw,28px)}
.reader-page .cover-gallery .cover-media>figcaption{font-size:15px}
.reader-page .cover-gallery .cover-sheet-row>.image-button::after{font-size:15px;background:#fff;color:var(--muted)}
.reader-page .portfolio-main .ink-context{margin-top:0;margin-bottom:0;padding:28px 0;background:transparent;border-radius:0}

@media(min-width:761px){
 .reader-page .portfolio-main .about-thread-history>li{padding-top:16px;padding-bottom:16px}
 .reader-page .portfolio-main .about-thread-history>li::before{top:24px}
 .reader-page .portfolio-main .about-thread-history>li:not(:last-child)::after{top:37px;bottom:-12px}
}
@media(max-width:1000px){
 .reader-page .portfolio-main .terakoya-layer-diagram text{font-size:34px}
}
@media(max-width:760px){
 .reader-page .portfolio-main .section-band{padding-block:24px}
 .reader-page .cover-gallery .cover-visual{container-type:size}
 .reader-page .cover-gallery .cover-sheet-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 16px;height:min(100%,calc(113cqw - 6px))}
 .reader-page .portfolio-main .ink-context{padding:24px 0}
}

@media print{
 .reader-page .portfolio-main .section-band::before{display:none}
 .reader-page .portfolio-main .section-band{padding-block:0}
}


/* R18: the complete structure is visible before the detailed taxonomy. */
.reader-page.portfolio-page .portfolio-main .industry-framework-compact{display:block;padding:clamp(24px,2.5vw,36px);scroll-margin-top:24px}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact > .editorial-section-heading{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:28px;max-width:none;margin:0 0 22px}
.reader-page.portfolio-page .portfolio-main .industry-glance-title .eyebrow{font-size:15px;line-height:1.5;margin:0 0 10px}
.reader-page.portfolio-page .portfolio-main .industry-glance-title h2{font-size:clamp(26px,2.2vw,31px);line-height:1.2;max-width:24ch;margin:0;text-wrap:balance}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;margin:0}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts > div{gap:8px}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts dt{font-size:15px;line-height:1.5;max-width:19ch}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts dd{font-size:28px;line-height:1.1}
.reader-page.portfolio-page .portfolio-main .industry-framework-context{font-size:16px;line-height:1.6;max-width:70ch;margin:0 0 22px}
.reader-page.portfolio-page .portfolio-main .industry-lens-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.reader-page.portfolio-page .portfolio-main .industry-overview-item{min-width:0;display:flex}
.reader-page.portfolio-page .portfolio-main .industry-overview-lens{display:flex;flex-direction:column;width:100%;min-width:0;padding:22px;background:#fff;border:1px solid transparent;border-radius:8px;color:var(--ink);text-decoration:none}
.reader-page.portfolio-page .portfolio-main .industry-overview-lens h3{font-size:20px;line-height:1.3;font-weight:450;letter-spacing:-.01em;margin:0 0 12px}
.reader-page.portfolio-page .portfolio-main .industry-overview-lens p{font-size:16px;line-height:1.6;margin:0 0 20px;max-width:34ch}
.reader-page.portfolio-page .portfolio-main .industry-overview-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto;font-size:15px;line-height:1.5;color:var(--muted)}
.reader-page.portfolio-page .portfolio-main .industry-overview-count strong{font-size:20px;font-weight:400;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums}
.reader-page.portfolio-page .portfolio-main .industry-overview-arrow{font-size:20px;line-height:1;color:var(--blue)}
.reader-page.portfolio-page .portfolio-main .industry-overview-track{display:block;height:3px;background:var(--line);margin-top:12px;border-radius:2px;overflow:hidden}
.reader-page.portfolio-page .portfolio-main .industry-overview-track i{display:block;width:calc(var(--count) / 14 * 100%);height:100%;background:var(--ink)}
.reader-page.portfolio-page .portfolio-main .industry-overview-lens:hover{border-color:var(--blue)}
.reader-page.portfolio-page .portfolio-main .industry-overview-lens:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-structure-note{font-size:15px;line-height:1.6;max-width:none;margin:20px 0 0}
.reader-page.portfolio-page .portfolio-main .industry-catalog{margin-top:18px;border-top:1px solid var(--line)}
.reader-page.portfolio-page .portfolio-main .industry-catalog > summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:12px 0;list-style:none;color:var(--blue);font-size:16px;line-height:1.5;font-weight:400;cursor:pointer}
.reader-page.portfolio-page .portfolio-main .industry-catalog > summary::-webkit-details-marker{display:none}
.reader-page.portfolio-page .portfolio-main .industry-catalog > summary::after{content:'+';font-size:22px;line-height:1;flex:none}
.reader-page.portfolio-page .portfolio-main .industry-catalog[open] > summary::after{content:'−';color:var(--pink)}
.reader-page.portfolio-page .portfolio-main .industry-catalog > summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.reader-page.portfolio-page .portfolio-main .industry-catalog-body{padding:10px 0 0}
.reader-page.portfolio-page .portfolio-main .industry-catalog .industry-explorer{margin-top:0}
.reader-page.portfolio-page .portfolio-main .industry-catalog :is(.industry-map-label,.industry-lens-map button,.industry-lens-map button strong,.industry-lens-code,.industry-classification header p,.industry-classification li > span,.industry-capital-note){font-size:15px;line-height:1.6}
.reader-page.portfolio-page .portfolio-main .industry-catalog .industry-lens-map button{min-height:56px}
.reader-page.portfolio-page .portfolio-main .industry-catalog .industry-classification li{font-size:16px;line-height:1.6;grid-template-columns:44px minmax(0,1fr)}
.reader-page.portfolio-page .portfolio-main .industry-catalog .industry-classification li > span{line-height:1.7}
.reader-page.portfolio-page .portfolio-main .industry-catalog .systems-note{font-size:15px;line-height:1.6}
@media(max-width:1050px){
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact > .editorial-section-heading{grid-template-columns:minmax(0,1fr);gap:22px}
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts{max-width:420px}
 .reader-page.portfolio-page .portfolio-main .industry-lens-overview{gap:14px}
 .reader-page.portfolio-page .portfolio-main .industry-overview-lens{padding:18px}
}
@media(max-width:760px){
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact{padding:24px 20px}
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact > .editorial-section-heading{gap:20px;margin-bottom:20px}
 .reader-page.portfolio-page .portfolio-main .industry-glance-title h2{font-size:26px;max-width:24ch}
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts{gap:20px}
 .reader-page.portfolio-page .portfolio-main .industry-framework-compact .industry-output-counts dd{font-size:26px}
 .reader-page.portfolio-page .portfolio-main .industry-framework-context{margin-bottom:20px}
 .reader-page.portfolio-page .portfolio-main .industry-lens-overview{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-page.portfolio-page .portfolio-main .industry-overview-lens{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding:16px}
 .reader-page.portfolio-page .portfolio-main .industry-overview-lens h3{grid-column:1;grid-row:1;align-self:center;font-size:18px;line-height:1.35;margin:0}
 .reader-page.portfolio-page .portfolio-main .industry-overview-lens p{grid-column:1/-1;grid-row:2;margin:8px 0 0;max-width:60ch}
 .reader-page.portfolio-page .portfolio-main .industry-overview-meta{grid-column:2;grid-row:1;margin:0;align-self:center}
 .reader-page.portfolio-page .portfolio-main .industry-overview-count strong{font-size:18px}
 .reader-page.portfolio-page .portfolio-main .industry-overview-unit{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .reader-page.portfolio-page .portfolio-main .industry-overview-arrow,.reader-page.portfolio-page .portfolio-main .industry-overview-track{display:none}
 .reader-page.portfolio-page .portfolio-main .industry-catalog > summary{font-size:16px;min-height:58px}
}
@media print{
 .reader-page.portfolio-page .portfolio-main .industry-catalog > :not(summary){display:block!important}
 .reader-page.portfolio-page .portfolio-main .industry-catalog > summary{display:none}
 .reader-page.portfolio-page .portfolio-main .industry-overview-lens{border:0;padding:0}
}


/* Neo-Terakoya: distinct places above one layer of shared support.
   The cover is conceptual; the body retains the fuller network description. */
.reader-page.project-terakoya .reader-cover .cover-visual{container-type:size;container-name:neo-cover-field}
.reader-page.project-terakoya .cover-network.neo-cover{container-type:size;container-name:neo-cover;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;isolation:isolate;width:100%;height:min(100%,calc(40cqw + 86px));min-height:0;padding:0;color:var(--ink)}
.reader-page.project-terakoya .neo-cover-heading{display:block;align-self:start;font:400 17px/1.4 var(--font);color:var(--ink);margin:0 0 10px}
.reader-page.project-terakoya .neo-cover-drawing{position:relative;min-width:0;min-height:0;width:100%;height:100%;margin:0}
.reader-page.project-terakoya .cover-network .neo-cover-diagram{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;fill:none;stroke:var(--ink);stroke-width:1.25;pointer-events:none}
.reader-page.project-terakoya .neo-cover-diagram .neo-cover-shadow{fill:#eef0f2;stroke:none}
.reader-page.project-terakoya .neo-cover-diagram .neo-cover-room{fill:#fff;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.reader-page.project-terakoya .neo-cover-diagram .neo-cover-threshold{fill:none;stroke:#81878f;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.reader-page.project-terakoya .neo-cover-diagram .neo-cover-links{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.reader-page.project-terakoya .neo-cover-compact{display:none}
.reader-page.project-terakoya .neo-cover-support{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;position:relative;margin:0;padding:12px 16px;border-radius:8px;background:#eef4fb;color:var(--ink);font:400 15px/1.4 var(--font)}
.reader-page.project-terakoya .neo-cover-support-title{font-size:16px;line-height:1.4;white-space:nowrap}
.reader-page.project-terakoya .neo-cover-support-detail{font-size:15px;line-height:1.4;color:#555e6a;text-wrap:pretty}
@container neo-cover (max-width:440px){
 .reader-page.project-terakoya .neo-cover-heading{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support{justify-content:center;padding:9px 12px}
 .reader-page.project-terakoya .neo-cover-support-detail{display:none}
}
@container neo-cover (max-height:240px){
 .reader-page.project-terakoya .neo-cover-heading{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support{justify-content:center;padding:8px 12px}
 .reader-page.project-terakoya .neo-cover-support-title{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support-detail{display:none}
}
@container neo-cover (max-height:170px){
 .reader-page.project-terakoya .neo-cover-depth{display:none}
 .reader-page.project-terakoya .neo-cover-compact{display:block}
 .reader-page.project-terakoya .neo-cover-support{padding:6px 10px;border-radius:6px}
}
@media(max-width:440px){
 .reader-page.project-terakoya .neo-cover-heading{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support{justify-content:center}
 .reader-page.project-terakoya .neo-cover-support-detail{display:none}
}
@media(max-height:420px){
 .reader-page.project-terakoya .neo-cover-depth{display:none}
 .reader-page.project-terakoya .neo-cover-compact{display:block}
 .reader-page.project-terakoya .neo-cover-heading{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support{justify-content:center;padding:6px 10px;border-radius:6px}
 .reader-page.project-terakoya .neo-cover-support-title{font-size:15px}
 .reader-page.project-terakoya .neo-cover-support-detail{display:none}
}
@media print{
 .reader-page.project-terakoya .cover-network.neo-cover{height:75mm}
 .reader-page.project-terakoya .neo-cover-support{background:transparent;border:1px solid #d9dce1}
}

.reader-page.project-terakoya .reader-cover .cover-media>figcaption{font-size:15px;line-height:1.4}


/* Compact chapter opening: the four booklets, then their two design intentions. */
.reader-page.portfolio-page .portfolio-main .reading-design-core{gap:16px}
.reader-page.portfolio-page .portfolio-main .reading-design-compact .reading-direction-return .reading-direction-start{grid-column:1;grid-row:1}
.reader-page.portfolio-page .portfolio-main .reading-design-compact .reading-direction-return .reading-direction-end{grid-column:2;grid-row:1}
.reader-page.portfolio-page .portfolio-main .reading-design-compact .reading-direction-arrow,
.reader-page.portfolio-page .portfolio-main .reading-design-compact .reading-direction-return .reading-direction-arrow{left:auto;right:-12px;top:50%;bottom:auto;width:20px;height:12px;transform:translate(50%,-50%)}

/* The evidence remains above; these three optional critiques form one readable row. */
@media(min-width:1001px){
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid .annotation-intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px}
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid .annotation-intro>span{margin:0}
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid .assumption-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid .assumption-notes details{border:0;border-top:1px solid var(--line)}
 .reader-page.portfolio-page .portfolio-main .lecture-critique-grid .assumption-notes summary{min-height:68px;padding:10px 0}
}