.foliage-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.foliage-frame{margin:0;border:1px solid var(--line,#d8d5cc);background:#f3f1e9;display:flex;flex-direction:column}.foliage-label{padding:15px 18px;border-bottom:1px solid #d8d5cc}.foliage-label span{font-size:11px;letter-spacing:.12em;color:#666}.foliage-label h4{margin:6px 0 0}.foliage-frame>a{display:flex;align-items:center;justify-content:center;min-height:180px;flex:1;padding:12px}.foliage-frame img{width:100%;height:auto;max-height:380px;object-fit:contain}.foliage-frame figcaption{padding:12px 16px;background:#fff;font-size:11px;line-height:1.6;color:#555}.photo-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px}.photo-empty>span{font-size:35px;color:#888}.photo-empty p{font-size:13px;max-width:300px;color:#666}.scope-note{border-left:3px solid var(--red,#c33229);padding:8px 16px;background:#f5f2e9;font-size:14px}.culture-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.culture-steps article{display:flex;gap:14px}.culture-steps article>span{color:var(--red,#c33229);font-size:13px;padding-top:5px}.culture-steps h4{margin:0 0 7px}.culture-steps p{margin:0;font-size:14px;line-height:1.7}.diagnostic-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diagnostic-cards article{background:#f3f1e9;padding:22px}.diagnostic-cards h3{margin-top:0}.diagnostic-cards p{line-height:1.65}.reference-photo{max-width:100%;max-height:400px;object-fit:contain}.card-thumb{width:100%;height:auto;max-height:160px;object-fit:contain;background:#eeeee7;margin-bottom:12px}.photo-stat{font-size:12px;color:#666}.card-photo-placeholder{padding:12px;border-bottom:1px solid #ddd;font-size:12px;color:#777}.science-note{padding:12px 15px;background:#f3f1e9;font-size:13px;border-left:2px solid #999}
@media(max-width:600px){.foliage-pair,.culture-steps,.diagnostic-cards{grid-template-columns:1fr}.photo-empty{min-height:160px}.foliage-frame img{max-height:300px}}
@media(max-width:420px){.topbar{flex-wrap:wrap;gap:12px}.topbar nav{width:100%;min-width:0;flex-wrap:wrap;gap:12px;justify-content:space-between}.topbar nav>*{font-size:11px}}