/* B3.6 Garden: approved v0.4 narrative; scoped Grey Matters editorial palette. */
.b36-garden .project-story{max-width:58rem;margin-inline:auto}
.b36-garden .project-story>.gm-section{margin-block:1.3rem}
.b36-garden .project-story .project-prose{max-width:70ch}
.b36-garden .b36-photo{width:100%;max-width:54rem;margin:1.25rem auto}
.b36-garden .b36-photo a{display:block}
.b36-garden .b36-photo img{display:block;max-width:100%;width:100%;height:auto;max-height:32rem;object-fit:contain;border-radius:.45rem}
.b36-garden .b36-photo figcaption{max-width:64ch;text-align:center;margin:.45rem auto;font-size:.86rem}
.b36-garden .b36-concept-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.b36-garden .b36-concept-pair .b36-photo{min-width:0;padding:.5rem;border:1px solid var(--gm-line);background:var(--gm-paper);border-radius:.65rem}
.b36-garden .project-story>#outcome{background:var(--gm-lavender);border-left:3px solid var(--gm-plum);border-radius:.65rem}
.b36-garden .project-story>#parallel{background:var(--gm-paper);border:1px solid var(--gm-line);border-radius:.65rem}
.b36-garden #parallel .project-table-wrap{max-width:none;overflow-x:auto}
.b36-garden #parallel .project-table th{background:var(--gm-lavender);color:var(--gm-plum)}
.b36-garden #parallel .project-table td{background:var(--gm-paper)}
.b36-garden .b36-planner-link{padding:1rem;border-left:3px solid var(--gm-plum);background:var(--gm-paper)}
@media(max-width:650px){.b36-garden .b36-concept-pair{grid-template-columns:1fr}.b36-garden .b36-photo img{max-height:none}.b36-garden #parallel .project-table{font-size:.8rem}}