/* Shared organ portrait layout. Only the pilot page uses this template. */
.ok-page-content.ok-organ-detail { box-sizing:border-box; width:calc(100% - 40px); max-width:1180px; padding-inline:0; margin-inline:auto; }
.ok-organ-detail .ok-organ-back { font-size:0.875rem; margin-top:0; margin-bottom:0.5rem; }
.ok-organ-detail .ok-organ-back a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.ok-organ-detail .ok-organ-back a:hover { text-decoration:underline; text-underline-offset:0.2em; }
.ok-organ-detail .ok-organ-place { font-size:clamp(2.8rem,5vw,4.5rem); margin-top:0.5rem; margin-bottom:0.35rem; }
.ok-organ-detail .ok-organ-church-title { font-family:var(--wp--preset--font-family--serif); font-size:1.7rem; line-height:1.3; color:var(--wp--preset--color--muted); margin-top:0; margin-bottom:2.5rem; }
.ok-organ-hero.ok-organ-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:3rem; align-items:center; margin-top:0; margin-bottom:4rem; }
.ok-organ-hero > figure { aspect-ratio:6/5; margin:0; background:var(--wp--preset--color--soft); }
.ok-organ-hero > figure img { display:block; width:100%; height:100%; object-fit:contain; }
.ok-organ-hero .ok-organ-lead { font-size:1.25rem; line-height:1.6; margin:0 0 2rem; }
.ok-organ-facts.ok-organ-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 2rem; }
.ok-organ-facts .ok-organ-fact { margin:0; padding-top:0.75rem; border-top:1px solid var(--wp--preset--color--line); }
.ok-organ-facts .ok-organ-fact-label { margin:0 0 0.3rem; color:var(--wp--preset--color--muted); font-size:0.875rem; }
.ok-organ-facts .ok-organ-fact-value { margin:0; font-size:1.0625rem; line-height:1.5; }
.ok-organ-detail .ok-organ-section { margin-top:0; margin-bottom:3.5rem; }
.ok-organ-section > h2 { margin-top:0; margin-bottom:1.5rem; font-size:2.25rem; }
.ok-organ-history > p { max-width:760px; margin-left:0; }
.ok-organ-specifications { max-width:900px; }
.ok-organ-specifications .ok-organ-spec-row { display:grid; grid-template-columns:160px minmax(0,1fr); gap:2rem; border-bottom:1px solid var(--wp--preset--color--line); padding:1rem 0; margin:0; }
.ok-organ-spec-row > p { margin:0; }
.ok-organ-spec-row .ok-organ-term { color:var(--wp--preset--color--muted); }
.ok-organ-stops.ok-organ-stops { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; padding:1.5rem 0; border-block:1px solid var(--wp--preset--color--line); }
.ok-organ-stops .ok-organ-stop-group { margin:0; }
.ok-organ-stops h3, .ok-organ-couplings h3 { margin:0 0 0.75rem; font-size:1.5rem; }
.ok-organ-stops ul, .ok-organ-couplings ul { list-style:none; padding:0; margin:0; line-height:1.9; }
.ok-organ-couplings { margin-top:1.5rem; }
.ok-organ-photo-grid.ok-organ-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; }
.ok-organ-photo-grid > figure { margin:0; min-width:0; }
.ok-organ-photo-grid > figure > a { display:block; aspect-ratio:4/3; background:var(--wp--preset--color--soft); }
.ok-organ-photo-grid > figure img { display:block; width:100%; height:100%; object-fit:contain; }
.ok-organ-photo-grid figcaption { font-size:0.875rem; line-height:1.45; color:var(--wp--preset--color--muted); text-align:left; margin-top:0.65rem; }
@media(max-width:900px) { .ok-organ-photo-grid.ok-organ-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:820px) { .ok-organ-hero.ok-organ-hero { grid-template-columns:minmax(0,1fr); gap:2rem; } }
@media(max-width:600px) {
 .ok-organ-detail .ok-organ-church-title { font-size:1.4rem; }
 .ok-organ-hero.ok-organ-hero { margin-bottom:3rem; }
 .ok-organ-specifications .ok-organ-spec-row { grid-template-columns:minmax(0,1fr); gap:0.35rem; }
 .ok-organ-stops.ok-organ-stops, .ok-organ-photo-grid.ok-organ-photo-grid { grid-template-columns:minmax(0,1fr); }
 .ok-organ-stops.ok-organ-stops { gap:2rem; }
 .ok-organ-facts.ok-organ-facts { gap:1.25rem; }
 .ok-organ-section > h2 { font-size:2rem; }
}