/*
 * Ancient Mother R5: pagina guides.
 * 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-guides.css */
body.am-p-guides main{--full:calc(-1 * (var(--gut) + var(--bleed)))}
body.am-p-guides .g-n{font:500 clamp(4.6rem,9.4cqw,9rem)/.82 var(--serif);color:var(--head);margin:0 0 0 -.05em;letter-spacing:-.045em}
body.am-p-guides .g-n-s{font-size:clamp(3.2rem,5.6cqw,5.2rem)}
body.am-p-guides .g-role{font:700 .7rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--wine);margin:1rem 0 0}
body.am-p-guides .g-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0 3.6rem;align-items:end;padding:3rem 0 4.4rem calc(var(--gut) * .45)}
body.am-p-guides .g-hero .lbl-r::after{display:inline-block;width:2.4rem;border-top-width:1.5px;vertical-align:middle;margin:0 0 0 .7rem}
body.am-p-guides .g-h1{font:500 clamp(6rem,13.6cqw,13rem)/.78 var(--serif);color:var(--head);margin:.6rem 0 0 -.06em;letter-spacing:-.05em}
body.am-p-guides .g-hero-b{font-size:.92rem;max-width:30rem;padding-bottom:.4rem}
body.am-p-guides .g-hero-b p{margin:0 0 .8rem}
body.am-p-guides .g-note{font:700 .7rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--soft)}
body.am-p-guides .g-hero-b .g-lead{font:italic 500 clamp(1.45rem,2.1cqw,1.85rem)/1.18 var(--serif);color:var(--head);margin-bottom:1.3rem}
body.am-p-guides .g-hero-b .g-four{font:500 1.22rem/1.3 var(--serif);color:var(--head)}
body.am-p-guides .g-mg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:0 3.6rem;align-items:start;background:var(--forest);color:var(--on);margin:0 var(--full) 0 calc(-1 * var(--gut));padding:4rem calc(var(--gut) + var(--bleed)) 4.6rem calc(var(--gut) * 1.45)}
body.am-p-guides .g-mg-img{margin-top:-7rem;position:relative;z-index:1}
body.am-p-guides .g-mg-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
body.am-p-guides .g-mg .g-n{color:var(--on)}
body.am-p-guides .g-mg .g-role{color:#e9b9c7}
body.am-p-guides .g-mg-q{font:italic 500 clamp(1.9rem,3cqw,2.75rem)/1.12 var(--serif);letter-spacing:-.01em;margin:2.2rem 0 0;max-width:19em}
body.am-p-guides .g-mg-p{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.4rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(246,238,223,.3);font-size:.9rem;color:var(--on-soft)}
body.am-p-guides .g-mg-p p{margin:0}
body.am-p-guides .g-story{margin-top:1.8rem}
body.am-p-guides .g-story a{color:var(--on);font:600 1.15rem var(--serif)}
body.am-p-guides .g-mx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:0 3.6rem;align-items:end;margin-right:var(--full)}
body.am-p-guides .g-mx-t{padding:4.6rem 0 4rem calc(var(--gut) * .45)}
body.am-p-guides .g-mx-p{font:500 clamp(1.3rem,1.8cqw,1.55rem)/1.4 var(--serif);margin:2rem 0 0;max-width:27em}
body.am-p-guides .g-mx-p em{color:var(--wine)}
body.am-p-guides .g-mx-img{margin-top:-3rem;position:relative;z-index:1}
body.am-p-guides .g-mx-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
body.am-p-guides .g-il{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1.8rem 3.4rem;align-items:start;padding:5.4rem 0 0 calc(var(--gut) * .45);border-top:1px solid var(--rule);margin-top:4.6rem}
body.am-p-guides .g-il-img img{width:100%;aspect-ratio:575/482;object-fit:cover}
body.am-p-guides .g-il-t{font-size:.92rem;max-width:40rem}
body.am-p-guides .g-il-t p{margin:0 0 .8rem}
body.am-p-guides .g-il-t .g-role{margin-bottom:1.4rem}
body.am-p-guides .g-tea{grid-column:2;font:italic 500 clamp(1.9rem,3.2cqw,2.9rem)/1.1 var(--serif);color:var(--head);letter-spacing:-.012em;max-width:16em;margin:.6rem 0 0}
body.am-p-guides .g-others{padding:5.4rem 0 0 calc(var(--gut) * .45)}
body.am-p-guides .g-o-l{list-style:none;margin:0;padding:1.6rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--head)}
body.am-p-guides .g-o{padding:0 2rem;border-left:1px solid var(--rule)}
body.am-p-guides .g-o:first-child{padding-left:0;border-left:0}
body.am-p-guides .g-o-img img{width:100%;max-width:15rem;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%}
body.am-p-guides .g-slot{width:100%;max-width:15rem;aspect-ratio:4/5;background:var(--sage);display:flex;align-items:center;justify-content:center}
body.am-p-guides .g-slot img{width:3.2rem;height:auto;aspect-ratio:87/119;opacity:.45;max-width:none}
body.am-p-guides .g-o-n{font:500 clamp(2.2rem,3.4cqw,3rem)/1 var(--serif);color:var(--head);margin:1.1rem 0 0;letter-spacing:-.02em}
body.am-p-guides .g-o .g-role{margin-top:.6rem;color:var(--soft)}
body.am-p-guides .g-cta{margin-top:5rem}
@container site (min-width:761px) and (max-width:1050px){
body.am-p-guides .g-hero{grid-template-columns:minmax(0,1fr);gap:1.6rem}
body.am-p-guides .g-mg,body.am-p-guides .g-mx{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
body.am-p-guides .g-mx{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
body.am-p-guides .g-mg-p{grid-template-columns:minmax(0,1fr);gap:.8rem}
body.am-p-guides .g-il{grid-template-columns:minmax(0,13rem) minmax(0,1fr)}
body.am-p-guides .g-o{padding:0 1.2rem}
}
@container site (max-width:760px){
body.am-p-guides main{--full:calc(-1 * var(--gut))}
body.am-p-guides .g-hero{display:block;padding:1.8rem 0 3rem}
body.am-p-guides .g-h1{font-size:30cqw}
body.am-p-guides .g-hero-b{margin-top:1.6rem;max-width:none}
body.am-p-guides .g-hero-b .g-lead{font-size:1.4rem}
body.am-p-guides .g-n{font-size:clamp(3.6rem,19cqw,4.6rem)}
body.am-p-guides .g-n-s{font-size:clamp(2.8rem,14cqw,3.4rem)}
body.am-p-guides .g-mg{display:block;padding:0 var(--gut) 3rem}
body.am-p-guides .g-mg-img{margin:0 calc(-1 * var(--gut)) 0 3rem;padding-top:0}
body.am-p-guides .g-mg-img img{aspect-ratio:4/4.6}
body.am-p-guides .g-mg-t{padding-top:2rem}
body.am-p-guides .g-mg-q{font-size:clamp(1.6rem,8cqw,1.95rem);margin-top:1.6rem}
body.am-p-guides .g-mg-p{display:block;margin-top:1.8rem}
body.am-p-guides .g-mg-p p{margin:0 0 .9rem}
body.am-p-guides .g-mx{display:flex;flex-direction:column-reverse;margin:0}
body.am-p-guides .g-mx-img{margin:3rem calc(-1 * var(--gut)) 0 3rem}
body.am-p-guides .g-mx-img img{aspect-ratio:4/4.6}
body.am-p-guides .g-mx-t{padding:2rem 0 0}
body.am-p-guides .g-mx-p{font-size:1.18rem;margin-top:1.4rem}
body.am-p-guides .g-il{display:block;padding:3.4rem 0 0;margin-top:3.4rem}
body.am-p-guides .g-il-img{margin:0 3.6rem 1.6rem 0}
body.am-p-guides .g-tea{font-size:clamp(1.55rem,7.8cqw,1.9rem);margin-top:1.4rem}
body.am-p-guides .g-others{padding:3.6rem 0 0}
body.am-p-guides .g-o-l{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:1.2rem}
body.am-p-guides .g-o{padding:0 .6rem}
body.am-p-guides .g-o:first-child{padding-left:0}
body.am-p-guides .g-o:last-child{padding-right:0}
body.am-p-guides .g-o-n{font-size:clamp(1.3rem,6.4cqw,1.6rem);margin-top:.7rem}
body.am-p-guides .g-o .g-role{font-size:.58rem;letter-spacing:.1em;margin-top:.4rem}
body.am-p-guides .g-slot img{width:2rem}
body.am-p-guides .g-cta{margin-top:3.4rem}
}
@container site (max-width:350px){
body.am-p-guides .g-o-l{grid-template-columns:minmax(0,1fr)}
body.am-p-guides .g-o{display:grid;grid-template-columns:6rem minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 1rem;padding:0 0 1rem;border:0;border-bottom:1px solid var(--rule);margin-bottom:1rem}
body.am-p-guides .g-o-img{grid-row:1/span 2}
body.am-p-guides .g-o-n{margin-top:.2rem;font-size:1.7rem}
body.am-p-guides .g-o .g-role{font-size:.62rem}
}
/* Terugval (4 nov 2026): alleen zichtbaar bij andere gegevens dan nu. */
body.am-p-guides .g-mg-p1{grid-template-columns:minmax(0,1fr)}
body.am-p-guides .g-mg-img.g-slot,body.am-p-guides .g-mx-img.g-slot,body.am-p-guides .g-il-img.g-slot{max-width:none;aspect-ratio:4/5}body.am-p-guides .g-il-img.g-slot{aspect-ratio:575/482}body.am-p-guides .g-mg-img.g-slot img,body.am-p-guides .g-mx-img.g-slot img,body.am-p-guides .g-il-img.g-slot img{width:3.2rem}
@container site (min-width:351px){body.am-p-guides .g-o:nth-child(3n+1){padding-left:0;border-left:0}}
/* 0.26.0: middelgrote vorm voor alle niet-uitgelichte gidsen; zonder tekst geen ruimte onder de rol. */
body.am-p-guides .g-il-0 .g-il-t .g-role{margin-bottom:0}
body.am-p-guides .g-il-img img{object-position:50% 30%}
body.am-p-guides .g-mg-img.g-slot,body.am-p-guides .g-mx-img.g-slot,body.am-p-guides .g-il-img.g-slot{width:auto}
/* 0.27.0: story-link buiten het groene vlak. */
body.am-p-guides .g-mx-t .g-story a,body.am-p-guides .g-il-t .g-story a{color:var(--head)}
