.next-diagrams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.next-diagrams article{min-width:0;border:1.5px solid var(--rule);border-radius:16px;padding:14px 16px 20px}
.next-diagrams svg{display:block;width:100%;height:auto;background:var(--body);border-radius:10px;fill:none;stroke:var(--amber);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.next-diagrams svg circle:not(.diagram-ring){fill:var(--on-body);stroke:var(--on-body)}
.next-diagrams .diagram-ring{stroke-dasharray:4 6;opacity:.8}
.next-diagrams .diagram-body{fill:var(--on-body);stroke:var(--on-body)}
.next-diagrams h3{margin:16px 0 6px}
.next-diagrams p{margin:0;font-size:16px;line-height:1.5}
.next-study{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:1080px}
.next-photo{margin:0;min-width:0;border:1.5px solid var(--rule);border-radius:18px;overflow:hidden}
.next-photo img{display:block;width:100%;height:auto}
.next-photo figcaption{padding:10px 16px;font:600 13px/1.5 var(--sans);color:var(--muted)}
.next-photo a{color:inherit;text-decoration-color:var(--amber);text-underline-offset:2px}
.next-study-copy{max-width:38em}
.next-study-copy>p:first-child{font-size:20px;line-height:1.55;margin-top:0}
.next-study-copy ol{padding-left:23px}
.next-study-copy li{margin:0 0 12px}
.texture-views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px}
.texture-views figure{margin:0;min-width:0;border:1.5px solid var(--rule);border-radius:18px;overflow:hidden}
.texture-frame{height:clamp(340px,45vw,560px);overflow:hidden;background:var(--body)}
.texture-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.texture-detail img{transform:scale(2);transform-origin:53% 45%}
.texture-views figcaption{display:grid;gap:4px;padding:16px 18px 20px;font-size:16px;line-height:1.5}
.texture-views figcaption strong{font:800 18px var(--sans)}
.next-text-list{max-width:950px;border-top:1px solid var(--rule)}
.next-text-list article{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--rule)}
.next-text-list article>span{padding-top:3px;color:var(--amber-dim);font:800 14px var(--sans);letter-spacing:.06em}
.next-text-list h3{margin:0 0 6px}
.next-text-list p{margin:0;max-width:42em}
.pattern-demo{display:grid;grid-template-columns:minmax(0,590px) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:1050px}
.pattern-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,1vw,12px);padding:clamp(16px,2.5vw,28px);background:var(--body);border-radius:18px;aspect-ratio:1.42}
.pattern-tiles span{display:block;background:#d4d7d1;border:5px solid #8c9390;border-bottom-width:9px;box-shadow:inset 0 5px 8px #0007;border-radius:3px}
.pattern-demo[data-broken="true"] .pattern-exception{background:var(--amber);border-color:#b66f1b;box-shadow:inset 0 4px 8px #0003}
.pattern-demo-copy{max-width:24em}
.pattern-readout{font-size:22px;line-height:1.45;margin:0 0 20px}
.pattern-demo-copy .note{margin-top:20px}
@media(max-width:850px){.next-study,.pattern-demo{grid-template-columns:1fr}.next-photo{max-width:560px}.next-diagrams{grid-template-columns:1fr}.next-diagrams svg{max-height:200px}.pattern-tiles{max-width:590px}}
@media(max-width:650px){.texture-views{grid-template-columns:1fr;max-width:520px}.next-text-list article{grid-template-columns:1fr;gap:4px}.pattern-tiles span{border-width:3px;border-bottom-width:6px}}