.directory-guide{background:#fbfaf7;color:#273a31}.directory-guide *{box-sizing:border-box}.directory-guide main{overflow-wrap:anywhere}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;font-size:12px;color:#66766b}.guide-breadcrumb a{text-decoration:underline}.guide-hero{padding:54px 0 60px;background:radial-gradient(ellipse at 85% 30%,#eaf1e6 0,transparent 54%)}.guide-hero-inner{max-width:1020px}.guide-eyebrow{color:#557860;font-size:13px;font-weight:800;letter-spacing:.13em;margin:0 0 14px}.guide-free{display:inline-block;border:1px solid #d6bd77;border-radius:99px;background:#fff9e5;color:#6c571d;font-size:13px;font-weight:800;padding:7px 14px}.guide-hero h1{font-size:clamp(40px,6.5vw,76px);line-height:1.32;letter-spacing:.02em;color:#27543b;margin:24px 0}.guide-lead{font-size:18px;line-height:1.95;color:#526456}.guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border-radius:999px;background:#2d6145;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 5px 15px #27543b16}.guide-button:hover{background:#214c34}.guide-text-link{color:#315e45;font-weight:700;text-decoration:underline;text-underline-offset:4px}.guide-small,.guide-caption{font-size:13px;color:#66766b;line-height:1.8}.guide-small{margin-top:18px}.guide-context{border-left:3px solid #9bb797;padding:8px 14px;margin-top:20px;font-size:14px;background:#f0f5ec}.guide-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:88px}.guide-heading{max-width:760px;margin-bottom:30px}.guide-heading h2,.guide-final h2{font-size:clamp(27px,3.5vw,40px);line-height:1.5;margin:0 0 16px;color:#27543b}.guide-heading p{line-height:1.85;color:#607064}.guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:940px}.guide-example{min-width:0;background:#fff;border:1px solid #e0e6dc;border-radius:24px;padding:22px;box-shadow:0 12px 30px #243c2a08}.guide-example-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.guide-number{color:#b79a54;font-size:26px;font-family:Georgia,serif}.guide-example h3{font-size:18px;margin:0 0 4px;color:#30533d}.guide-example-heading p{margin:0;font-size:13px;color:#6b786c}.guide-shot{display:block;aspect-ratio:707/1070;overflow:hidden;border-radius:16px;border:1px solid #e0e6dc;background:#fafaf7}.guide-shot img{display:block;width:100%;height:auto;max-width:100%}.guide-shot-standard img{margin-top:-44.27%}.guide-shot-garden img{margin-top:-47.24%}.guide-example details{border-top:1px solid #e5e9e1;margin-top:18px;padding-top:12px}.guide-example summary{font-size:13px;color:#315e45;cursor:pointer;min-height:40px;padding:10px 0;font-weight:700}.guide-body-shot{display:block;width:100%;height:auto;border-radius:12px}.guide-caption{max-width:920px;margin:22px 0 14px}.guide-live a{font-size:14px;color:#315e45;text-decoration:underline;text-underline-offset:4px}.guide-tint{background:#f0f4ed}.guide-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.guide-features article{min-width:0}.guide-feature-icon{display:grid;place-items:center;background:white;border:1px solid #dce5d7;border-radius:50%;width:44px;height:44px;font-weight:800;color:#6a8a61}.guide-features h3{font-size:18px;margin:16px 0 10px}.guide-features p,.guide-steps p{font-size:14px;line-height:1.9;color:#5c6b5e}.guide-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;margin:32px 0}.guide-steps li{min-width:0;border-top:2px solid #ceddc8;padding-top:18px}.guide-steps li>span{color:#a58b4c;font-size:23px;font-family:Georgia,serif}.guide-steps h3{font-size:18px;margin:12px 0}.guide-checklist{border-radius:20px;background:#f2f3ec;border:1px solid #e1e5d8;padding:24px;line-height:1.85}.guide-checklist h3{margin:0 0 10px;font-size:18px}.guide-checklist p{margin:0 0 8px}.guide-faq{max-width:900px}.guide-faq details{border-bottom:1px solid #dfe5db;padding:4px 0}.guide-faq summary{cursor:pointer;padding:19px 0;min-height:48px;font-weight:700}.guide-faq details p{line-height:1.9;margin:0 0 20px;color:#5b6c5e}.guide-final{padding:60px 0 68px;background:#e9f0e4;text-align:center}.guide-final h2{margin-top:20px}.guide-final>.container>p{color:#5c6e5e;line-height:1.8}.guide-final .guide-button{margin:10px 0}.directory-guide a:focus-visible,.directory-guide summary:focus-visible{outline:3px solid #aa8739;outline-offset:4px}.mobile-break{display:none}
@media(max-width:720px){.guide-hero{padding:38px 0 42px}.guide-lead{font-size:16px}.guide-section{padding-top:44px;padding-bottom:44px}.guide-examples{gap:18px;grid-template-columns:1fr}.guide-example{padding:18px;max-width:450px;width:100%;margin-inline:auto}.guide-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.guide-steps{grid-template-columns:1fr;gap:16px}.guide-steps li{padding-top:14px}.guide-steps h3{display:inline;margin-left:12px}.guide-steps p{margin:8px 0}.guide-checklist{padding:20px}.guide-final{padding:44px 0}.guide-actions{align-items:stretch;flex-direction:column;gap:17px}.guide-actions .guide-text-link{text-align:center}.guide-final .guide-button{width:100%;max-width:390px}.mobile-break{display:initial}.guide-hero h1{font-size:clamp(36px,10vw,55px)}}
@media(prefers-reduced-motion:reduce){.directory-guide *{scroll-behavior:auto!important;transition:none!important}}