/* September 2026 Field Notes: a contemporary nature letter with live text. */
.field-notes-2026{--fn-ink:#153e35;--fn-paper:#fffdf5;--fn-acid:#dcec7a;--fn-line:#bec8b8;padding:0;background:var(--fn-paper);color:var(--fn-ink);border:1px solid #c7d0c0;overflow:hidden}
.fn-envelope{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 24px;background:var(--fn-ink);color:var(--fn-paper);font-size:.75rem;line-height:1.6;letter-spacing:.065em}
.fn-envelope span:last-child{color:var(--fn-acid)}
.fn-masthead{padding:27px 24px 23px}
.fn-name{font-family:'Manrope',Arial,sans-serif;font-size:clamp(2.9rem,4.9vw,4.9rem);font-weight:800;line-height:1.02;letter-spacing:-.065em;margin:0 0 10px;overflow-wrap:normal}
.fn-name>span{color:#ac432d}
.fn-masthead>p:last-child{font-size:.875rem;line-height:1.6;margin:0;letter-spacing:.015em}
.fn-art{margin:0}
.fn-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fn-art>figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 24px;border-bottom:1px solid var(--fn-line);font-size:.75rem;line-height:1.6}
.fn-art>figcaption span:first-child{letter-spacing:.07em;font-weight:700}
.fn-editorial{padding:26px 24px}
.fn-kicker{font-size:.75rem;line-height:1.6;font-weight:700;letter-spacing:.09em;margin:0 0 15px}
.fn-editorial>h6{font-family:Georgia,serif;font-size:clamp(2.4rem,3.2vw,3.35rem);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}
.fn-editorial>p:not(.fn-kicker):not(.fn-signoff){font-size:1rem;line-height:1.75;margin:0 0 24px}
.fn-observation{padding:20px;background:var(--fn-acid);border-left:3px solid var(--fn-ink);margin:24px 0}
.fn-observation>span{font-size:.75rem;line-height:1.6;letter-spacing:.065em;font-weight:700}
.fn-observation>p{font-size:1rem;line-height:1.7;margin:9px 0 0}
.fn-issue{border-top:1px solid var(--fn-line);border-bottom:1px solid var(--fn-line)}
.fn-issue>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;font-size:.9375rem;line-height:1.6;font-weight:700}
.fn-issue>summary::-webkit-details-marker{display:none}
.fn-issue>summary>span{font-size:1.4rem;line-height:1;flex-shrink:0;transition:transform .2s}
.fn-issue[open]>summary>span{transform:rotate(45deg)}
.fn-issue-body{padding:8px 0 22px}
.fn-issue-body section+section{border-top:1px solid var(--fn-line);margin-top:24px;padding-top:24px}
.fn-section-number{font-size:.75rem;font-weight:700;line-height:1.6;letter-spacing:.06em}
.fn-issue-body h6{font-family:'Manrope',Arial,sans-serif;font-size:1.25rem;line-height:1.35;letter-spacing:-.02em;margin:9px 0 12px;font-weight:700}
.fn-issue-body section>p{font-size:1rem;line-height:1.75;margin:0}
.fn-issue-body a{text-decoration:underline;text-underline-offset:3px}
.fn-issue-body .fn-action{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--fn-ink);color:var(--fn-paper);padding:16px 18px;margin:24px 0;text-decoration:none;font-size:1rem;line-height:1.5;font-weight:600;transition:background .2s}
.fn-action:hover{background:#245b4e}
.fn-sources{border-top:1px solid var(--fn-line);padding-top:18px}
.fn-sources>p{font-size:.75rem;letter-spacing:.06em;font-weight:700;line-height:1.6;margin:0 0 12px}
.fn-sources ol{padding-left:20px;margin:0;font-size:.875rem;line-height:1.65}
.fn-sources li+li{margin-top:10px}
.fn-sources li{scroll-margin-top:100px}
.fn-signoff{font-size:.9375rem;line-height:1.6;margin:24px 0 0}
.fn-signoff>span{display:inline-block;font-family:Georgia,serif;font-style:italic;font-size:2rem;line-height:1.3;margin-top:5px}
.fn-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--fn-line);padding:15px 24px;font-size:.75rem;line-height:1.6}
.fn-footer>span:first-child{font-weight:700;letter-spacing:.045em}
.field-notes-2026 :focus-visible{outline:3px solid #ac432d;outline-offset:5px}
@media(max-width:600px){.fn-name{font-size:clamp(2.6rem,10.6vw,4.8rem)}.fn-envelope,.fn-footer{padding-inline:20px}.fn-masthead,.fn-editorial{padding-inline:20px}.fn-art>figcaption{padding-inline:20px}.fn-editorial>h6{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.field-notes-2026 *{transition:none!important}}