/*
 * Ancient Mother R5: pagina fieldnotes.
 * GEGENEREERD door wordpress/tools/r5-css-split.js uit de canonieke prototype-CSS (docs/mockups/redesign-r5/r5.css), in de
 * volgorde van het prototype, met een scope zodat niets buiten R5-pagina's verandert. Niet met de hand wijzigen: een
 * ontwerpwijziging hoort in het prototype; een correctie voor WordPress hoort in de AFTER-lijst van het script.
 */
/* uit r5.css */

/* uit r5-fieldnotes.css */
body.am-p-fieldnotes main{--full:calc(-1 * (var(--gut) + var(--bleed)));--mg:9rem}
body.am-p-fieldnotes .fn-hero{padding:2.8rem 0 3.2rem calc(var(--gut) * .45)}
body.am-p-fieldnotes .fn-h1{font:500 clamp(5.4rem,11.6cqw,11rem)/.8 var(--serif);color:var(--head);margin:0 0 0 -.06em;letter-spacing:-.05em}
body.am-p-fieldnotes .fn-h1 span{display:inline-block}
body.am-p-fieldnotes .fn-h1 span+span{font-style:italic}
body.am-p-fieldnotes .fn-intro{font:italic 500 clamp(1.25rem,1.7cqw,1.5rem)/1.3 var(--serif);color:var(--soft);margin:1.4rem 0 0}
body.am-p-fieldnotes .fn-years{display:flex;gap:1.4rem;margin-top:1.6rem;font:700 .7rem/1 var(--sans);letter-spacing:.17em}
body.am-p-fieldnotes .fn-years a{color:var(--wine);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:.15rem}
body.am-p-fieldnotes .fn-list{list-style:none;margin:0;padding:0 0 0 calc(var(--gut) * .45);position:relative}
body.am-p-fieldnotes .fn-list::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--gut) * .45 + var(--mg) - 1.4rem);border-left:1px solid rgba(138,31,61,.45)}
body.am-p-fieldnotes .fn-year{display:grid;grid-template-columns:var(--mg) minmax(0,1fr);padding:4.4rem 0 0}
body.am-p-fieldnotes .fn-year span{font:500 clamp(3rem,4.4cqw,4.2rem)/.8 var(--serif);color:var(--wine);letter-spacing:-.03em;grid-column:1;margin-left:-.04em}
body.am-p-fieldnotes .fn{display:grid;grid-template-columns:var(--mg) minmax(0,1fr);grid-template-areas:"d t" ". x";column-gap:0;padding:2.6rem 0 2.8rem;border-bottom:1px solid var(--rule)}
body.am-p-fieldnotes .fn-year+.fn{padding-top:1.6rem}
body.am-p-fieldnotes .fn-d{grid-area:d;font:italic 500 1.08rem/1.5 var(--serif);color:var(--soft);margin:0;padding-top:.15rem}
body.am-p-fieldnotes .fn-t{grid-area:t;margin:0;color:var(--head)}
body.am-p-fieldnotes .fn-t a{text-decoration:none;color:inherit}
body.am-p-fieldnotes .fn-t a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
body.am-p-fieldnotes .fn-x{grid-area:x;max-width:38rem}
body.am-p-fieldnotes .fn-x p{margin:0 0 .9rem}
body.am-p-fieldnotes .fn-more{margin-top:.2rem!important}
body.am-p-fieldnotes .fn-more a{font:600 1.08rem var(--serif);color:var(--wine);text-decoration:none;border-bottom:1.5px solid currentColor}
body.am-p-fieldnotes .fn-s .fn-t{font:600 1.35rem/1.25 var(--serif)}
body.am-p-fieldnotes .fn-s .fn-x{margin-top:.7rem;font:italic 500 clamp(1.3rem,1.8cqw,1.55rem)/1.42 var(--serif);color:var(--ink);max-width:30em}
body.am-p-fieldnotes .fn-m .fn-t{font:500 clamp(2.2rem,3.3cqw,3rem)/1.04 var(--serif);letter-spacing:-.015em}
body.am-p-fieldnotes .fn-m .fn-x{margin-top:1.1rem;font-size:.95rem;line-height:1.62}
body.am-p-fieldnotes .fn-l{padding:3.6rem 0 3.6rem}
body.am-p-fieldnotes .fn-l .fn-t{font:500 clamp(3.6rem,6.6cqw,6.2rem)/.9 var(--serif);letter-spacing:-.035em}
body.am-p-fieldnotes .fn-l .fn-x{margin-top:1.6rem;font:500 clamp(1.25rem,1.7cqw,1.45rem)/1.45 var(--serif);max-width:30em}
body.am-p-fieldnotes .fn-has-img{grid-template-columns:var(--mg) minmax(0,1fr) minmax(0,15rem);grid-template-rows:auto 1fr;grid-template-areas:"d t img" ". x img";column-gap:0}
body.am-p-fieldnotes .fn-has-img .fn-x,body.am-p-fieldnotes .fn-has-img .fn-t{padding-right:2.6rem}
body.am-p-fieldnotes .fn-img{grid-area:img;align-self:start}
body.am-p-fieldnotes .fn-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
body.am-p-fieldnotes .fn-l.fn-has-img{grid-template-columns:var(--mg) minmax(0,1fr) minmax(0,22rem)}
body.am-p-fieldnotes .fn-l .fn-img{margin-right:var(--full)}
body.am-p-fieldnotes .fn-l .fn-img img{aspect-ratio:4/4.4}
body.am-p-fieldnotes .fn-pages{padding:3.4rem 0 0 calc(var(--gut) * .45 + var(--mg))}
body.am-p-fieldnotes .fn-pages a{font:500 1.4rem var(--serif);color:var(--head);text-decoration:none;border-bottom:1.5px solid var(--wine)}
body.am-p-fieldnotes .fs{position:relative;padding:2.8rem 0 0 calc(var(--gut) * .45)}
body.am-p-fieldnotes .fs::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--gut) * .45 + var(--mg) - 1.4rem);border-left:1px solid rgba(138,31,61,.45)}
body.am-p-fieldnotes .fs-h{display:grid;grid-template-columns:var(--mg) minmax(0,1fr);grid-template-areas:"b b" "d t"}
body.am-p-fieldnotes .fs-back{grid-area:b;margin:0 0 2.4rem;font:700 .7rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase}
body.am-p-fieldnotes .fs-back a{color:var(--wine);text-decoration:none}
body.am-p-fieldnotes .fs-back a::before{content:"← "}
body.am-p-fieldnotes .fs-d{grid-area:d;font:italic 500 1.08rem/1.4 var(--serif);color:var(--soft);margin:0;padding-top:.6rem;padding-right:2rem}
body.am-p-fieldnotes .fs-t{grid-area:t;font:500 clamp(3.6rem,7.6cqw,7.2rem)/.88 var(--serif);color:var(--head);margin:0;letter-spacing:-.04em;max-width:11em}
body.am-p-fieldnotes .fs-img{margin:3rem var(--full) 0 calc(var(--mg) - 1.4rem)}
body.am-p-fieldnotes .fs-img img{width:100%;height:clamp(18rem,30cqw,28rem);object-fit:cover}
body.am-p-fieldnotes .fs-x{margin:3rem 0 0 var(--mg);max-width:35em;font:500 1.32rem/1.62 var(--serif);color:var(--ink)}
body.am-p-fieldnotes .fs-x p{margin:0 0 1.15rem}
body.am-p-fieldnotes .fs-x p:first-child{font-size:1.55rem;line-height:1.48;color:var(--head)}
body.am-p-fieldnotes .fs-x p:last-child{margin-bottom:0}
body.am-p-fieldnotes .fs-x::after{content:"";display:block;width:2.4rem;border-top:1.5px solid var(--wine);margin-top:2.2rem}
body.am-p-fieldnotes .fs-s .fs-x{font:italic 500 clamp(1.7rem,2.6cqw,2.3rem)/1.32 var(--serif);max-width:24em}
body.am-p-fieldnotes .fs-s .fs-x p:first-child{font-size:inherit;line-height:inherit}
body.am-p-fieldnotes .fs-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:5rem 0 0 calc(var(--gut) * .45);padding-top:1.4rem;border-top:2px solid var(--head)}
body.am-p-fieldnotes .fs-nav a{text-decoration:none;color:var(--head);font:500 1.5rem/1.15 var(--serif)}
body.am-p-fieldnotes .fs-nav a:hover{text-decoration:underline;text-decoration-thickness:1px}
body.am-p-fieldnotes .fs-nav small{display:block;font:700 .66rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--wine);margin-bottom:.5rem}
body.am-p-fieldnotes .fs-newer{text-align:right}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-fieldnotes main{--mg:7rem}
body.am-p-fieldnotes .fn-has-img,body.am-p-fieldnotes .fn-l.fn-has-img{grid-template-columns:var(--mg) minmax(0,1fr) minmax(0,11rem)}
}
@container site (max-width:760px){
body.am-p-fieldnotes main{--full:calc(-1 * var(--gut));--mg:0px}
body.am-p-fieldnotes .fn-hero{padding:1.8rem 0 2.2rem}
body.am-p-fieldnotes .fn-h1{font-size:23cqw}
body.am-p-fieldnotes .fn-h1 span{display:block}
body.am-p-fieldnotes .fn-h1 span+span{padding-left:.5em}
body.am-p-fieldnotes .fn-intro{font-size:1.15rem}
body.am-p-fieldnotes .fn-list{padding:0}
body.am-p-fieldnotes .fn-list::before,body.am-p-fieldnotes .fs::before{display:none}
body.am-p-fieldnotes .fn-year{display:block;padding:3rem 0 0}
body.am-p-fieldnotes .fn-year span{font-size:3.4rem}
body.am-p-fieldnotes .fn,body.am-p-fieldnotes .fn-has-img,body.am-p-fieldnotes .fn-l.fn-has-img{display:block;padding:2rem 0 2.2rem}
body.am-p-fieldnotes .fn-year+.fn{padding-top:1rem}
body.am-p-fieldnotes .fn-d{font-size:1rem;margin-bottom:.4rem}
body.am-p-fieldnotes .fn-has-img .fn-x,body.am-p-fieldnotes .fn-has-img .fn-t{padding-right:0}
body.am-p-fieldnotes .fn-img{margin:1.1rem 0 0 2.4rem}
body.am-p-fieldnotes .fn-l .fn-img{margin:1.2rem calc(-1 * var(--gut)) 0 2.4rem}
body.am-p-fieldnotes .fn-img img,body.am-p-fieldnotes .fn-l .fn-img img{aspect-ratio:4/3}
body.am-p-fieldnotes .fn-s .fn-x{font-size:1.25rem}
body.am-p-fieldnotes .fn-m .fn-t{font-size:clamp(1.9rem,9.4cqw,2.3rem)}
body.am-p-fieldnotes .fn-m .fn-x{font-size:.92rem}
body.am-p-fieldnotes .fn-l .fn-t{font-size:clamp(2.9rem,15cqw,3.6rem)}
body.am-p-fieldnotes .fn-l .fn-x{font-size:1.2rem}
body.am-p-fieldnotes .fn-pages{padding:2.8rem 0 0}
body.am-p-fieldnotes .fs{padding:1.8rem 0 0}
body.am-p-fieldnotes .fs-h{display:block}
body.am-p-fieldnotes .fs-back{margin-bottom:1.6rem}
body.am-p-fieldnotes .fs-d{padding:0;margin-bottom:.6rem}
body.am-p-fieldnotes .fs-t{font-size:clamp(2.8rem,14.4cqw,3.6rem)}
body.am-p-fieldnotes .fs-img{margin:2rem calc(-1 * var(--gut)) 0}
body.am-p-fieldnotes .fs-img img{height:auto;aspect-ratio:4/3}
body.am-p-fieldnotes .fs-x{margin:2rem 0 0;font-size:1.2rem}
body.am-p-fieldnotes .fs-x p:first-child{font-size:1.36rem}
body.am-p-fieldnotes .fs-s .fs-x{font-size:clamp(1.45rem,7.2cqw,1.7rem)}
body.am-p-fieldnotes .fs-nav{grid-template-columns:minmax(0,1fr);gap:1.4rem;margin:3.4rem 0 0}
body.am-p-fieldnotes .fs-newer{text-align:left}
body.am-p-fieldnotes .fs-nav a{font-size:1.3rem}
}
/* Field Notes (4 nov 2026): opmaak in de tekst van een note en kleine WordPress-correcties. */
body.am-p-fieldnotes .fs-x a,body.am-p-fieldnotes .fn-x p:not(.fn-more) a{color:var(--wine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
body.am-p-fieldnotes .fs-x b,body.am-p-fieldnotes .fn-x b,body.am-p-fieldnotes .fs-x strong,body.am-p-fieldnotes .fn-x strong{font-weight:600}
body.am-p-fieldnotes .fs-x h2,body.am-p-fieldnotes .fn-x h2,body.am-p-fieldnotes .fs-x h3,body.am-p-fieldnotes .fn-x h3,body.am-p-fieldnotes .fs-x h4,body.am-p-fieldnotes .fn-x h4{font-family:var(--serif);font-style:normal;font-weight:500;color:var(--head);line-height:1.15;letter-spacing:-.01em}
body.am-p-fieldnotes .fs-x h2{font-size:1.75rem;margin:2.4rem 0 .9rem}body.am-p-fieldnotes .fs-x h3{font-size:1.45rem;margin:2rem 0 .7rem}body.am-p-fieldnotes .fs-x h4{font-size:1.25rem;margin:1.8rem 0 .6rem}
body.am-p-fieldnotes .fn-x h2,body.am-p-fieldnotes .fn-x h3,body.am-p-fieldnotes .fn-x h4{font-size:1.15em;margin:1rem 0 .4rem}
body.am-p-fieldnotes .fs-x ul,body.am-p-fieldnotes .fn-x ul,body.am-p-fieldnotes .fs-x ol,body.am-p-fieldnotes .fn-x ol{margin:0 0 1.15rem;padding-left:1.3em}body.am-p-fieldnotes .fs-x li,body.am-p-fieldnotes .fn-x li{margin:0 0 .35rem}body.am-p-fieldnotes .fs-x li::marker,body.am-p-fieldnotes .fn-x li::marker{color:var(--wine)}
body.am-p-fieldnotes .fs-x blockquote,body.am-p-fieldnotes .fn-x blockquote{margin:1.6rem 0;padding:0 0 0 1.2rem;border-left:2px solid var(--wine);font-style:italic;color:var(--head)}body.am-p-fieldnotes .fs-x blockquote p,body.am-p-fieldnotes .fn-x blockquote p{margin:0 0 .6rem}
body.am-p-fieldnotes .fs-x figure,body.am-p-fieldnotes .fn-x figure{margin:1.8rem 0}body.am-p-fieldnotes .fs-x img,body.am-p-fieldnotes .fn-x img{display:block;max-width:100%;height:auto}body.am-p-fieldnotes .fs-x figcaption,body.am-p-fieldnotes .fn-x figcaption{font:400 .82rem/1.4 var(--sans);font-style:normal;color:var(--soft);margin-top:.5rem}
body.am-p-fieldnotes .fs-x hr,body.am-p-fieldnotes .fn-x hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}
body.am-p-fieldnotes .fs-x>:last-child,body.am-p-fieldnotes .fn-x>:last-child{margin-bottom:0}
body.am-p-fieldnotes .fn-img img{height:auto}
body.am-p-fieldnotes .fn-pages{display:flex;flex-wrap:wrap;gap:1.2rem 2.6rem}
@container site (min-width:761px){body.am-p-fieldnotes .fs-nav .fs-newer{grid-column:2}}
/* Correctie (4 nov 2026): opening van langere notes op het overzicht in rechtopstaande Cormorant, zoals de losse note. */
body.am-p-fieldnotes .fn-m .fn-x,body.am-p-fieldnotes .fn-l .fn-x{font-family:var(--serif);font-style:normal;font-weight:500;font-size:1.32rem;line-height:1.6;color:var(--ink)}
@container site (max-width:760px){body.am-p-fieldnotes .fn-m .fn-x,body.am-p-fieldnotes .fn-l .fn-x{font-size:1.2rem;line-height:1.58}}
/* Correctie (4 nov 2026): overzicht, foto in eigen verhouding en begrensd; titel met foto gelijk aan zonder foto. */
body.am-p-fieldnotes .fn-has-img .fn-img img{width:100%;height:auto;aspect-ratio:var(--w,4)/var(--h,3);max-width:min(100%,calc(36rem * var(--w,4) / var(--h,3)));max-height:none;object-fit:cover}
@container site (min-width:1051px){body.am-p-fieldnotes .fn-l.fn-has-img{grid-template-columns:var(--mg) minmax(0,1fr) minmax(0,28rem)}body.am-p-fieldnotes .fn-l .fn-img{margin-right:0}}
body.am-p-fieldnotes .fn-l .fn-t{font-size:clamp(2.2rem,3.3cqw,3rem);line-height:1.04;letter-spacing:-.015em}
@container site (max-width:760px){body.am-p-fieldnotes .fn-l .fn-t{font-size:clamp(1.9rem,9.4cqw,2.3rem)}}
/* Correctie (4 nov 2026): losse note, staande en vierkante foto in eigen verhouding in de leeskolom; liggend houdt de band. */
body.am-p-fieldnotes .fs-img.fs-img-tall{margin:3rem 0 0 var(--mg)}
body.am-p-fieldnotes .fs-img.fs-img-tall img{display:block;width:100%;height:auto;aspect-ratio:var(--w,4)/var(--h,5);max-width:min(100%,30rem,calc(min(80vh,40rem) * var(--w,4) / var(--h,5)));max-height:none;object-fit:cover}
/* Correctie (4 nov 2026): liggende band op de losse note hooguit 1200 px breed en nooit breder dan 2,5 : 1. */
@container site (min-width:761px){body.am-p-fieldnotes .fs-img.fs-img-wide{max-width:75rem}body.am-p-fieldnotes .fs-img.fs-img-wide img{height:auto;aspect-ratio:5/2;min-height:clamp(18rem,30cqw,28rem)}}
@container site (max-width:760px){body.am-p-fieldnotes .fs-img.fs-img-tall{margin:2rem 0 0}body.am-p-fieldnotes .fs-img.fs-img-tall img{max-width:min(100%,calc(70vh * var(--w,4) / var(--h,5)))}}
