/* Shared journal language: clear records, connected ideas, no paper metaphors. */
.journal-section, .nature-field-note { --journal-ink:#153c32; --journal-muted:#526a61; --journal-line:#c8dcd2; --journal-accent:#087768; font-family:Arial, Helvetica, sans-serif; }
.journal-section { color:var(--journal-ink); margin:3rem 0; padding-top:2rem; border-top:1px solid var(--journal-line); }
.journal-home { margin:0; padding:5rem max(1.5rem,calc((100% - 1280px) / 2)); background:#edf5f0; }
.property-river-video { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:center; background:#12382f; }
.property-preview { display:grid; grid-template-columns:1.45fr 1fr; grid-template-rows:220px 220px; gap:1rem; margin:2rem 0 0; }
.property-preview a { position:relative; overflow:hidden; border-radius:16px; background:#153c32; color:#fff; }
.property-preview-wide { grid-row:span 2; }
.property-preview img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.property-preview a:hover img { transform:scale(1.025); }
.property-preview span { position:absolute; inset:auto 0 0; padding:2rem 1.3rem 1.2rem; background:linear-gradient(transparent,#082e26d9); font-size:.875rem; line-height:1.5; }
.home-notebook .directory-grid { margin-top:3rem; }
.property-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; margin:2rem 0; }
.property-gallery figure { margin:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #c8dcd2; border-radius:16px; background:#f6faf7; }
.property-gallery img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.property-gallery .property-gallery-wide { grid-column:1/-1; }
.property-gallery-wide img { aspect-ratio:16/9; }
.property-gallery .property-gallery-tall { grid-row:span 2; }
.property-gallery-tall img { flex:1; min-height:400px; aspect-ratio:auto; height:0; object-fit:cover; }
.property-gallery figcaption { padding:1rem 1.2rem 1.2rem; font-size:.875rem; line-height:1.6; color:#526a61; }
.property-gallery figcaption span { display:block; font-weight:600; color:#153c32; margin-bottom:.3rem; }
.property-archive > h2 { max-width:780px; }
@media(max-width:700px) {
  .property-preview { grid-template-columns:1fr 1fr; grid-template-rows:280px 170px; }
  .property-preview-wide { grid-row:auto; grid-column:1/-1; }
  .property-preview span { padding:2rem .8rem .8rem; font-size:.8125rem; }
  .property-gallery { grid-template-columns:1fr; }
  .property-gallery .property-gallery-tall { grid-row:auto; }
  .property-gallery-tall img { flex:none; min-height:0; height:auto; aspect-ratio:3/4; }
}
@media(prefers-reduced-motion:reduce) { .property-preview img { transition:none; } .property-preview a:hover img { transform:none; } }
.journal-section-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2rem; }
.journal-section-heading > div { max-width:740px; }
.journal-eyebrow { font-size:.75rem!important; line-height:1.5; font-weight:650; letter-spacing:.12em; text-transform:uppercase; color:var(--journal-accent); margin:0 0 .8rem; }
.journal-section .journal-section-heading h2 { font-family:Arial,Helvetica,sans-serif; font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.12; letter-spacing:-.045em; font-weight:500; margin:0 0 1rem; }
.journal-section-heading p:not(.journal-eyebrow) { font-size:1rem; line-height:1.7; color:var(--journal-muted); }
.journal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.journal-home .journal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.journal-card { display:flex; flex-direction:column; background:#fff; padding:1.65rem; border:1px solid var(--journal-line); border-radius:18px; min-width:0; }
.journal-meta { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; color:var(--journal-accent); font-size:.75rem; line-height:1.5; }
.journal-meta > :first-child { padding:.28rem .6rem; border-radius:6px; background:#e4f3ee; letter-spacing:.035em; font-weight:650; }
.journal-card h3 { font-family:Arial,Helvetica,sans-serif; font-size:1.35rem; font-weight:550; letter-spacing:-.03em; line-height:1.25; margin:1.2rem 0 .7rem; color:var(--journal-ink); }
.journal-section p.journal-meaning { font-size:1rem; color:var(--journal-muted); line-height:1.65; margin:0 0 1.25rem; }
.journal-application, .journal-record { border-top:1px solid #e1ebe5; padding-top:1rem; margin-bottom:1rem; }
.journal-application > span, .journal-record > span { font-size:.75rem; line-height:1.5; font-weight:650; color:var(--journal-accent); }
.journal-section .journal-application p, .journal-section .journal-record p { font-size:1rem; line-height:1.65; color:var(--journal-muted); margin:.4rem 0 0; }
.journal-link { color:var(--journal-accent); font-size:.875rem; line-height:1.6; font-weight:600; text-decoration:underline; text-underline-offset:.25em; }
.journal-card > .journal-link { margin-top:auto; padding-top:.4rem; }
.journal-section a:focus-visible, .nature-field-note a:focus-visible { outline:3px solid #138a7a; outline-offset:4px; }
.journal-principles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; align-items:start; }
.journal-principle { border:1px solid var(--journal-line); border-radius:14px; background:#fff; overflow:hidden; scroll-margin-top:2rem; }
.journal-principle:target { border-color:var(--journal-accent); box-shadow:0 0 0 2px #08776826; }
.journal-principle-art { display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; background:#153c32; }
.journal-card > .journal-principle-art { border-radius:10px; margin-bottom:1.3rem; }
.journal-principle summary { display:block; cursor:pointer; list-style:none; padding:0; font-size:1.05rem; line-height:1.4; font-weight:600; }
.journal-principle-summary { display:flex; align-items:center; gap:1rem; padding:1.3rem; min-height:96px; }
.journal-principle summary::-webkit-details-marker { display:none; }
.journal-principle summary:focus-visible { outline:3px solid #138a7a; outline-offset:-4px; }
.journal-number { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; background:#e4f3ee; color:var(--journal-accent); border-radius:8px; font-size:.875rem; font-weight:500; }
.journal-expand { margin-left:auto; font-weight:400; font-size:1.5rem; }
.journal-principle[open] .journal-expand { transform:rotate(45deg); }
.journal-detail { padding:0 1.3rem 1.4rem; }
.journal-credit { font-size:.875rem!important; color:var(--journal-muted); line-height:1.6; margin-top:1.5rem; }
.nature-field-note { padding:1.35rem; border:1px solid rgb(199 228 213 / .35); border-radius:18px; background:rgb(13 48 39 / .94); color:#f2f8f2; box-shadow:0 12px 35px rgb(0 17 12 / .12); transform:none; }
.nature-field-note .field-note-index { color:#a9d9c4; font-size:.75rem; font-weight:550; letter-spacing:.08em; }
.home .nature-field-note h2 { font:500 1.5rem/1.2 Arial,Helvetica,sans-serif; letter-spacing:-.035em; }
.nature-field-note > p:not(.field-note-index) { color:#deebe3; font-size:1rem; line-height:1.6; }
.nature-field-note .field-note-species { font-family:Arial,Helvetica,sans-serif; font-size:.8125rem; color:#adccba; }
.nature-field-note a { font-size:.875rem; font-weight:550; color:#c1e9d8; }
.nature-field-note .journal-nature-connection { display:block; border-top:1px solid #a8d6bf40; margin-top:1rem; padding-top:.8rem; text-decoration:none; line-height:1.5; }
.home .hero:has(.hero-field-note) .hero-copy { padding-bottom:30rem; }
.nature-field-note.hero-field-note { left:max(1.5rem,calc((100% - 1280px) / 2)); bottom:5.5rem; width:min(510px,46vw); }
.journal-nature-connection span { display:block; font-size:.75rem; color:#a9d9c4; margin-bottom:.25rem; }
.notebook .plan-card { border-radius:16px; background:#f6faf7; border-color:#c8dcd2; }
.notebook .plan-summary { border-radius:16px; overflow:hidden; border-color:#1a493c; background:#1a493c; }
.notebook .plan-summary > div { background:#153c32; }
.notebook .plan-next { border-radius:14px; }
@media(max-width:1050px) { .journal-home .journal-grid { grid-template-columns:1fr; } }
@media(max-width:700px) {
  .journal-grid, .journal-principles { grid-template-columns:1fr; }
  .journal-section-heading { align-items:start; flex-direction:column; gap:.5rem; }
  .journal-card { padding:1.3rem; }
  .nature-field-note.hero-field-note, .nature-field-note.tree-field-note { transform:none; }
  .home .hero:has(.hero-field-note) .hero-copy { padding-bottom:0; }
  .nature-field-note.hero-field-note { left:auto; bottom:auto; width:calc(100% - 3rem); }
}