.art-current{max-width:1120px;color:#001858}.art-current h1,.art-current h2,.art-current h3{font-family:var(--serif,"Noto Serif JP",serif);font-weight:500;line-height:1.55}.art-current p,.art-current dd{line-height:1.95}.art-current-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center;padding:32px 0 38px}.art-current-hero h1{font-size:clamp(30px,3.5vw,44px);margin:12px 0 10px}.art-current-subtitle{font-family:var(--serif,"Noto Serif JP",serif);font-size:clamp(24px,2.8vw,32px);line-height:1.6!important;margin:0 0 20px}.art-current-hero .lede{font-size:18px;line-height:1.9}.art-current-hero figure{margin:0}.art-current-hero img{width:100%;height:auto;display:block}.art-current-hero figcaption{font-size:15px;line-height:1.8;color:#465774;padding:14px 4px}.art-dates{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #d2dae5;border-bottom:1px solid #d2dae5;padding:17px 0;font-size:15px}.art-dates a{margin-left:auto}.art-page-nav{display:flex;flex-wrap:wrap;gap:10px 28px;padding:20px 0}.art-page-nav a{padding:10px 0;font-size:16px;text-underline-offset:5px}.art-section{margin:64px 0;scroll-margin-top:24px}.art-section>h2{font-size:clamp(25px,2.8vw,32px);margin:8px 0 22px}.art-section>p{font-size:18px;max-width:900px}.art-takeaways,.art-comparison,.art-practice-line{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.art-takeaway{border-top:2px solid #9eb2c9;padding:24px 0 0}.art-takeaway>span{font-family:var(--serif,serif);font-size:25px;color:#687d9c}.art-takeaway h3{font-size:23px;margin:12px 0}.art-takeaway p{font-size:17px}.art-comparison{gap:0;border:1px solid #d2dae5;margin-top:28px}.art-comparison>section{padding:28px 24px}.art-comparison>section+section{border-left:1px solid #d2dae5}.art-use-label{font-size:15px;color:#4c6280}.art-comparison h3{font-size:23px;margin:17px 0}.art-comparison p{font-size:17px}.art-check{border-top:1px solid #dce3ec;padding-top:18px;margin-top:24px}.art-check strong{display:block;font-size:15px;margin-bottom:8px}.art-note{font-size:15px!important;color:#425575}.art-study{border-top:1px solid #cbd5e2}.art-study:last-child{border-bottom:1px solid #cbd5e2}.art-study summary{position:relative;list-style:none;cursor:pointer;padding:24px 46px 24px 4px;min-height:66px}.art-study summary::-webkit-details-marker{display:none}.art-study summary:after{content:'＋';position:absolute;right:6px;top:40px;font-size:23px}.art-study[open] summary:after{content:'−'}.art-study-kind{display:block;color:#4c6280;font-size:15px;margin-bottom:8px}.art-study-heading{display:block;font-family:var(--serif,serif);font-size:23px;line-height:1.65}.art-study-open{display:block;font-size:15px;margin-top:8px;color:#4c6280}.art-study-body{background:#f7f9fc;padding:26px 32px 30px;margin-bottom:20px}.art-study-body dl{margin:0}.art-study-body dl>div{display:grid;grid-template-columns:148px 1fr;gap:22px;padding:14px 0}.art-study-body dt{font-size:16px;font-weight:600;line-height:1.8}.art-study-body dd{margin:0;font-size:17px}.art-work-question{border-top:1px solid #d4deea;padding-top:20px;font-size:18px}.art-work-question strong{display:block;font-size:15px;margin-bottom:8px}.art-bibliography{font-size:16px;overflow-wrap:anywhere}.art-source-access{font-size:15px;color:#465774}.art-review-scope{margin-top:28px;border-left:3px solid #b6c4d6;padding:4px 0 4px 24px}.art-review-scope h3{font-size:20px}.art-review-scope p{font-size:16px}.art-practice-line{gap:22px;margin:28px 0 36px}.art-practice-line>div{padding:24px;background:#f7f9fc;border-top:2px solid #9eb2c9}.art-practice-line span{font-size:15px;color:#465774}.art-practice-line h3{font-size:22px;margin:12px 0}.art-practice-line p{font-size:17px}.art-example{padding:32px;border:1px solid #ccd7e4;margin:30px 0}.art-example h3{font-size:25px;margin:10px 0 20px}.art-example p{font-size:18px}.art-example-key{border-top:1px solid #d2dce8;padding-top:18px;font-family:var(--serif,serif)}.art-reading-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.art-reading-links a{padding:20px 0;border-top:1px solid #cbd6e4;text-decoration:none;display:flex;flex-direction:column;gap:9px;line-height:1.7}.art-reading-links span{font-size:15px}.art-reading-links strong{font-family:var(--serif,serif);font-size:20px;font-weight:500}.art-original{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f7f9fc;padding:36px}.art-original h2{font-size:29px;margin:10px 0 20px}.art-original p{font-size:17px}.art-original-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;font-size:17px}.art-update{padding:22px 0;border-top:1px solid #cbd6e4}.art-update summary{cursor:pointer;font-size:18px;line-height:1.8}.art-update time{font-size:15px;margin-right:20px}.art-update ul{padding-left:24px;font-size:17px;line-height:1.95}.art-back{border-top:1px solid #cbd6e4;padding-top:24px}.art-current-entry{padding:25px 28px;margin:28px 0;border:1px solid #cbd6e4;background:#fff}.art-current-entry h2{font-family:var(--serif,serif);font-size:26px;font-weight:500;margin:10px 0}.art-current-entry p{font-size:17px;line-height:1.85}.art-current-entry .art-current-entry-date{font-size:15px;color:#465774;margin-bottom:0}.art-current a:focus-visible,.art-current summary:focus-visible{outline:3px solid #5879a8;outline-offset:5px}.art-current .button{white-space:normal;line-height:1.6;text-align:center}
@media(max-width:800px){.art-current-hero{grid-template-columns:1fr;gap:14px;padding-top:22px}.art-current-hero figure{max-width:620px;margin:auto}.art-current-hero img{max-height:330px;object-fit:contain}.art-takeaways,.art-comparison,.art-practice-line,.art-reading-links,.art-original{grid-template-columns:1fr}.art-takeaways{gap:20px}.art-takeaway{padding-top:18px}.art-takeaway h3{display:inline;margin-left:12px;font-size:22px}.art-takeaway p{margin-top:12px}.art-comparison>section+section{border-left:0;border-top:1px solid #d2dae5}.art-comparison>section{padding:24px}.art-comparison h3 br{display:none}.art-dates{gap:10px 20px}.art-dates a{margin-left:0}.art-page-nav{gap:2px 22px}.art-section{margin:44px 0}.art-study-heading{font-size:21px}.art-study-body{padding:18px}.art-study-body dl>div{grid-template-columns:1fr;gap:6px;padding:12px 0}.art-example,.art-original{padding:24px}.art-original{gap:20px}.art-original h2{font-size:26px}.art-reading-links{gap:6px}.art-practice-line{gap:14px}.art-update time{display:block}.art-current-entry{padding:22px}}
@media(prefers-reduced-motion:reduce){.art-current *{scroll-behavior:auto}}

.art-first-check{border-left:3px solid #b6c4d6;padding:8px 24px;margin:32px 0}.art-first-check h2{font-size:20px}.art-first-check p{font-size:18px}

.art-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.art-context-card{padding:26px 28px;border-top:2px solid #a7b8cc;background:#f8fafc}.art-context-card:last-child{grid-column:1/-1}.art-context-card h3{font-size:25px;margin:12px 0}.art-context-card>p{font-size:17px}.art-context-card .eyebrow{font-size:15px}.art-context-question{font-family:var(--serif,serif);font-size:21px!important}.art-context-watch{border-top:1px solid #d4dfe9;padding-top:16px}.art-context-watch strong{display:block;font-size:15px;margin-bottom:8px}.art-context-source{font-size:15px!important;line-height:2!important;overflow-wrap:anywhere}.art-japan-context,.art-own-position{padding:24px 28px;border-left:3px solid #b5c4d6;margin:32px 0}.art-japan-context h3,.art-own-position h3{font-size:24px;margin-top:0}.art-japan-context p,.art-own-position p{font-size:18px}.art-era{border-top:1px solid #cbd5e2}.art-era:last-child{border-bottom:1px solid #cbd5e2}.art-era>summary{cursor:pointer;padding:24px 8px;line-height:1.8;font-size:20px}.art-era>summary>span:first-child{display:inline-block;min-width:124px;font-size:17px}.art-era>summary>strong{font-weight:500;font-family:var(--serif,serif)}.art-era-count{display:inline-block;font-size:15px;color:#465774;margin-left:22px}.art-timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 18px 24px}.art-timeline-lane>h3{font-size:23px;border-bottom:2px solid #aabdd0;padding-bottom:12px}.art-milestone{padding:12px 0 26px;border-bottom:1px solid #d7dfe8}.art-milestone-meta{display:flex;gap:16px;align-items:center;margin:8px 0}.art-milestone-meta time{font-size:23px}.art-milestone-meta span{font-size:15px;color:#465774}.art-milestone h4{font-family:var(--serif,serif);font-size:23px;font-weight:500;line-height:1.65;margin:8px 0 14px}.art-milestone-label{font-size:16px!important;color:#465774}.art-milestone p{font-size:17px}.art-milestone>a{font-size:15px;display:inline-block;min-height:44px;padding:9px 0;line-height:1.8}.art-terms dl{margin:26px 0}.art-terms dl>div{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:24px 0;border-top:1px solid #d2dce8}.art-terms dt{font-size:20px;font-family:var(--serif,serif);line-height:1.7}.art-terms dd{margin:0;font-size:17px}.art-evidence-map{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 32px}.art-evidence-map>div{border-top:2px solid #a7b8cc;padding-top:20px}.art-evidence-map strong{font-family:var(--serif,serif);font-size:22px;font-weight:500}.art-evidence-map p{font-size:17px}
@media(max-width:800px){.art-context-grid,.art-timeline-grid,.art-evidence-map{grid-template-columns:1fr;gap:20px}.art-context-card,.art-japan-context,.art-own-position{padding:20px}.art-context-card:last-child{grid-column:auto}.art-context-card h3,.art-milestone h4{font-size:22px}.art-era>summary{padding:22px 4px}.art-era>summary>span:first-child,.art-era-count{display:block;margin-left:22px}.art-era-count{margin-top:6px}.art-timeline-grid{padding:0 8px 24px}.art-terms dl>div{grid-template-columns:1fr;gap:12px}.art-page-nav a{min-height:44px}.art-evidence-map{gap:16px}}

/* The overview compares five purposes. The drawings show each activity;
   the labels remain selectable, accessible text. */
.art-context-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px 24px;margin:32px 0}
.art-context-card{flex:0 1 calc((100% - 48px)/3);min-width:0;padding:0;border:1px solid #d4dfe9;border-top:0;background:#fff;overflow:hidden}
.art-context-card:last-child{grid-column:auto}
.art-context-scene{margin:0;background:#fff}
.art-context-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.art-context-copy{padding:8px 20px 0}
.art-context-copy>.eyebrow{display:flex;gap:10px;align-items:baseline;min-height:48px;margin:8px 0 0;font-size:15px;line-height:1.7}
.art-context-number{font-family:var(--serif,serif);font-size:23px;color:#6c829e;flex:0 0 auto}
.art-context-card h3{font-size:22px;line-height:1.65;margin:10px 0 18px;min-height:3.3em}
.art-context-map{margin:0 0 20px}
.art-context-map>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:12px 0;border-top:1px solid #e0e6ee}
.art-context-map dt{font-size:14px;color:#526b8a;line-height:1.9}
.art-context-map dd{margin:0;font-size:17px;line-height:1.75}
.art-context-detail{border-top:1px solid #d4dfe9}
.art-context-detail>summary{list-style:none;position:relative;cursor:pointer;min-height:58px;padding:17px 25px 17px 0;font-size:15px;line-height:1.7;color:#24446d}
.art-context-detail>summary::-webkit-details-marker{display:none}
.art-context-detail>summary:after{content:'＋';position:absolute;right:0;top:14px;font-size:20px}
.art-context-detail[open]>summary:after{content:'−'}
.art-context-detail>div{padding:0 0 14px}
.art-context-detail p{font-size:17px}
.art-context-detail .art-context-question{font-size:20px!important;line-height:1.7;margin-top:8px}
.art-context-detail .art-context-watch{padding-top:15px}
.art-context-detail .art-context-source{font-size:15px!important}
.art-reading-detail{border-top:1px solid #cbd6e4;border-bottom:1px solid #cbd6e4;margin:24px 0;padding:0;background:#fff}
.art-reading-detail>summary{list-style:none;position:relative;cursor:pointer;padding:23px 45px 23px 0;line-height:1.7}
.art-reading-detail>summary::-webkit-details-marker{display:none}
.art-reading-detail>summary:after{content:'＋';position:absolute;right:8px;top:24px;font-size:23px;color:#55708e}
.art-reading-detail[open]>summary:after{content:'−'}
.art-reading-detail>summary strong{display:block;font-family:var(--serif,serif);font-size:22px;font-weight:500;line-height:1.6}
.art-reading-detail>summary span{display:block;color:#4c6280;font-size:16px;margin-top:6px;line-height:1.75}
.art-reading-detail>p,.art-reading-detail>div{margin:0 0 22px}
.art-reading-detail>p{font-size:17px}
.art-japan-context{border-left:0;padding:0;margin:28px 0 0}
.art-japan-context p{font-size:17px}
.art-history-track{position:relative;margin:30px 0 16px}
.art-era>summary{display:grid;grid-template-columns:124px 1fr auto;gap:16px;align-items:baseline;list-style:none;padding:24px 4px}
.art-era>summary::-webkit-details-marker{display:none}
.art-era>summary>span:first-child{min-width:0;font-family:var(--serif,serif);font-size:22px;color:#526c8d}
.art-era-count{font-size:15px;margin-left:0;white-space:nowrap}
.art-era-count:after{content:' ＋';font-size:19px}
.art-era[open] .art-era-count:after{content:' −'}
.art-term-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:26px 0 0}
.art-term{margin:0 0 20px}
.art-term>summary strong{font-size:21px}
.art-term>summary span{font-size:16px}
.art-design-comparison{margin-top:4px}
.art-activity-detail{padding-bottom:0}
.art-activity-detail>.art-comparison{margin-top:0;margin-bottom:22px;border-color:#d9e2ec}
.art-activity-detail>.art-note{margin-top:20px}
.art-research-reading{margin:24px 0 28px}
.art-research-reading>.art-evidence-map{margin:0 0 24px}
.art-review-scope{border-left:0;padding-left:0}
.art-review-scope>summary strong{font-size:21px}
.art-own-position{border-left:0;padding:0}
.art-own-position p{font-size:17px}
.art-diagram-icon{width:104px;height:104px;color:#4c6a8e;flex:0 0 auto}
.art-practice-map{margin:30px 0 38px}
.art-practice-map>figcaption,.art-value-map>figcaption{font-size:15px;line-height:1.8;color:#4c6280;margin:0 0 20px}
.art-practice-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0}
.art-practice-stages>li{position:relative;border-top:2px solid #a6b8cf;padding:22px 20px 18px;background:#f8fafc;min-width:0}
.art-practice-stages>li:not(:last-child):after{content:'›';position:absolute;right:-25px;top:110px;font-size:36px;color:#7c92ad;font-weight:300}
.art-stage-when{font-size:16px;color:#4d6686}
.art-stage-visual{display:flex;gap:12px;align-items:center;margin:12px 0}
.art-stage-visual>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.art-stage-visual>div>span{font-size:16px;line-height:1.7}
.art-practice-stages h3{font-size:21px;margin:12px 0}
.art-practice-stages p{font-size:17px;margin:10px 0 0}
.art-return-path{position:relative;text-align:center;font-size:16px!important;color:#496383;margin:14px 22px 0;padding:22px 18px 0;line-height:1.7!important}
.art-return-path svg{position:absolute;top:0;left:0;width:100%;height:23px}
.art-return-path>span{display:inline-block;background:#fff;padding:0 12px}
.art-value-map{margin:24px 0 0}
.art-value-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.art-value-stages>div{position:relative;min-width:0}
.art-value-stages>div:not(:last-child):after{content:'›';position:absolute;right:-22px;top:92px;font-size:34px;color:#7c92ad}
.art-value-label{font-size:15px!important;color:#4c6280;margin:0 0 10px}
.art-value-stages .art-diagram-icon{display:block;width:110px;height:110px;margin:2px auto 12px}
.art-value-stages h4{font-family:var(--serif,serif);font-size:22px;font-weight:500;line-height:1.6;margin:12px 0}
.art-value-stages p{font-size:17px;margin-top:8px}
.art-value-confirm{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;border-top:1px solid #d9e2ec;padding-top:20px;margin-top:24px;font-size:16px!important}
.art-value-confirm strong{font-size:15px;font-weight:600;line-height:1.7}
.art-value-confirm span{border-left:2px solid #b9c9dc;padding-left:12px;line-height:1.7}
.art-example-story>summary strong{font-size:20px}
.art-example-story>summary span{font-size:15px}
.art-example-story{margin:26px 0 0}
.art-example-story p{font-size:17px}
.art-example-key{font-size:19px!important;margin-bottom:0}
@media(max-width:1000px){
  .art-context-card{flex-basis:calc((100% - 24px)/2)}
  .art-stage-visual{gap:6px}
  .art-stage-visual .art-diagram-icon{width:82px;height:82px}
  .art-practice-stages>li{padding-left:16px;padding-right:16px}
}
@media(max-width:800px){
  .art-context-copy{padding:8px 18px 0}
  .art-context-card h3{font-size:23px;min-height:0}
  .art-context-copy>.eyebrow{min-height:0}
  .art-term-grid{grid-template-columns:1fr;gap:0}
  .art-reading-detail>summary strong{font-size:21px}
  .art-era>summary{grid-template-columns:1fr auto;gap:5px 15px;padding:20px 4px}
  .art-era>summary>span:first-child{display:block;margin:0;grid-column:1/-1;font-size:21px}
  .art-era>summary>strong{font-size:19px}
  .art-era-count{display:block;margin:0;font-size:14px;white-space:normal;text-align:right;max-width:70px}
  .art-practice-stages{grid-template-columns:1fr;gap:26px}
  .art-practice-stages>li{padding:19px 22px}
  .art-practice-stages>li:not(:last-child):after{content:'⌄';top:auto;right:calc(50% - 10px);bottom:-29px;font-size:27px}
  .art-stage-visual{margin:4px 0;gap:22px}
  .art-stage-visual .art-diagram-icon{width:76px;height:76px}
  .art-stage-visual>div{flex-direction:row;gap:20px;flex-wrap:wrap}
  .art-stage-visual>div>span{font-size:17px}
  .art-practice-stages h3{font-size:22px;margin:7px 0}
  .art-return-path{margin:16px 0 0;font-size:16px!important;padding-left:0;padding-right:0}
  .art-value-stages{grid-template-columns:1fr;gap:30px}
  .art-value-stages>div{display:grid;grid-template-columns:82px 1fr;column-gap:18px;align-items:center}
  .art-value-stages .art-diagram-icon{grid-column:1;grid-row:1/4;width:80px;height:80px;margin:0}
  .art-value-stages .art-value-label,.art-value-stages h4,.art-value-stages p{grid-column:2}
  .art-value-stages .art-value-label{margin:0;font-size:15px!important}
  .art-value-stages h4{font-size:21px;margin:5px 0}
  .art-value-stages p{font-size:16px;margin:2px 0}
  .art-value-stages>div:not(:last-child):after{content:'⌄';top:auto;right:calc(50% - 10px);bottom:-29px;font-size:27px}
  .art-value-confirm{gap:10px 16px}
  .art-value-confirm strong{width:100%}
  .art-value-confirm span{font-size:16px}
  .art-example{padding:23px 20px}
  .art-example h3{font-size:24px}
}
@media(max-width:580px){
  .art-context-grid{gap:26px}
  .art-context-card{flex-basis:100%}
  .art-context-copy{padding:8px 21px 0}
  .art-context-scene img{max-height:280px}
  .art-context-copy>.eyebrow{font-size:16px}
  .art-context-map>div{grid-template-columns:42px 1fr}
  .art-context-detail>summary{font-size:16px}
  .art-section>p{font-size:17px}
  .art-stage-visual>div{gap:8px 16px}
  .art-practice-stages>li{padding:18px}
  .art-reading-detail>summary{padding-right:36px}
  .art-reading-detail>summary:after{right:2px}
  .art-value-stages>div{grid-template-columns:68px 1fr;column-gap:12px}
  .art-value-stages .art-diagram-icon{width:68px;height:68px}
}

/* Entrances to the same illustrated review, 2026-10-29. */
.art-current-entry.has-illustration{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;background:#f8faff}
.art-current-entry-copy{min-width:0}.art-current-entry figure{margin:0}.art-current-entry img{display:block;width:100%;height:auto}.art-current-entry .card-link{display:inline-block;padding:10px 0;min-height:44px;line-height:1.8}.art-current-entry h2{line-height:1.6}.art-current-entry a:focus-visible{outline:3px solid #5879a8;outline-offset:5px}
@media(max-width:760px){.art-current-entry.has-illustration{grid-template-columns:1fr;gap:18px}.art-current-entry figure{max-width:500px}.art-current-entry h2{font-size:25px}}

/* Work-to-practice paths: preserve existing material entrances. */
.art-next-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:32px 0}
.art-next-paths>section{min-width:0;border-top:2px solid #9eb2c9;padding:24px 0 0;display:flex;flex-direction:column;align-items:flex-start}
.art-next-paths h3{font-size:24px;margin:0 0 12px}.art-next-paths p{font-size:17px;margin:0 0 18px}.art-next-paths .button{margin-top:auto;max-width:100%;padding:14px 18px}
@media(max-width:800px){.art-next-paths{grid-template-columns:1fr;gap:28px}.art-next-paths h3{font-size:22px}}

/* Visual comparison of contexts: existing pictures and every word retained. */
.art-context-grid{display:grid;grid-template-columns:1fr;gap:22px}
.art-context-card{display:grid;grid-template-columns:minmax(180px,25%) minmax(0,1fr);align-items:start;width:100%;border:1px solid #d4dfe9;padding:0}
.art-context-scene{align-self:center}
.art-context-scene img{width:100%;max-height:none}
.art-context-copy{padding:18px 26px 0;min-width:0}
.art-context-copy>.eyebrow{min-height:0;margin:0;font-size:16px}
.art-context-card h3{min-height:0;font-size:24px;margin:6px 0 16px}
.art-context-map{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 16px}
.art-context-map>div{display:block;padding:12px 16px;border:0;background:#f5f8fc;min-width:0}
.art-context-map>div+div{background:#fbf8f0;border-left:2px solid #c7b893}
.art-context-map dt{font-size:15px;margin-bottom:4px}
.art-context-map dd{font-size:18px;line-height:1.7}
.art-context-detail>summary{min-height:48px;padding-top:12px;padding-bottom:12px;font-size:16px}
.art-context-detail>summary:after{top:9px}
.art-context-detail[open]{padding-bottom:8px}
@media(max-width:800px){
 .art-context-card{grid-template-columns:1fr;padding:0}
 .art-context-scene{max-width:520px;margin:0 auto;width:100%}
 .art-context-scene img{max-height:300px}
 .art-context-copy{padding:12px 22px 0}
 .art-context-card h3{font-size:23px}
 .art-context-map{gap:12px}
 .art-context-map>div{padding:12px}
 .art-context-map dd{font-size:17px}
}
@media(max-width:420px){.art-context-map{grid-template-columns:1fr;gap:8px}.art-context-map>div{display:grid;grid-template-columns:36px 1fr;gap:8px}.art-context-map dt{margin:0}.art-context-copy{padding:12px 18px 0}}

.art-food-scene{width:100%;aspect-ratio:1/1;background-image:url(/assets/art-food-value-20261029.webp);background-repeat:no-repeat;background-size:315% auto;background-position:0% 50%;margin:6px 0 16px}.art-food-scene.is-middle{background-position:50% 50%}.art-food-scene.is-last{background-position:100% 50%}
@media(max-width:800px){.art-value-stages>div{display:block}.art-food-scene{max-width:520px;margin:10px auto 18px}.art-value-stages .art-value-label,.art-value-stages h4,.art-value-stages p{grid-column:auto}.art-value-stages h4{font-size:23px}.art-value-stages p{font-size:17px}.art-value-stages>div:not(:last-child):after{bottom:-30px}}

/* Separate reading lenses: equal panels, no cross-panel arrows or outcome ladder. */
.art-reading-visual{margin:28px 0 32px;border:1px solid #ccd7e4;background:#fff;padding:24px}
.art-reading-visual figcaption{font-size:16px;color:#465774;line-height:1.8;margin-bottom:20px}
.art-reading-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.art-reading-panels>section{min-width:0;border-top:2px solid #9eb2c9;padding-top:16px}
.art-reading-panels h3{font-size:21px;margin:0 0 12px;text-align:center}
.art-reading-panels svg{display:block;width:100%;height:108px;color:#526d8c;margin:0 auto 12px}
.art-reading-panels .art-visual-action{font-size:18px;line-height:1.8;margin:12px 0;min-height:3.6em}
.art-visual-check{background:#f4f7fb;padding:14px 16px;border-left:2px solid #aebfd1}
.art-visual-check>span{display:block;color:#4a607e;font-size:14px}
.art-visual-check p{font-size:17px;margin:8px 0 0;line-height:1.8}
.art-reading-panels .art-visual-scope{font-size:16px;color:#465774;border-top:1px solid #d5dfe9;padding-top:14px}
.art-evidence-boundary{font-size:17px;margin:20px 0 0;padding-top:18px;border-top:1px solid #ccd7e4}
.art-path-scene{width:100%;height:auto;aspect-ratio:1.5;background-image:url('/assets/art-next-paths-20261029.webp');background-size:205% auto;background-position:0 50%;background-repeat:no-repeat;margin-bottom:22px}
.art-path-scene.is-team{background-position:100% 50%}
@media(max-width:800px){.art-reading-visual{padding:20px}.art-reading-panels{grid-template-columns:1fr;gap:24px}.art-reading-panels>section{display:grid;grid-template-columns:86px 1fr;gap:0 16px}.art-reading-panels h3{grid-column:1/-1;text-align:left;font-size:21px;margin-bottom:12px}.art-reading-panels svg{height:82px;grid-row:2/4;align-self:center}.art-reading-panels .art-visual-action{min-height:0;margin:0 0 12px;font-size:17px}.art-visual-check{grid-column:2;padding:10px 12px}.art-visual-check p{font-size:16px}.art-reading-panels .art-visual-scope{margin:0;font-size:15px}.art-path-scene{height:auto;aspect-ratio:1.5;max-width:520px;margin:0 auto 20px;background-size:205% auto}}

/* Reading choices, not a required sequence; no sticky layer obscures the text. */
.art-reading-nav{margin:26px 0 44px;padding:26px 28px;border:1px solid #cbd7e4;background:#f8fafc;scroll-margin-top:24px}
.art-reading-nav-heading h2{font-size:23px;margin:0 0 8px}.art-reading-nav-heading p{font-size:16px;margin:0 0 20px;color:#425575}
.art-reading-nav-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.art-reading-nav-groups section{border-top:2px solid #aebfd1;padding-top:14px;min-width:0}.art-reading-nav-groups h3{font-size:20px;margin:0 0 8px}.art-reading-nav-groups a{display:block;padding:10px 0;min-height:44px;font-size:16px;line-height:1.55;text-underline-offset:4px}
.art-context-next{margin:28px 0 40px;padding:20px 24px;border-left:3px solid #aebfd1;background:#f8fafc}.art-context-next p{margin:0 0 10px;font-size:17px}.art-context-next>div{display:flex;flex-wrap:wrap;gap:4px 28px}.art-context-next a,.art-nav-return a{display:inline-block;min-height:44px;padding:10px 0;font-size:16px;line-height:1.5;text-underline-offset:4px}.art-nav-return{margin:24px 0 0;text-align:right}.art-current [id^="art-"]{scroll-margin-top:24px}.art-reading-nav:focus{outline:2px solid #5879a8;outline-offset:5px}
@media(max-width:800px){.art-reading-nav{padding:20px;margin:20px 0 32px}.art-reading-nav-heading h2{font-size:21px}.art-reading-nav-groups{grid-template-columns:1fr;gap:18px}.art-reading-nav-groups section{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding-top:12px}.art-reading-nav-groups h3{grid-column:1/-1}.art-reading-nav-groups a{font-size:16px}.art-context-next{padding:18px 20px}.art-context-next>div{display:grid;gap:2px}.art-nav-return{text-align:left}}
