.journal-toolbar,.journal-entry header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.journal-entry{padding:22px 0;border-bottom:1px solid var(--line)}.journal-entry time,.journal-foot,figcaption{font-size:.8rem;color:var(--ink-faint)}.journal-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.journal-photos figure,.gallery-mode figure{margin:0;min-width:0}.journal-photos img,.gallery-mode img{width:100%;height:210px;object-fit:contain;background:var(--cream-2);border-radius:10px}.journal-photos select{width:100%}.gallery-mode .journal-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}.journal-foot{margin-top:20px}.journal-entry p{white-space:pre-wrap}.tree-section-nav{display:flex;gap:8px;margin:24px 0}.tree-layout[data-section=journal]>aside{display:none}.tree-layout[data-section=design]>section{display:none}.tree-layout[data-section=journal],.tree-layout[data-section=design]{display:block}.photo-drop{padding:24px;border:2px dashed #bcc9b5;border-radius:12px;text-align:center;margin:12px 0;color:var(--ink-faint)}.photo-drop.dragging,.photo-drop:focus-visible{background:#e6efdf;border-color:#416347}.collection-item{min-width:0}.collection-item>.tree-card{display:block;height:auto}.collection-item-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;font-size:.8rem}.collection-list{display:flex!important;flex-direction:column}.collection-list .tree-card{display:flex;align-items:center;gap:20px}.collection-list .tree-card .ph{width:110px;min-width:110px;height:130px}.collection-list .tree-card .ph img{height:100%;object-fit:contain}.collection-list .tree-card .meta{flex:1}.collection-list .collection-item-actions{justify-content:flex-end}.journal-photos figure{position:relative}.collection-tools{flex-wrap:wrap}.tree-layout[data-section=learn]{display:block}.tree-layout[data-section=learn]>section,.tree-layout[data-section=learn]>aside>.card:not(#specimen-knowledge):not(#species-profile),.tree-layout[data-section=design] #specimen-knowledge,.tree-layout[data-section=design] #species-profile{display:none}.tree-section-nav{flex-wrap:wrap}.knowledge-facts{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:12px}.knowledge-facts dt{color:var(--ink-faint)}.knowledge-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
