:root{--gd-paper:#FBF7E7;--gd-ink:#2C1D1C;--gd-rust:#7D3731;--gd-mint:#C1E2D7;--gd-white:#FFFFFF;--gd-heading:'Viga','Trebuchet MS',sans-serif;--gd-prose:'Gelasio',Georgia,serif;--gd-gutter:max(40px,calc((100vw - 1280px)/2))}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--gd-paper);color:var(--gd-ink);font-family:var(--gd-prose);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gd-rust);text-decoration-thickness:1px;text-underline-offset:4px;transition:background-color .18s ease,text-decoration-thickness .18s ease,transform .18s ease}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--gd-rust);outline-offset:5px}
::selection{background:var(--gd-mint);color:var(--gd-ink)}
img,svg{max-width:100%}
.gd-icon{display:inline-flex;flex:none;width:20px;height:20px;font-style:normal}
.gd-icon>svg{display:block;width:100%;height:100%}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--gd-heading);font-weight:400;line-height:1.12;text-wrap:balance}
h1{font-size:66px;letter-spacing:-1.8px}
h2{font-size:42px;letter-spacing:-.8px}
h3{font-size:32px}
.gd-skip{position:absolute;top:-100px;left:24px;z-index:20;background:var(--gd-paper);padding:10px 18px}
.gd-skip:focus{top:10px}
.gd-frame{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.gd-masthead{height:139px;position:relative;padding-top:9px}
.gd-disc-nav{position:relative;width:392px;height:80px;display:flex;isolation:isolate}
.gd-disc-nav a{width:152px;height:105px;flex-shrink:0;border-radius:50%;display:flex;justify-content:center;align-items:flex-start;gap:6px;padding-top:13px;font-family:var(--gd-heading);font-size:16px;text-decoration:none;color:var(--gd-ink)}
.gd-disc-nav a:nth-child(1){background:var(--gd-mint);z-index:3}
.gd-disc-nav a:nth-child(2){background:#E9C56A;margin-left:-32px;z-index:2}
.gd-disc-nav a:nth-child(3){background:#E9C6B8;margin-left:-32px;z-index:1}
.gd-disc-nav a:hover{transform:translateY(-4px)}
.gd-disc-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.gd-disc-nav svg{width:17px;height:20px;stroke-width:1.7}
.gd-wordmark{position:relative;display:inline-block;z-index:4;font:400 41px/1 var(--gd-heading);letter-spacing:-1.2px;color:var(--gd-ink);text-decoration:none;background:var(--gd-paper);padding:1px 20px 3px 0}
.gd-wordmark:hover{color:var(--gd-rust)}
.gd-mast-note{position:absolute;right:0;top:35px;max-width:225px;font-size:16px;line-height:1.5;padding-left:18px;border-left:5px solid var(--gd-rust)}
/* One photograph runs behind a top paving-slab band and a bottom reading strip. */
.gd-home-open{display:grid;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate}
.gd-hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 54%;z-index:-1}
.gd-title-band{grid-row:1;z-index:1;width:calc(100% - var(--gd-gutter));padding:25px 54px 30px max(28px,calc(var(--gd-gutter) - 12px));background:var(--gd-paper);border-left:12px solid var(--gd-rust);border-bottom:7px solid var(--gd-rust);clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%)}
.gd-title-band h1{max-width:1120px}
.gd-welcome-spread{grid-row:3;display:grid;grid-template-columns:1fr 1.6fr;gap:64px;padding:27px var(--gd-gutter) 30px;background:var(--gd-paper);border-bottom:7px solid var(--gd-rust);z-index:1}
.gd-welcome{font-size:19px;line-height:1.55;max-width:480px}
.gd-prescription{position:relative;padding-left:49px;font-size:17px;line-height:1.55}
.gd-prescription p{margin:0}
.gd-ingredient-rail{position:absolute;top:3px;bottom:4px;left:23px;width:13px;border-radius:9px;background:var(--gd-mint)}
.gd-ingredient-rail b{position:absolute;right:0;width:36px;height:12px;border-radius:9px;background:var(--gd-mint)}
.gd-ingredient-rail b:nth-child(1){top:16%}
.gd-ingredient-rail b:nth-child(2){top:48%}
.gd-ingredient-rail b:nth-child(3){top:80%}
.gd-leaf-figure{grid-row:2;min-height:286px;display:flex;justify-content:flex-end;align-items:flex-end;padding:0 var(--gd-gutter) 24px}
.gd-leaf-figure figcaption{max-width:338px;padding:13px 18px;background:var(--gd-rust);color:var(--gd-paper);font-size:16px;line-height:1.45;box-shadow:7px 7px 0 var(--gd-paper);transform:rotate(-2deg)}
/* The essays occupy the outer circles; their shared centre stays empty. */
.gd-constituents{padding-top:65px}
.gd-constituents>h2{max-width:730px;margin-bottom:24px;padding-left:23px;border-left:9px solid var(--gd-rust)}
.gd-circle-spread{position:relative;min-height:1160px;background:url('./venn-spread.svg') center top/100% 100% no-repeat}
.gd-constituent{position:absolute;width:300px}
.gd-constituent:nth-child(1){left:10%;top:118px}
.gd-constituent:nth-child(2){right:10%;top:118px}
.gd-constituent:nth-child(3){left:calc(50% - 150px);top:740px}
.gd-part-number{position:absolute;left:-70px;top:-17px;display:block;font:400 100px/.9 var(--gd-heading);color:var(--gd-rust)}
.gd-constituent h3{font-size:37px;margin-bottom:13px}
.gd-setting{font-family:var(--gd-heading);font-size:18px;line-height:1.4;margin-bottom:16px;max-width:275px}
.gd-constituent .gd-part-account{font-size:18px;line-height:1.6}
.gd-missing{background:var(--gd-white);margin-top:-14px;padding:52px 70px 56px;position:relative;border-top:10px solid var(--gd-rust);box-shadow:16px 16px 0 var(--gd-mint)}
.gd-missing-top{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;margin-bottom:30px}
.gd-rings{width:210px;height:130px;object-fit:contain}
.gd-missing .gd-rings{width:265px;max-width:none;height:165px;margin-left:-48px;transform:rotate(-8deg)}
.gd-missing h2{font-size:46px;max-width:740px}
.gd-owner-words{columns:2;column-gap:60px}
.gd-owner-words p{break-inside:avoid;margin-bottom:20px}
.gd-owner-words p:last-child{margin-bottom:0}
.gd-next-reading{padding:55px 0 60px;display:flex;gap:20px 32px;flex-wrap:wrap;font-family:var(--gd-heading);font-size:19px}
.gd-next-reading a{display:flex;gap:10px;align-items:center;text-decoration:none;padding-bottom:8px;border-bottom:4px solid var(--gd-mint)}
.gd-next-reading a:hover{transform:translateY(-3px);border-color:var(--gd-rust)}
.gd-next-reading svg{width:24px;height:24px;stroke-width:1.7}
.gd-inner-open{padding-top:30px;max-width:1100px}
.gd-page-label{font:400 19px/1.5 var(--gd-heading);color:var(--gd-rust);margin-bottom:13px;display:flex;gap:10px;align-items:center}
.gd-page-label svg{width:24px;height:24px;stroke-width:1.7}
.gd-inner-open h1{font-size:58px;line-height:1.14;max-width:1050px}
.gd-lead{font-size:23px;line-height:1.55;max-width:850px;margin-top:24px}
/* Offset photographic plates continue the street-paving idea inside the guide. */
.gd-street-band{margin:37px -18px 0;position:relative}
.gd-band-image{display:block;width:100%;height:245px;object-fit:cover;object-position:center;border-radius:0 140px 0 0;border-left:9px solid var(--gd-rust);box-shadow:16px 16px 0 var(--gd-mint)}
.gd-photo-three-leaves{object-position:50% 54%}
.gd-photo-reflected-sky{object-position:50% 60%}
.gd-photo-limestone-line{object-position:50% 49%}
.gd-photo-wet-veins{object-position:50% 52%}
.gd-photo-leaf-stalk{object-position:50% 56%}
.gd-street-band figcaption{position:relative;max-width:580px;width:fit-content;margin:-27px 30px 0 auto;padding:14px 20px;background:var(--gd-paper);border-bottom:5px solid var(--gd-rust);font-size:16px;line-height:1.5}
.gd-reading-spread{display:grid;grid-template-columns:290px minmax(0,740px);column-gap:90px;padding-top:65px;padding-bottom:80px}
.gd-reading-thread{align-self:start;position:sticky;top:28px;padding:5px 20px 8px;border-left:7px solid var(--gd-rust)}
.gd-reading-thread>p{font:400 21px/1.4 var(--gd-heading);margin-bottom:20px}
.gd-reading-thread ol{list-style:none;margin:0;padding:0;counter-reset:gd-sections}
.gd-reading-thread li{counter-increment:gd-sections;margin:0 0 18px;padding-left:28px;position:relative;font-size:16px;line-height:1.5}
.gd-reading-thread li:before{content:counter(gd-sections);position:absolute;left:0;top:0;font-family:var(--gd-heading);color:var(--gd-rust)}
.gd-reading-thread a{text-decoration:none}
.gd-reading-thread a:hover{text-decoration:underline;background:var(--gd-mint)}
.gd-reading-thread .gd-rings{width:160px;height:100px;margin-top:20px;margin-left:-45px;background:var(--gd-paper)}
.gd-page-words h2{margin-top:45px;margin-bottom:23px;padding-left:20px;border-left:6px solid var(--gd-mint);font-size:34px}
.gd-page-words h2:first-child{margin-top:0}
.gd-page-words h3{margin:25px 0 15px}
.gd-page-words p{margin-bottom:22px}
.gd-page-words p:last-child{margin-bottom:0}
.gd-bottom-nav{border-top:5px solid var(--gd-mint);padding-top:30px;margin-top:45px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--gd-heading);font-size:18px}
.gd-colophon{background:var(--gd-rust);color:var(--gd-paper);margin-top:20px;padding:50px 0 30px}
.gd-footer-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:100px}
.gd-footer-brand{font:400 38px/1.2 var(--gd-heading);margin-bottom:15px}
.gd-footer-layout p{font-size:16px;line-height:1.6;max-width:330px}
.gd-footer-layout .gd-footer-brand{font-size:38px}
.gd-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 26px;align-content:start;font-size:16px}
.gd-footer-nav a{color:var(--gd-paper);text-decoration:none}
.gd-footer-nav a:hover{text-decoration:underline}
.gd-colophon a:focus-visible{outline-color:var(--gd-mint)}
.gd-copyright{font-size:15px;margin-top:30px;padding-top:22px;border-top:1px solid var(--gd-paper)}
.gd-lost{padding:50px 0 110px;max-width:800px}
.gd-lost h1{margin:20px 0 30px}
.gd-lost p{margin-bottom:25px}
@media(max-width:1100px) and (min-width:701px){
 h1{font-size:53px}
 .gd-welcome-spread{gap:35px;grid-template-columns:1fr 1.35fr}
 .gd-welcome{font-size:18px}
 .gd-leaf-figure{min-height:260px}
 .gd-circle-spread{min-height:0;background:none;display:block;padding:10px 0 25px}
 .gd-constituent{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;max-width:680px;margin:40px auto;padding:28px 0 28px 90px;border-top:7px solid var(--gd-mint)}
 .gd-part-number{left:0;top:28px;font-size:80px}
 .gd-reading-spread{grid-template-columns:210px minmax(0,1fr);gap:38px}
 .gd-missing{padding:40px}
 .gd-missing-top{grid-template-columns:180px 1fr;gap:25px}
 .gd-missing h2{font-size:38px}
 .gd-missing .gd-rings{width:220px;margin-left:-30px}
 .gd-footer-layout{gap:45px}
}
@media(max-width:700px){
 :root{--gd-gutter:20px}
 body{font-size:17px;line-height:1.65}
 .gd-frame{width:calc(100% - 40px)}
 .gd-masthead{height:83px;padding-top:0}
 .gd-disc-nav{height:45px;width:334px;max-width:100%}
 .gd-disc-nav a{width:126px;height:66px;padding-top:5px;font-size:16px;gap:4px}
 .gd-disc-nav a:nth-child(2),.gd-disc-nav a:nth-child(3){margin-left:-22px}
 .gd-disc-nav svg{width:14px;height:20px}
 .gd-wordmark{font-size:31px;padding:0 13px 2px 0;letter-spacing:-.7px}
 .gd-mast-note{display:none}
 h1,.gd-inner-open h1{font-size:29px;line-height:1.17;letter-spacing:-.55px;text-wrap:pretty}
 .gd-title-band{width:100%;padding:20px 20px 22px 13px;border-left-width:7px;border-bottom-width:5px;clip-path:none}
 .gd-welcome-spread{grid-row:2;display:block;padding:20px 20px 24px;border-bottom:0}
 .gd-welcome{font-size:17px;line-height:1.5;max-width:none}
 .gd-prescription{margin-top:20px;font-size:16px;line-height:1.5;padding-left:41px}
 .gd-ingredient-rail{left:20px;width:12px}
 .gd-ingredient-rail b{width:32px;height:11px}
 .gd-leaf-figure{grid-row:3;min-height:190px;position:relative;isolation:isolate;padding:0 20px 14px;border-bottom:6px solid var(--gd-rust)}
 .gd-hero-photo{object-position:50% 53%}
 .gd-leaf-figure figcaption{font-size:14px;line-height:1.4;max-width:290px;padding:10px 13px;box-shadow:4px 4px 0 var(--gd-paper);transform:rotate(-1.5deg)}
 .gd-constituents{padding-top:38px}
 .gd-constituents>h2{font-size:31px;margin-bottom:21px;padding-left:16px;border-left-width:6px;max-width:340px}
 .gd-circle-spread{min-height:0;background:none;display:flex;flex-direction:column;gap:4px}
 .gd-constituent{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;padding:25px 0 28px;border-top:6px solid var(--gd-mint)}
 .gd-constituent:nth-child(2){border-color:#E9C56A}
 .gd-constituent:nth-child(3){border-color:#E9C6B8}
 .gd-part-number{position:absolute;left:0;top:20px;font-size:62px}
 .gd-constituent h3{font-size:31px;margin-left:57px}
 .gd-setting{font-size:17px;max-width:265px;margin-left:57px;margin-bottom:19px}
 .gd-constituent .gd-part-account{font-size:17px;line-height:1.6}
 .gd-missing{margin-top:14px;padding:25px 22px 30px;border-top-width:7px;box-shadow:8px 8px 0 var(--gd-mint)}
 .gd-missing-top{display:block;margin-bottom:22px}
 .gd-missing .gd-rings{width:148px;height:92px;margin-left:-15px;margin-bottom:20px;max-width:100%}
 .gd-missing h2{font-size:31px;line-height:1.18}
 .gd-owner-words{columns:auto}
 .gd-owner-words p{margin-bottom:21px}
 .gd-next-reading{padding:35px 0 39px;gap:20px;font-size:17px;flex-direction:column;align-items:flex-start}
 .gd-inner-open{padding-top:24px}
 .gd-page-label{font-size:17px;margin-bottom:12px}
 .gd-lead{font-size:19px;margin-top:18px;line-height:1.55}
 .gd-street-band{margin:26px -20px 0}
 .gd-band-image{height:165px;border-radius:0 70px 0 0;border-left:0;box-shadow:none}
 .gd-street-band figcaption{font-size:16px;max-width:calc(100% - 40px);margin:-18px 20px 0;padding:12px 15px;border-bottom-width:4px}
 .gd-reading-spread{display:block;padding-top:34px;padding-bottom:42px}
 .gd-reading-thread{position:static;padding:0 0 25px 17px;margin-bottom:29px;border-left-width:6px}
 .gd-reading-thread>p{font-size:19px;margin-bottom:13px}
 .gd-reading-thread ol{display:grid;grid-template-columns:1fr;gap:12px}
 .gd-reading-thread li{font-size:16px;margin:0;padding-left:24px}
 .gd-reading-thread .gd-rings{display:none}
 .gd-page-words h2{font-size:28px;margin:32px 0 19px;line-height:1.18;padding-left:15px}
 .gd-page-words p{margin-bottom:21px}
 .gd-bottom-nav{font-size:17px;padding-top:23px;margin-top:32px;gap:15px}
 .gd-colophon{margin-top:0;padding:30px 0 24px}
 .gd-footer-layout{display:block}
 .gd-footer-nav{grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:27px;font-size:16px}
 .gd-footer-layout p{font-size:16px}
 .gd-footer-layout .gd-footer-brand{font-size:33px}
 .gd-copyright{font-size:14px;margin-top:25px}
 .gd-lost{padding:25px 0 55px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}.gd-disc-nav a:hover,.gd-next-reading a:hover{transform:none}}
