/* A chapter uses the viewport below the persistent header.
   Editorial layouts grow naturally at narrow widths and enlarged text. */
.reader-page.portfolio-page .portfolio-main .screen-chapter{
 box-sizing:border-box;
 min-block-size:var(--reading-viewport-height);
 block-size:auto;
 max-block-size:none;
 margin-block:0;
 padding-block:clamp(28px,4svh,44px);
 align-content:center;
 grid-auto-rows:max-content;
 overflow:visible;
}
.reader-page.portfolio-page .portfolio-main .screen-chapter :where(p,li,dt,dd){overflow-wrap:break-word}
.reader-page.portfolio-page .portfolio-main .screen-chapter :where(figure,article,section){min-width:0}
.reader-page.portfolio-page .portfolio-main .screen-chapter .editorial-section-heading{align-self:start}
.reader-page.portfolio-page .portfolio-main .screen-chapter .editorial-section-heading>:last-child{margin-bottom:0}
/* A tint is the field behind a chapter, never a second inset card. */
.reader-page.portfolio-page .portfolio-main .screen-chapter.chapter-tint{position:relative;isolation:isolate;padding-inline:0;border-radius:0;background:transparent}
.reader-page.portfolio-page .portfolio-main .screen-chapter.chapter-tint::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));z-index:-1;background:var(--reading-blue);pointer-events:none}
.reader-page.portfolio-page .portfolio-main .screen-chapter.section-band{padding-inline:0;border-radius:0}

/* Calligraphy: the phrase and its lived context share one spread. */
.reader-page.project-calligraphy .portfolio-main .ink-practice-chapter{display:grid;gap:26px}
.reader-page.project-calligraphy .ink-practice-chapter>.editorial-section-heading{grid-column:1;max-width:none;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(28px,4vw,64px);align-items:start}
.reader-page.project-calligraphy .ink-practice-chapter .editorial-section-heading .eyebrow{grid-column:1;margin-bottom:8px}
.reader-page.project-calligraphy .ink-practice-chapter .editorial-section-heading h2{grid-column:1;margin:0}
.reader-page.project-calligraphy .ink-practice-chapter .ink-experience-lead{grid-column:2;grid-row:1/3;margin:0;font-size:18px;line-height:1.6;max-width:54ch}
.reader-page.project-calligraphy .ink-practice-columns{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start}
.reader-page.project-calligraphy .ink-practice-columns .ink-context{display:block;min-height:0;margin:0;padding:0;border:0;background:transparent}
.reader-page.project-calligraphy .ink-practice-columns .ink-poem{display:block;grid-column:auto;grid-row:auto;margin:0;padding:0}
.reader-page.project-calligraphy .ink-practice-columns .ink-poem-jp{margin:0 0 14px;font-size:22px;line-height:1.7}
.reader-page.project-calligraphy .ink-practice-columns .ink-poem-en{margin:0 0 10px;font-size:17px;line-height:1.6}
.reader-page.project-calligraphy .ink-practice-columns .ink-poem-source{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}
.reader-page.project-calligraphy .ink-practice-columns .ink-context-note{font-size:16px;line-height:1.65;max-width:39ch;margin:22px 0 0;padding:0;border:0}
.reader-page.project-calligraphy .ink-practice-columns .practice-statement{font-size:16px;line-height:1.9;margin:22px 0 0;padding:0;color:var(--ink)}
.reader-page.project-calligraphy .ink-practice-columns .practice-statement>span{white-space:normal;display:block}
.reader-page.project-calligraphy .ink-practice-columns .practice-phrase{white-space:normal}
.reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note{display:block;grid-column:auto;margin:0;padding:22px 26px;background:var(--portfolio-panel);border-radius:6px}
.reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note>.eyebrow{font-size:15px;line-height:1.5;margin:0 0 16px;color:var(--blue)}
.reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note .editorial-copy{max-width:42em}
.reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note .editorial-copy p{font-size:16px;line-height:1.85;margin:0 0 14px}
.reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note .editorial-copy p:last-child{margin-bottom:0}
/* A visible relationship between the three ideas, with ha as the focal point. */
.reader-page.project-calligraphy .portfolio-main .ink-reflection .ink-learning{padding:24px;border-radius:6px;margin-top:24px}
.reader-page.project-calligraphy .portfolio-main .ink-learning-terms{gap:24px}
.reader-page.project-calligraphy .portfolio-main .ink-learning-terms li{position:relative;padding-top:16px;border-top:2px solid #bdcee2}
.reader-page.project-calligraphy .portfolio-main .ink-learning-terms .ink-learning-ha{border-top-color:var(--pink)}
.reader-page.project-calligraphy .portfolio-main .ink-learning-terms h3{font-size:17px;line-height:1.4}
.reader-page.project-calligraphy .portfolio-main .ink-learning-terms p{font-size:16px;line-height:1.6}

/* About: one continuous timeline, with visible space between fact and aspiration. */
.reader-page.project-about .portfolio-main .about-thread-history{max-width:none}
.reader-page.project-about .portfolio-main .about-thread-history>li{padding-block:14px}
.reader-page.project-about .portfolio-main .about-thread-history>li::before{top:22px}
.reader-page.project-about .portfolio-main .about-thread-history>li:not(:last-child)::after{display:block;top:35px;bottom:-10px;border-left-width:2px;border-left-color:#a5b2c0}
.reader-page.project-about .portfolio-main .about-thread-history>li>div>p{max-width:55ch;margin:0}
.reader-page.project-about .portfolio-main .about-thread-history .about-thread-present{background:#fff;border-radius:6px}
.reader-page.project-about .portfolio-main .about-thread-history .about-thread-future{background:#e9f1fa}
.reader-page.project-about .portfolio-main .about-thread-history>.about-thread-future::after{border-left-style:dashed}
.reader-page.project-about .portfolio-main .contact-section{--contact-leading:2.5rem;row-gap:24px}
.reader-page.project-about .portfolio-main .contact-form{gap:16px}
.reader-page.project-about .portfolio-main .contact-letter textarea{line-height:var(--contact-leading);height:calc(var(--contact-leading) * 4 + 1px);min-height:calc(var(--contact-leading) * 4 + 1px)}
.reader-page.project-about .portfolio-main .contact-form-status:empty{margin:0;min-height:0}

@media(max-width:900px){
 .reader-page.project-calligraphy .ink-practice-chapter>.editorial-section-heading{display:block}
 .reader-page.project-calligraphy .ink-practice-chapter .ink-experience-lead{margin-top:16px;max-width:64ch}
 .reader-page.project-calligraphy .ink-practice-columns{grid-template-columns:minmax(0,1fr);gap:28px}
 .reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note{max-width:70ch}
}
@media(max-width:760px){
 .reader-page.portfolio-page .portfolio-main .screen-chapter{padding-block:32px;align-content:start}
 .reader-page.project-calligraphy .ink-practice-columns .ink-japanese-note{padding:20px 18px}
 .reader-page.project-calligraphy .portfolio-main .ink-reflection .ink-learning{padding:20px 18px}
 .reader-page.project-about .portfolio-main .contact-section{--contact-leading:2.375rem}
 .reader-page.project-about .portfolio-main .about-thread-history>li{padding-block:16px}
 .reader-page.project-about .portfolio-main .about-thread-history>li::before{top:24px}
 .reader-page.project-about .portfolio-main .about-thread-history>li:not(:last-child)::after{top:37px;bottom:-12px}
}
@media(max-height:560px) and (min-width:761px){
 .reader-page.portfolio-page .portfolio-main .screen-chapter{padding-block:28px}
}
@media print{
 .reader-page.portfolio-page .portfolio-main .screen-chapter{min-block-size:0;padding-block:24px;break-inside:auto}
 .reader-page.portfolio-page .portfolio-main .screen-chapter.chapter-tint::before{display:none}
}


/* R20 — Research chapters have one reading task per screen. */
.reader-page.portfolio-page .portfolio-main :is(.reading-principles-chapter,.reading-emphasis-chapter,.lecture-evidence-chapter,.lecture-check-chapter,.lecture-human-chapter,.lecture-reframe-chapter)>.editorial-section-body{min-width:0}
.reader-page.portfolio-page .portfolio-main .reading-design-core{gap:18px}
.reader-page.portfolio-page .portfolio-main .research-route-label{margin:18px 0 0;font-size:15px;line-height:1.5;font-weight:500;color:var(--blue)}
.reader-page.portfolio-page .portfolio-main .reading-findings-chapter .reading-evidence{align-items:center}
.reader-page.portfolio-page .portfolio-main .reading-findings-chapter .reading-evidence img{height:clamp(220px,44svh,420px);object-fit:contain}
.reader-page.portfolio-page .portfolio-main .reading-findings-chapter .reading-feedback{padding:24px}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-notes{margin:0}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid figure{margin:0}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid img{height:clamp(112px,17svh,174px);max-height:none;object-fit:contain;background:#f4f5f6}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid figcaption{font-size:15px;line-height:1.55;margin-top:10px;color:var(--blue)}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article>h3{font-size:19px;line-height:1.4;min-height:54px;margin:12px 0 8px}
.reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article>p{font-size:16px;line-height:1.6;margin:0}
.reader-page.portfolio-page .portfolio-main .reading-emphasis-chapter .reading-specimen{margin:0;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.reader-page.portfolio-page .portfolio-main .reading-emphasis-chapter .specimen-paper{min-height:0;background:#fff;padding:clamp(20px,3vw,40px)}

/* What was supplied and what was invented stay in the same evidence spread. */
.reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-persona-intro{margin-bottom:28px}
.reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-persona-intro blockquote{max-width:none;font-size:clamp(22px,2.1vw,28px);line-height:1.4}
.reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-assumptions{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:22px 36px;padding:28px;background:#eef5fa}
.reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-generated{padding-left:28px;border-left:2px solid #9ab5df}
.reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-persona-scope{padding-top:18px;max-width:none}
.reader-page.portfolio-page .portfolio-main .lecture-check-chapter .lecture-critique-grid{margin:0}
.reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading{padding:24px;background:#fff;border-radius:6px}
.reader-page.portfolio-page .portfolio-main .assumption-symbol{display:block;width:86px;height:64px;margin:4px 0 16px;stroke:#2b3037;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.reader-page.portfolio-page .portfolio-main .assumption-symbol>*{vector-effect:non-scaling-stroke}
.reader-page.portfolio-page .portfolio-main .assumption-symbol .symbol-field{fill:#f4f5f6;stroke:#687381}
.reader-page.portfolio-page .portfolio-main .assumption-symbol .symbol-blue-fill{fill:#dce9fc;stroke:#2856cd}
.reader-page.portfolio-page .portfolio-main .assumption-symbol .symbol-blue{stroke:#2856cd}
.reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>.research-static-title{min-height:0;margin-bottom:12px;font-size:19px;line-height:1.4}
.reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>div>p{font-size:16px;line-height:1.6}

/* People in the room / the framework: two different layers, one aligned spread. */
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter>.editorial-section-body{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,4vw,60px);align-items:center}
.reader-page.portfolio-page .portfolio-main .lecture-human-context{min-width:0}
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-practice-story{max-width:62ch}
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-practice-story>.chapter-lead{font-size:16px;line-height:1.65;margin:0 0 18px}
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-practice-story .research-scope{font-size:15px;line-height:1.6;margin:0 0 20px;padding:0;border:0;color:var(--muted)}
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-group-image{margin:0}
.reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-group-image img{height:clamp(180px,27svh,260px);object-fit:contain;object-position:left center}

/* Reframing is shown as a relationship, not two undifferentiated text lists. */
.reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .framework-notes{padding:0}
.reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .framework-notes>.research-limit{margin:0 0 28px;font-size:15px;line-height:1.6}
.reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0}
.reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list article{padding:24px;background:#fff;border-radius:6px}
.reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list h4{font-size:21px;line-height:1.4;margin:0 0 24px;font-weight:500}
.reader-page.portfolio-page .portfolio-main .case-comparison{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:16px;align-items:start}
.reader-page.portfolio-page .portfolio-main .case-comparison>div{min-width:0}
.reader-page.portfolio-page .portfolio-main .case-comparison .case-column-label{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.reader-page.portfolio-page .portfolio-main .case-comparison .case-after{border-top:3px solid #7193cd;padding-top:14px}
.reader-page.portfolio-page .portfolio-main .case-comparison .case-before{border-top:3px solid #c9cfd5;padding-top:14px}
.reader-page.portfolio-page .portfolio-main .case-comparison :is(.case-friction,.case-reframe){font-size:18px;line-height:1.55;margin:0;color:var(--ink)}
.reader-page.portfolio-page .portfolio-main .case-comparison .case-after .case-column-label{color:#2856cd}
.reader-page.portfolio-page .portfolio-main .case-shift{width:36px;height:24px;margin-top:56px;fill:none;stroke:#2856cd;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:761px) and (max-width:1100px){
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article{display:grid;grid-template-columns:124px minmax(0,1fr);gap:0 20px;align-content:start}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid figure{grid-column:1;grid-row:1/3}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid img{height:78px;background:#f4f5f6}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article>h3{grid-column:2;min-height:0;margin:0 0 8px}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article>p{grid-column:2}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid figcaption{font-size:15px;line-height:1.5}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading{padding:20px}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-notes{gap:20px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list{grid-template-columns:1fr;gap:24px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:20px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list h4{margin:0;align-self:center}
}
@media(max-width:900px){
 .reader-page.portfolio-page .portfolio-main .lecture-human-chapter>.editorial-section-body{grid-template-columns:1fr;gap:28px}
 .reader-page.portfolio-page .portfolio-main .lecture-human-context{display:grid;grid-template-columns:1fr 1fr;gap:24px}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading{display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 20px}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-category{grid-column:2;margin:0 0 6px}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-symbol{grid-column:1;grid-row:1/4;margin:0}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>.research-static-title,
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>div{grid-column:2}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>div>p.annotation-question{margin-top:0}
}
@media(max-width:760px){
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid{grid-template-columns:1fr;gap:32px}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid img{height:clamp(128px,33vw,210px)}
 .reader-page.portfolio-page .portfolio-main .reading-principles-chapter .reading-rule-grid article>h3{min-height:0}
 .reader-page.portfolio-page .portfolio-main .reading-emphasis-chapter .reading-specimen{grid-template-columns:1fr;gap:24px}
 .reader-page.portfolio-page .portfolio-main .reading-findings-chapter .reading-evidence img{height:auto;max-height:400px}
 .reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-assumptions{grid-template-columns:1fr;padding:22px;gap:22px}
 .reader-page.portfolio-page .portfolio-main .lecture-evidence-chapter .lecture-generated{padding:20px 0 0;border-left:0;border-top:2px solid #9ab5df}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading{padding:20px}
 .reader-page.portfolio-page .portfolio-main .lecture-human-context{display:block}
 .reader-page.portfolio-page .portfolio-main .lecture-human-chapter .lecture-group-image img{height:auto;max-height:360px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list{grid-template-columns:1fr;gap:24px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list article{padding:22px}
 .reader-page.portfolio-page .portfolio-main .lecture-reframe-chapter .lecture-case-list h4{margin-bottom:18px}
 .reader-page.portfolio-page .portfolio-main .case-comparison{grid-template-columns:1fr;gap:12px}
 .reader-page.portfolio-page .portfolio-main .case-comparison .case-column-label{margin-bottom:6px}
 .reader-page.portfolio-page .portfolio-main .case-comparison :is(.case-friction,.case-reframe){font-size:18px;line-height:1.55}
 .reader-page.portfolio-page .portfolio-main .case-shift{width:36px;height:24px;margin:0 0 0 4px;transform:rotate(90deg)}
}
@media(max-width:480px){
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading{grid-template-columns:1fr}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-category{grid-column:1}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-symbol{grid-column:1;grid-row:auto;margin:12px 0}
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>.research-static-title,
 .reader-page.portfolio-page .portfolio-main .lecture-check-chapter .assumption-reading>div{grid-column:1}
}


/* R20: keep evidence, classification, and handover at distinct reading scales. */
.reader-page.portfolio-page.project-industry .portfolio-main :is(.industry-field,.industry-handover,.industry-documents){display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:0;padding-inline:0;align-content:center}
.reader-page.portfolio-page.project-industry .portfolio-main :is(.industry-field,.industry-handover,.industry-documents)>.editorial-section-heading{grid-column:1;max-width:none;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main :is(.industry-field,.industry-handover,.industry-documents)>.editorial-section-body{grid-column:1;max-width:none;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-field-copy{display:block;max-width:86ch}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-field-copy>p{font-size:16px;line-height:1.55;max-width:86ch}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery{gap:24px;margin:24px 0 0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery img{height:clamp(126px,20svh,192px);width:100%;max-height:none;object-fit:contain}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery .image-button{padding:8px;background:var(--paper-gray);border-radius:6px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery figcaption{margin-top:12px;gap:10px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery figcaption h3{font-size:18px;line-height:1.35;margin-bottom:6px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery figcaption p{font-size:15px;line-height:1.5}
/* The comparison retains all 14 entries, once, with a single shared baseline. */
.reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-section.screen-chapter{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:0;margin:0;border-radius:0;padding-inline:clamp(20px,2vw,32px);padding-block:clamp(28px,4svh,44px)}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-section .industry-matrix-heading{grid-column:1;margin:0 0 16px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-heading h2{max-width:none}
.reader-page.portfolio-page.project-industry .portfolio-main .lens-dots{gap:2px;min-width:40px}
.reader-page.portfolio-page.project-industry .portfolio-main .lens-dots i{width:4px;height:4px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-section>.editorial-section-body{grid-column:1;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix{gap:26px;align-items:start}
.reader-page.portfolio-page.project-industry .portfolio-main .service-lens-count{padding-block:8px;border-block:1px solid #cbdbe9}
.reader-page.portfolio-page.project-industry .portfolio-main .service-lens-items li{padding-block:4px}
/* Three priorities are shown as concrete kinds of change; workstreams remain parallel. */
.reader-page.portfolio-page.project-industry .portfolio-main .industry-handover-copy>.section-takeaway{font-size:16px;margin-bottom:16px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-priorities{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px;margin:0;padding:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-priorities li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:16px 18px;background:var(--paper-blue);border-radius:6px;font-size:16px;line-height:1.5}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-priorities svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block{padding:0;margin:28px 0 0;background:transparent;border-radius:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block>h3{font-size:19px;line-height:1.4;margin:0 0 10px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block .systems-fold-body>p:first-child{margin-bottom:24px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block .industry-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-process li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:36px auto auto;align-content:start;gap:12px 10px;padding:14px 0 0;border-top:2px solid #b9cbea}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-process li>svg{grid-column:1;grid-row:1;display:block;width:32px;height:32px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-process li>span{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:auto;height:auto;min-width:0;padding:0;margin:0;background:transparent;border-radius:0;color:var(--muted);font-size:15px;line-height:1.5}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-process h4{grid-column:1/-1;margin:0;font-size:18px;line-height:1.35}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-process p{grid-column:1/-1;font-size:16px;line-height:1.5;margin:0;max-width:none}
/* Four documents share an image baseline and stay readable through enlargement. */
.reader-page.portfolio-page.project-industry .portfolio-main .industry-documents .editorial-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 28px;align-items:end}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-documents .eyebrow{grid-column:1/-1;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-documents h2{margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-documents .section-takeaway{font-size:16px;line-height:1.5;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:0}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery .image-button{padding:8px;background:#fff;border-radius:6px}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery img{width:100%;height:clamp(140px,23svh,246px);max-height:none;object-fit:contain}
.reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery figcaption{font-size:15px;line-height:1.5;margin:8px 0 0}

/* The essay keeps its paired memories, then connects reflection to learning. */
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration.screen-chapter{margin:0;align-items:center;gap:28px}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration>section{height:100%;padding:clamp(24px,2.5vw,36px);border-radius:6px}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration .fragment-memory-heading h2{font-size:clamp(25px,2.2vw,30px);line-height:1.3;max-width:25ch}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration .fragment-memory-body{max-width:60ch}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-expression.screen-chapter{margin:0;align-items:center;align-content:center}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:32px;margin:0}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter>.editorial-section{margin:0;padding:0;align-items:center;gap:28px}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .fragment-systems{padding-bottom:28px;border-bottom:2px solid #d0dfec}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .fragment-system-body{gap:28px}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .fragment-condition{background:#fff}
.reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .poetic-related{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:78ch;margin:16px 0 0;padding:12px 0;border-top:1px solid #c4d6e8;font-size:15px;line-height:1.5}

@media(min-width:901px) and (max-height:680px){
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-section .industry-matrix-heading{margin-bottom:12px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-context{margin-bottom:14px}
 .reader-page.portfolio-page.project-industry .portfolio-main .service-lens{gap:8px}
 .reader-page.portfolio-page.project-industry .portfolio-main .service-lens-items li{padding-block:3px}
}
@media(min-width:901px) and (max-width:1050px){
 .reader-page.portfolio-page.project-industry .portfolio-main .service-lens{grid-template-rows:minmax(34px,auto) minmax(48px,auto) minmax(41px,auto) auto}
}
@media(max-width:1000px){
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block .industry-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter>.editorial-section{grid-template-columns:minmax(0,1fr);gap:20px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter>.editorial-section>:is(.editorial-section-heading,.editorial-section-body){grid-column:1}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .fragment-system-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-expression.screen-chapter{grid-template-columns:minmax(0,1fr);gap:24px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-expression.screen-chapter>:is(.editorial-section-heading,.editorial-section-body){grid-column:1}
}
@media(max-width:760px){
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-matrix-section.screen-chapter{padding-block:32px}
 .reader-page.portfolio-page.project-industry .portfolio-main :is(.industry-field,.industry-handover,.industry-documents){gap:22px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-field-copy{grid-template-columns:minmax(0,1fr);gap:14px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery{grid-template-columns:minmax(0,1fr);gap:28px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-workshop-gallery img{height:auto;max-height:260px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-priorities{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-priorities li{padding:14px 16px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-documents .editorial-section-heading{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-documents .eyebrow{grid-column:1}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery{grid-template-columns:minmax(0,1fr);gap:24px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-solution-gallery img{height:auto;max-height:340px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration.screen-chapter{grid-template-columns:minmax(0,1fr);gap:20px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration>section{height:auto;padding:24px 20px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .fragment-system-body{grid-template-columns:minmax(0,1fr);gap:24px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-learning-chapter .poetic-related{align-items:start;flex-direction:column;gap:6px}
}
@media(max-width:520px){
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-method-block .industry-process{grid-template-columns:minmax(0,1fr)}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-process li{grid-template-columns:36px minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:8px 12px}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-process li>svg{grid-column:1;grid-row:1/3}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-process li>span{grid-column:3;grid-row:1}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-process h4{grid-column:2;grid-row:1}
 .reader-page.portfolio-page.project-industry .portfolio-main .industry-process p{grid-column:2/-1;grid-row:2}
}
@media print{
 .reader-page.portfolio-page.project-industry .portfolio-main :is(.industry-workshop-gallery,.industry-solution-gallery) img{height:auto;max-height:180px}
 .reader-page.portfolio-page.project-fragments .portfolio-main .fragment-exploration>section{height:auto}
}


/* R20 · Neo-Terakoya: concerns → design response; trial → review → possible expansion. */
.reader-page.project-terakoya .portfolio-main .neo-basis-intro{max-width:88ch;margin:0 0 28px;font-size:16px;line-height:1.6}
.reader-page.project-terakoya .portfolio-main .terakoya-layer-instrument{margin-top:20px;gap:12px 32px}
.reader-page.project-terakoya .portfolio-main .terakoya-layer-diagram{max-height:310px}
.reader-page.project-terakoya .portfolio-main .terakoya-layers{gap:4px}
.reader-page.project-terakoya .portfolio-main .terakoya-layers li{padding:6px 10px;gap:12px}
.reader-page.project-terakoya .portfolio-main .terakoya-layers p,
.reader-page.project-terakoya .portfolio-main .is-ready .terakoya-layers p{padding-top:10px;font-size:16px;line-height:1.45}
.reader-page.project-terakoya .portfolio-main .terakoya-layer-hint{font-size:15px;line-height:1.5}

/* Read left to right: a local trial supplies the questions that inform expansion. */
.reader-page.project-terakoya .portfolio-main .terakoya-next .editorial-section-heading{max-width:none}
.reader-page.project-terakoya .portfolio-main .terakoya-next .editorial-section-heading h2{max-width:46ch}
.reader-page.project-terakoya .portfolio-main .neo-testing-question{max-width:86ch;margin:0 0 26px;font-size:17px;line-height:1.55;color:var(--ink)}
.reader-page.project-terakoya .portfolio-main .neo-test-map{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr) 28px minmax(0,1fr);gap:14px;align-items:stretch;min-width:0}
.reader-page.project-terakoya .portfolio-main .neo-test-map>section{min-width:0;margin:0;padding:22px 20px;border:0;border-radius:8px;background:transparent}
.reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-local{padding-left:0}
.reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-review{background:#fff;border-top:3px solid #bd286b;padding-top:19px;box-shadow:0 8px 24px #253e6610}
.reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-future{background:#e3edf8}
.reader-page.project-terakoya .portfolio-main .neo-test-label{display:flex;align-items:center;gap:12px;margin:0 0 24px;min-height:48px}
.reader-page.project-terakoya .portfolio-main .neo-test-label>svg{display:block;flex:none;width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reader-page.project-terakoya .portfolio-main .neo-test-review .neo-test-label>svg{stroke:#ad245f}
.reader-page.project-terakoya .portfolio-main .neo-test-label>h3{margin:0;font:450 19px/1.35 var(--font);letter-spacing:-.01em;color:var(--ink)}
.reader-page.project-terakoya .portfolio-main .neo-test-steps{display:grid;gap:26px;margin:0;padding:0;list-style:none}
.reader-page.project-terakoya .portfolio-main .neo-test-steps>li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;position:relative;margin:0;padding:0;min-width:0}
.reader-page.project-terakoya .portfolio-main .neo-test-steps>li+li::before{content:'';position:absolute;left:10px;bottom:calc(100% + 5px);height:16px;width:2px;background:#b8c9df}
.reader-page.project-terakoya .portfolio-main .neo-test-number{font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--blue)}
.reader-page.project-terakoya .portfolio-main .neo-test-steps h4{margin:0 0 8px;font:500 17px/1.4 var(--font);letter-spacing:0;color:var(--ink)}
.reader-page.project-terakoya .portfolio-main .neo-test-steps p{margin:0;font-size:16px;line-height:1.55;color:#4e5c6d}
.reader-page.project-terakoya .portfolio-main .neo-test-link{display:flex;align-items:flex-start;padding-top:36px}
.reader-page.project-terakoya .portfolio-main .neo-test-link>svg{width:28px;height:24px;fill:none;stroke:#394b61;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reader-page.project-terakoya .portfolio-main .neo-test-link-later>svg{stroke:#a62a62}
.reader-page.project-terakoya .portfolio-main .neo-review-questions{display:grid;gap:17px;margin:0;padding:0}
.reader-page.project-terakoya .portfolio-main .neo-review-questions>div{margin:0;padding:0}
.reader-page.project-terakoya .portfolio-main .neo-review-questions dt{margin:0 0 5px;font-size:16px;line-height:1.4;font-weight:500;color:var(--ink)}
.reader-page.project-terakoya .portfolio-main .neo-review-questions dd{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}
.reader-page.project-terakoya .portfolio-main .neo-test-review-line{display:flex;align-items:center;gap:13px;margin-top:22px;padding-top:16px;border-top:1px solid #bd286b55}
.reader-page.project-terakoya .portfolio-main .neo-test-review-line>svg{flex:none;width:32px;height:26px;fill:none;stroke:#ad245f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.reader-page.project-terakoya .portfolio-main .neo-test-review-line>p{margin:0;font-size:16px;line-height:1.5;color:#71334f}

@media(max-width:1199px){
 .reader-page.project-terakoya .portfolio-main .neo-test-map{grid-template-columns:minmax(0,1fr) 22px minmax(0,1.15fr) 22px minmax(0,1fr);gap:9px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>section{padding-right:16px;padding-left:16px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-local{padding-left:0}
 .reader-page.project-terakoya .portfolio-main .neo-test-label{gap:9px}
 .reader-page.project-terakoya .portfolio-main .neo-test-label>svg{width:28px;height:28px}
 .reader-page.project-terakoya .portfolio-main .neo-test-label>h3{font-size:18px}
 .reader-page.project-terakoya .portfolio-main .neo-test-link>svg{width:22px}
}
@media(max-width:959px){
 .reader-page.project-terakoya .portfolio-main .neo-test-map{grid-template-columns:minmax(0,1fr);gap:12px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>section,
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-local{padding:22px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-local{background:#fff}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-review{padding-top:19px}
 .reader-page.project-terakoya .portfolio-main .neo-test-label{min-height:32px;margin-bottom:20px}
 .reader-page.project-terakoya .portfolio-main .neo-test-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
 .reader-page.project-terakoya .portfolio-main .neo-test-steps>li+li::before{display:none}
 .reader-page.project-terakoya .portfolio-main .neo-test-link{height:26px;padding:0;justify-content:center;align-items:center}
 .reader-page.project-terakoya .portfolio-main .neo-test-link>svg{width:28px;transform:rotate(90deg)}
 .reader-page.project-terakoya .portfolio-main .neo-review-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .reader-page.project-terakoya .portfolio-main .neo-test-review-line{margin-top:24px}
}
@media(max-width:800px){
 .reader-page.project-terakoya .portfolio-main .terakoya-layer-diagram{max-height:250px}
 .reader-page.project-terakoya .portfolio-main .terakoya-layer-instrument{gap:20px}
 .reader-page.project-terakoya .portfolio-main .terakoya-layers{gap:6px}
}
@media(max-width:600px){
 .reader-page.project-terakoya .portfolio-main .neo-basis-intro{margin-bottom:24px}
 .reader-page.project-terakoya .portfolio-main .terakoya-layers p,
 .reader-page.project-terakoya .portfolio-main .is-ready .terakoya-layers p{padding:0 0 5px 30px;line-height:1.55}
 .reader-page.project-terakoya .portfolio-main .terakoya-next .editorial-section-heading h2{max-width:46ch}
.reader-page.project-terakoya .portfolio-main .neo-testing-question{font-size:16px;margin-bottom:24px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>section,
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-local{padding:20px}
 .reader-page.project-terakoya .portfolio-main .neo-test-map>.neo-test-review{padding-top:17px}
 .reader-page.project-terakoya .portfolio-main .neo-test-steps,
 .reader-page.project-terakoya .portfolio-main .neo-review-questions{grid-template-columns:minmax(0,1fr);gap:20px}
 .reader-page.project-terakoya .portfolio-main .neo-test-steps>li+li::before{display:block;height:10px}
 .reader-page.project-terakoya .portfolio-main .neo-review-questions>div+div{padding-top:16px;border-top:1px solid #e1dce0}
 .reader-page.project-terakoya .portfolio-main .neo-test-review-line{align-items:flex-start}
 .reader-page.project-terakoya .portfolio-main .neo-test-review-line>svg{margin-top:2px}
}