.guides-page{padding-bottom:52px}
.guides-intro{margin-bottom:52px}
.guides-intro h1{max-width:800px;margin-inline:auto}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guide-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 24px;background:#f4f5ee;border:1px solid #e0e5d8}
.guide-card h2{font:400 clamp(24px,2.5vw,32px)/1.2 Georgia,serif;color:#244331;margin:14px 0}
.guide-card h2 a{color:inherit;text-decoration:none}
.guide-card h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.guide-card>p:not(.atelier-label){color:#596553;line-height:1.75;font-size:15px}
.guide-card .atelier-link{margin-top:auto;padding-top:18px}
.guide-article{max-width:930px;padding-bottom:56px}
.guide-article-header{max-width:780px;margin:46px auto 54px;text-align:center}
.guide-article-header h1{font:400 clamp(36px,5vw,64px)/1.1 Georgia,serif;letter-spacing:-.035em;color:#244331;margin:18px 0}
.guide-article-header>p:last-child{max-width:700px;margin:0 auto;color:#596553;line-height:1.8;font-size:17px}
.guide-article-body{max-width:740px;margin:0 auto}
.guide-article-body section{margin:0 0 44px}
.guide-article-body h2{font:400 clamp(27px,3.5vw,38px)/1.2 Georgia,serif;color:#244331;margin:0 0 18px}
.guide-article-body p,.guide-article-body li{font-size:16px;line-height:1.85;color:#4f5d50}
.guide-article-body li{padding:3px 0}
.guide-example{margin:22px 0;padding:22px 26px;background:#edf0e6;border-left:3px solid #82936a}
.guide-example figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#647161}
.guide-example blockquote{margin:12px 0 0;color:#304635;font:italic 20px/1.7 Georgia,serif}
.guide-inline-links{padding-left:20px}
.guide-inline-links a{color:#254530;text-underline-offset:4px}
.guide-article-cta{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:52px;padding:32px 18px;background:#edf0e3}
.guide-article-cta .atelier-button{justify-content:center}
@media(max-width:900px){.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.guides-intro{margin:30px auto 36px}.guides-intro h1{font-size:40px}.guides-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:24px 20px}.guide-article-header{margin:30px auto 38px}.guide-article-header h1{font-size:38px}.guide-article-header>p:last-child{font-size:16px}.guide-article-body section{margin-bottom:36px}.guide-example{padding:18px}.guide-article-cta{flex-direction:column;gap:16px;padding:26px 18px}.guide-article-cta .atelier-button{width:100%}}