*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:#243b31;background:#f7f3e9;font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#205f50;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #b96b22;outline-offset:4px}.hero,main,footer{width:min(1160px,calc(100% - 44px));margin-inline:auto}.hero{padding:48px 0 34px}.eyebrow{margin:0 0 14px;color:#52685b;font-weight:650;letter-spacing:.12em;text-transform:uppercase;font-size:.73rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{margin:0;font-size:clamp(3.4rem,7vw,6.4rem);line-height:1;letter-spacing:-.05em}h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.13;letter-spacing:-.03em;margin-bottom:20px}h3{font-size:1.4rem;line-height:1.2}.dek{max-width:860px;margin:22px 0 0;color:#4d6054;font-size:1.12rem;line-height:1.65}.skip{position:absolute;top:-90px;left:18px;background:#243b31;color:#fff;padding:12px;z-index:1100}.skip:focus{top:8px}.enquiries{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:6px 0 48px}.enquiry{min-width:0;border:1px solid #d1d3c2;background:#fcfaf2;border-radius:6px;overflow:hidden}.enquiry figure{margin:0;border-bottom:1px solid #d1d3c2}.enquiry img{display:block;width:100%;height:280px;object-fit:contain;background:#eeeee3}.enquiry img.mnemonic{object-fit:cover;object-position:center 35%}.enquiry figcaption{padding:10px 22px;font-size:.73rem;color:#52685b;line-height:1.45;min-height:62px}.enquiry-copy{padding:28px}.enquiry h2{font-size:clamp(1.9rem,3vw,2.7rem)}.enquiry p{line-height:1.65}.first-cue{padding-top:18px;border-top:1px solid #d1d3c2;font-size:.95rem}.button{display:inline-flex;gap:18px;align-items:center;background:#294c3b;color:#fffdf3;text-decoration:none;padding:12px 16px;font-size:.91rem;font-weight:650;border-radius:3px}.button:hover{background:#3c604b}.boundary{color:#53675a;font-size:.88rem;line-height:1.65}.enquiry .boundary{margin:17px 0 0}.secondary-link{display:inline-block;margin-top:12px;font-size:.88rem}.first-reading{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;background:#e9eddc;border:1px solid #d1d3c2;border-radius:5px;padding:30px}.first-reading p:last-child{margin-bottom:0}.construction{padding:62px 0 54px}.construction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0}.construction-grid article{border-top:1px solid #cbd0bf;padding-top:20px;font-size:.93rem}.construction-grid p{color:#53675a}.construction-grid .formula{color:#294c3b;font:1.12rem/1.7 Georgia,serif}.principles{border-block:1px solid #cbd0bf;padding:17px 0;font-size:.9rem}.principles summary{cursor:pointer;font-weight:650}.principles ul{padding-left:23px;max-width:860px}.principles li{margin-bottom:8px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:24px}.section-head p{color:#53675a}.essay-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:64px}.essay{grid-column:span 4;min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid #d1d3c2;border-radius:5px;background:#fcfaf2;text-decoration:none;color:inherit}.essay:hover,.essay:focus-visible{background:#fffdf7;border-color:#205f50;outline:2px solid #205f50}.essay.featured{grid-column:span 8;background:#e6ecdc}.number{color:#915621;font-size:.71rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.essay h3{margin:16px 0 12px}.essay p{color:#53675a;font-size:.92rem;margin:0}.essay .verb{margin-top:auto;padding-top:25px;color:#205f50;font-size:.83rem;font-weight:700}.essay.picture{padding:0;overflow:hidden}.essay.picture img{width:100%;height:190px;object-fit:cover;object-position:center 30%}.essay-copy{padding:22px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 30px;padding:26px 0 36px;border-top:1px solid #cbd0bf;color:#53675a;font-size:.82rem}footer p{margin:0}footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:baseline}
@media(max-width:800px){.enquiries,.first-reading,.section-head{grid-template-columns:1fr}.enquiry img{height:270px}.enquiry figcaption{min-height:0}.first-reading{gap:15px;padding:25px}.construction-grid{grid-template-columns:1fr;gap:8px}.essay,.essay.featured{grid-column:span 6}.construction{padding-top:44px}.section-head{gap:0}.hero{padding-top:34px}}
@media(max-width:540px){.hero,main,footer{width:calc(100% - 32px)}.enquiry-copy{padding:23px}.enquiry img{height:220px}.essay,.essay.featured{grid-column:1/-1}.button{gap:12px}.enquiries{gap:22px}.dek{font-size:1.02rem}.first-reading{padding:22px}}

/* Show each question and its route before the illustration at desktop size. */
.hero{padding-top:30px;padding-bottom:28px}h1{font-size:clamp(3.1rem,5.5vw,5rem)}.dek{margin-top:17px;font-size:1.05rem}.enquiry-heading{padding:23px 28px 22px}.enquiry-heading h2{font-size:clamp(1.8rem,2.5vw,2.25rem);margin-bottom:18px}.enquiry-heading .eyebrow{margin-bottom:11px}.enquiry img{height:220px}.enquiry-copy{padding-top:22px}.picture-link{display:block}.picture-link:focus-visible{outline-offset:-4px}
@media(max-width:540px){.enquiry-heading{padding:22px}.hero{padding-top:26px}.enquiry img{height:200px}}