/* UI POLISH: consolidated corrective layer; no additional stylesheet. */
:root { --orchuno-rail:1400px; --orchuno-gutter:clamp(22px,5vw,76px); }
.r4-home .r4-header,.r5-interior .r4-header,
.r4-home .r4-hero,.r5-interior .r5-hero,
.r5-interior .r5-container { max-width:var(--orchuno-rail); padding-left:var(--orchuno-gutter); padding-right:var(--orchuno-gutter); }
.r4-home .r4-hero { min-height:unset; }
.r5-interior .r5-hero { min-height:unset; padding-top:clamp(56px,6vw,92px); padding-bottom:clamp(48px,6vw,80px); gap:clamp(24px,4vw,56px); }
.r5-interior .r5-section { padding-top:clamp(52px,6vw,78px); padding-bottom:clamp(52px,6vw,78px); column-gap:clamp(22px,4vw,56px); row-gap:20px; }
/* Limit reading paragraphs, never their grid parents, cards or diagrams. */
.r5-interior .r5-prose { max-width:none; min-width:0; }
.r5-interior .r5-prose > p { max-width:68ch; }
.r5-interior .r5-section .r5-content,.r5-interior .r5-section .r6-exhibit { min-width:0; }
.r5-interior .r5-feature .r5-content,.r5-interior .r5-feature .r5-prose { width:100%; max-width:none; }
.r5-interior .r5-feature .principle-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; width:100%; max-width:none; margin:26px 0 22px; }
.r5-interior .r5-feature .principle-grid > .principle-card { grid-column:span 2; min-width:0; }
.r5-interior .r5-feature .principle-grid > .principle-card:nth-child(4) { grid-column:2/span 2; }
.r5-interior .r5-feature .principle-grid > .principle-card:nth-child(5) { grid-column:4/span 2; }
.r5-interior .principle-card { padding:clamp(18px,2.2vw,26px); }
.r5-interior .principle-card h3 { overflow-wrap:normal; word-break:normal; hyphens:none; }
.r5-interior .principle-conclusion { max-width:78ch!important; margin:8px 0 0!important; color:#b7d4d0; }
/* Exhibits follow content, not one universal aspect ratio. */
.r5-interior .r6-exhibit,.r5-interior .r5-hero-visual .r6-exhibit { aspect-ratio:auto; min-height:0; height:auto; justify-content:center; gap:clamp(12px,2vw,20px); }
.r5-interior .r5-hero-visual .r6-exhibit { min-height:310px; }
.r5-interior .r6-exhibit .ex-body { min-height:0; }
.r5-interior .r6-exhibit .ex-cell { min-width:0; overflow-wrap:normal; word-break:normal; hyphens:none; }
.r5-interior .ex-versus { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; }
.r5-interior .ex-versus > div { min-width:0; padding:clamp(14px,2vw,22px); gap:16px; }
.r5-interior .ex-versus strong { font-size:clamp(15px,1.5vw,19px); overflow-wrap:normal; word-break:normal; hyphens:none; }
/* Hero Framework: four elements, balanced rows, no artificial circular sizing. */
.page-framework .r5-hero-visual .ex-constellation .ex-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:18px 0; }
.page-framework .r5-hero-visual .ex-constellation .ex-cell { width:100%; aspect-ratio:auto; min-height:112px; border-radius:18px; flex:none; }
.r5-interior .ex-heading:empty,.r5-interior .ex-footer:empty,.r4-home figcaption:empty,.r5-interior figcaption:empty { display:none; }
.r5-interior .creator-credit { font-size:clamp(16px,1.55vw,20px); line-height:1.5; color:#b9e5db; margin-top:20px; max-width:58ch; }
@media(max-width:900px) {
 .r5-interior .r5-hero { grid-template-columns:1fr; }
 .r5-interior .r5-hero-visual .r6-exhibit { min-height:240px; }
}
@media(max-width:800px) {
 .r5-interior .ex-versus { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .r4-home .r4-header,.r5-interior .r4-header,.r4-home .r4-hero,.r5-interior .r5-hero,.r5-interior .r5-container { padding-left:22px; padding-right:22px; }
 .r5-interior .r5-section { padding-top:48px; padding-bottom:48px; row-gap:18px; }
 .r5-interior .r5-feature .principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .r5-interior .r5-feature .principle-grid > .principle-card,
 .r5-interior .r5-feature .principle-grid > .principle-card:nth-child(4),
 .r5-interior .r5-feature .principle-grid > .principle-card:nth-child(5) { grid-column:auto; }
 .r5-interior .r5-feature .principle-grid > .principle-card:last-child:nth-child(odd) { grid-column:1/-1; }
 .r5-interior .r6-exhibit { min-height:0; }
 .r5-interior .r5-hero-visual .r6-exhibit { min-height:220px; }
}
@media(max-width:520px) {
 .r5-interior .ex-versus { grid-template-columns:1fr; }
 .r5-interior .ex-versus > div { padding:16px; gap:8px; }
}
@media(max-width:430px) {
 .r5-interior .r5-feature .principle-grid { grid-template-columns:1fr; }
 .r5-interior .r5-feature .principle-grid > .principle-card:last-child:nth-child(odd) { grid-column:auto; }
 .page-framework .r5-hero-visual .ex-constellation .ex-cell { min-height:92px; padding:12px 8px; }
}


/* Framework flow sample: structural rules, explicitly selected by section classes. */
.page-framework .layout-framework-hero {
  display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:start; column-gap:clamp(24px,4vw,64px); row-gap:clamp(22px,3vw,42px);
  min-height:0;
}
.page-framework .layout-framework-hero > .r5-hero-copy,
.page-framework .layout-framework-hero > .r5-hero-visual {min-width:0;}
.page-framework .layout-framework-hero > .framework-hero-bottom {
  grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr);
  gap:20px; min-width:0;
}
.page-framework .framework-hero-intro {
  margin:0; max-width:none; display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px clamp(24px,4vw,64px);
}
.page-framework .framework-hero-intro > p {max-width:64ch; margin:0;}
.page-framework .framework-hero-bottom > .r4-actions {margin:2px 0 0;}
.page-framework .layout-framework-hero .r5-hero-visual .r6-exhibit {min-height:0; height:auto;}

.page-framework .framework-split-flow {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start; column-gap:clamp(24px,4vw,58px); row-gap:24px;
}
.page-framework .framework-split-flow > .r5-marker {grid-column:1/-1; grid-row:1;}
.page-framework .framework-split-flow > .r5-content {grid-column:1;grid-row:2;min-width:0;}
.page-framework .framework-split-flow > .r6-exhibit {grid-column:2;grid-row:2;min-width:0;align-self:start;}
.page-framework .framework-split-flow > .framework-continuation {
  grid-column:1/-1;grid-row:3;max-width:none;width:100%;min-width:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,4vw,58px);
}
.page-framework .framework-text-column {min-width:0;max-width:68ch;}
.page-framework .framework-text-column p {max-width:68ch;margin:0 0 16px;color:#afc6c8;line-height:1.75;font-size:clamp(15px,1.2vw,17px);}
.page-framework .framework-split-flow > .r6-exhibit {height:auto;min-height:0;aspect-ratio:auto;}

.page-framework .framework-wide-exhibit {
  display:grid;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:22px;
}
.page-framework .framework-wide-exhibit > .r5-marker {grid-column:1;grid-row:1;}
.page-framework .framework-wide-exhibit > .r5-content {grid-column:1;grid-row:2;max-width:none;min-width:0;}
.page-framework .framework-wide-exhibit > .r6-exhibit {grid-column:1;grid-row:3;max-width:none;width:100%;min-height:0;aspect-ratio:auto;}
.page-framework .framework-text-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,58px);}
.page-framework .framework-wide-exhibit .ex-body {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;}
.page-framework .framework-wide-exhibit .ex-cell {min-height:100px;overflow-wrap:normal;word-break:normal;}
@media(max-width:900px){
 .page-framework .layout-framework-hero {grid-template-columns:minmax(0,1fr);}
 .page-framework .layout-framework-hero > .framework-hero-bottom {grid-column:1;}
 .page-framework .layout-framework-hero > .r5-hero-visual {max-width:none;}
}
@media(max-width:760px){
 .page-framework .framework-split-flow {grid-template-columns:minmax(0,1fr);}
 .page-framework .framework-split-flow > .r5-marker {grid-column:1;grid-row:1;}
 .page-framework .framework-split-flow > .r5-content {grid-column:1;grid-row:2;}
 .page-framework .framework-split-flow > .r6-exhibit {grid-column:1;grid-row:3;}
 .page-framework .framework-split-flow > .framework-continuation {grid-column:1;grid-row:4;}
 .page-framework .framework-split-flow > .framework-continuation,
 .page-framework .framework-hero-intro,
 .page-framework .framework-text-grid {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:450px){
 .page-framework .framework-wide-exhibit .ex-body {grid-template-columns:minmax(0,1fr);}
}
