#jgx-review .jetro-listing img{aspect-ratio:5/2;object-fit:contain}
#jgx-review .detail-heading{padding:44px 6% 30px;border-bottom:1px solid var(--jgx-line)}
#jgx-review .detail-heading h1{margin:24px 0;max-width:22ch}
#jgx-review .detail-toc{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:25px}
#jgx-review .detail-toc a{border-bottom:1px solid #89999c;padding:8px 0}
#jgx-review .detail-lead{padding:32px 6%}
#jgx-review .migrated-block{padding:52px 6%;border-top:1px solid var(--jgx-line)}
#jgx-review .migrated-block:nth-child(even){background:#f4f1e9}
#jgx-review .detail-body :is(.migrated-block,.migrated-block [id]){scroll-margin-top:24px}
#jgx-review .detail-body .migrated-block .section{padding:0}
#jgx-review .detail-body p+p{margin-top:16px}
#jgx-review .detail-body h2{margin:18px 0 24px}
#jgx-review .detail-body h3{margin:18px 0}
#jgx-review .detail-body h4{margin:20px 0 14px}
#jgx-review .detail-body .eyebrow{margin:0 0 14px;color:#59646a}
#jgx-review .detail-body :is(.section-heading,.subsection-heading){display:block;margin-bottom:28px;max-width:980px}
#jgx-review .detail-body :is(.featured-detail,.project){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
#jgx-review .detail-body .featured-detail>figure{grid-column:2;grid-row:1}
#jgx-review .detail-body .featured-detail-copy{grid-column:1;grid-row:1}
#jgx-review .detail-body .photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
#jgx-review .detail-body img{width:100%;height:auto;object-fit:contain}
#jgx-review .detail-body figure{min-width:0;margin:20px 0}
#jgx-review .detail-body .project>figure{margin:0}
#jgx-review .detail-body img.reversi-experience{max-height:660px;width:100%}
#jgx-review .detail-body figcaption{color:#53636a;}
#jgx-review .detail-body :is(.route-grid,.value-grid,.role-grid,.collaboration-grid,.steps,.common-grid,.upcoming-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0}
#jgx-review .detail-body :is(.route-grid,.value-grid,.role-grid,.collaboration-grid,.steps,.common-grid,.upcoming-grid)>*{min-width:0;border-top:2px solid #c5ae7a;padding-top:16px}
#jgx-review .detail-body .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:18px 0}
#jgx-review .detail-body .process-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}
#jgx-review .detail-body .process-grid li{border-top:2px solid #c5ae7a;padding-top:18px}
#jgx-review .detail-body .step-number{color:#786239}
#jgx-review .detail-body .concept-creator{display:grid;grid-template-columns:160px minmax(0,800px);gap:36px;align-items:center}
#jgx-review .detail-body .concept-creator-portrait{margin:0}
#jgx-review .detail-body .concept-creator-role{color:#58676c}
#jgx-review .detail-body .faq{margin-top:32px}
#jgx-review .detail-end{display:flex;justify-content:space-between;gap:25px;padding:36px 6%}
#jgx-review .relationship-diagram{margin:0!important;min-width:0;padding:22px;border:1px solid #68818d;background:#11263a;align-self:start}
#jgx-review .relationship-diagram figcaption{margin-bottom:24px;color:#e3cf9d;}
#jgx-review .diagram-canvas{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px 20px;padding:0 24px}
#jgx-review .diagram-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
#jgx-review .diagram-node{position:relative;min-width:0;padding:18px;border:1px solid #8793a3;background:#10213b;display:flex;flex-direction:column;justify-content:center}
#jgx-review .diagram-node span{color:#e3c474;letter-spacing:.06em}
#jgx-review .diagram-node b{margin:8px 0;}
#jgx-review .diagram-node small{color:#ccd3dd;}
#jgx-review .diagram-jgx,#jgx-review .diagram-test,#jgx-review .diagram-evidence{grid-column:1/-1;width:80%;justify-self:center;text-align:center}
#jgx-review .diagram-jgx{border-color:#e3c474;background:#293143}
#jgx-review .diagram-test{padding:18px;color:#e3cf9d}
#jgx-review .diagram-evidence{position:relative;padding:12px 14px;border:1px solid #9b8c67;background:#13223a;color:#d5dce6;}
#jgx-review .detail-body .opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:24px}
#jgx-review .detail-body .opportunity-card figure{margin:0 0 24px}
#jgx-review .detail-body .card-index{color:#7a6540}
#jgx-review .detail-body .prior-projects>article{margin-top:32px}
@container jgx (max-width:1100px){
 #jgx-review .relationship-diagram{max-width:760px;width:100%}
 #jgx-review .detail-body :is(.route-grid,.value-grid,.role-grid,.collaboration-grid,.steps,.common-grid,.upcoming-grid,.opportunity-grid){grid-template-columns:1fr}
}
@container jgx (max-width:760px){
 #jgx-review .jgx-site .project-foot a{white-space:normal}
 #jgx-review .detail-body :is(.featured-detail,.concept-creator){display:block}
 #jgx-review .detail-body .concept-creator-portrait{width:125px;margin:0 0 25px}
 #jgx-review .detail-body .migrated-block{padding:36px 6%}
 #jgx-review .detail-body .photo-pair{grid-template-columns:1fr}
 #jgx-review .detail-body .work-notes{grid-template-columns:1fr}
 #jgx-review .detail-body .process-grid{grid-template-columns:1fr}
 #jgx-review .diagram-canvas{grid-template-columns:1fr;gap:36px;padding:0 22px}
 #jgx-review .diagram-jgx,#jgx-review .diagram-test,#jgx-review .diagram-evidence{width:100%}
 #jgx-review .diagram-node{padding:18px 14px}
 #jgx-review .relationship-diagram{padding:22px 12px}
}
@container jgx (max-width:355px){
 #jgx-review .jgx-site .participation-options{grid-template-columns:1fr}
 #jgx-review .jgx-site .form-pair{grid-template-columns:1fr}
}

#jgx-review #value .relationship-diagram{color:#f4f1e9;margin-top:32px!important}
#jgx-review #value .work-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:30px 0}
#jgx-review .detail-body .collaboration-grid,#jgx-review .detail-body .participation-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
#jgx-review .detail-body .business-step{margin-top:24px;padding-top:16px;border-top:1px solid #abb6b8}
#jgx-review .detail-body .business-step h5{margin:10px 0}
#jgx-review .detail-body .business-step .step-label{color:#59646a}
#jgx-review .detail-body .business-design-note{margin-top:26px}
#jgx-review .detail-body .purpose-copy h3 br{display:none}
#jgx-review .detail-body .purpose-copy h3 span::before{content:' '}
#jgx-review .detail-body .purpose-copy .gold-text{color:inherit}
#jgx-review .detail-body .business-approach-copy{margin-top:28px}
#jgx-review .detail-body .business-approach-copy .button-row{display:flex;gap:20px;flex-wrap:wrap}
#jgx-review .detail-body .scope nav a{overflow-wrap:break-word}
@container jgx (max-width:600px){
 #jgx-review #value .work-notes,#jgx-review .detail-body .collaboration-grid,#jgx-review .detail-body .participation-routes{grid-template-columns:1fr}
}

/* Detail-page measures and visual relationships (no per-page type overrides). */
#jgx-review .detail-heading>p,#jgx-review .detail-lead>p,#jgx-review .detail-body .details-body>p,
#jgx-review .detail-body .section-intro>p,#jgx-review .detail-body .section-heading>p,
#jgx-review .detail-body .purpose-copy>p,#jgx-review .detail-body .business-approach-copy>p,
#jgx-review .detail-body .migrated-block>p,#jgx-review .detail-body .faq details>p { max-width:72ch; }
#jgx-review .detail-body :is(.detail-toc a,.text-link,.button) { margin-top:12px; }
#jgx-review .detail-body .detail-toc a { margin-top:0; }
#jgx-review .detail-body .value-details>.details-body>.route-grid { gap:32px; }
#jgx-review .detail-body .business-step { padding-top:22px; margin-top:24px; }
#jgx-review .detail-body .business-step p { max-width:72ch; }
#jgx-review .detail-body .business-step h5 { margin:12px 0 18px; }
#jgx-review .detail-body .business-design-note { padding-top:18px; border-top:1px solid var(--jgx-line); }
#jgx-review .detail-body .prior-projects>article { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:36px; align-items:start; }
#jgx-review .detail-body .prior-projects>article>figure { margin:0; }
#jgx-review .detail-body .prior-projects .example-copy { max-width:72ch; }
#jgx-review .detail-body .scope nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin-top:26px; }
#jgx-review .detail-body .scope nav>a,#jgx-review .detail-body .field-group { padding:18px 0; border-top:1px solid #9aa7ab; min-width:0; }
#jgx-review .detail-body .scope nav>a { display:flex; align-items:center; gap:12px; min-height:64px; }
#jgx-review .detail-body .field-group { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
#jgx-review .detail-body .field-group-label { display:block; margin-bottom:8px; color:var(--jgx-muted); }
#jgx-review .detail-body .field-group a { display:inline-flex; gap:10px; align-items:center; min-height:44px; padding:10px 0; text-decoration:underline; text-underline-offset:5px; }
#jgx-review .detail-body .field-group a+a { margin-top:4px; }
#jgx-review .detail-body .collaboration-card>p:not(.eyebrow) { max-width:48ch; }
#jgx-review .detail-body .craft-pair { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
#jgx-review .detail-body .craft-pair figure { margin:0; }
#jgx-review .detail-body .detail-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
#jgx-review .detail-body .meet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
#jgx-review .detail-body .event-card { border-top:2px solid var(--jgx-gold); padding-top:22px; }
#jgx-review .detail-end { flex-wrap:wrap; }
@container jgx (max-width:1100px) {
 #jgx-review .detail-body .value-details .route-grid { grid-template-columns:1fr; }
}
@container jgx (max-width:760px) {
 #jgx-review .detail-body .prior-projects>article,#jgx-review .detail-body .meet-grid,#jgx-review .detail-body .project { grid-template-columns:1fr; gap:24px; }
 #jgx-review .detail-body .prior-projects .example-copy { min-width:0; }
 #jgx-review .detail-body .scope nav { grid-template-columns:1fr; }
 #jgx-review .detail-body .craft-pair,#jgx-review .detail-body .detail-gallery { grid-template-columns:1fr; }
}
