
.wc-guide,.wc-routes{max-width:1080px;margin:2rem auto;padding:1.5rem;color:#172b24;line-height:1.8;overflow-wrap:anywhere}
.wc-guide h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.25;font-weight:800;margin:1.2rem 0}
.wc-guide h2,.wc-routes h2{font-size:1.5rem;line-height:1.4;font-weight:750;margin:1.7rem 0 .7rem}
.wc-guide p{margin:.8rem 0}.wc-guide a,.wc-routes a{color:#12623d;text-decoration:underline;text-underline-offset:3px}
.wc-guide a:focus-visible,.wc-routes a:focus-visible{outline:3px solid #12623d;outline-offset:4px}
.wc-guide ol,.wc-guide ul{padding-inline-start:1.5rem;list-style:disc}.wc-guide li{margin:.45rem 0}
.wc-guide .wc-lead{font-size:1.15rem}.wc-guide .wc-meta{color:#53665d;font-size:.9rem}
.wc-guide .wc-callout,.wc-routes{background:#f0f8f2;border:1px solid #c2dfcc;border-radius:16px}
.wc-guide .wc-callout{padding:1.25rem;margin:1.5rem 0}.wc-route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem}
.wc-route-grid a{display:block;background:white;padding:1rem;border:1px solid #c2dfcc;border-radius:10px;font-weight:650}
.wc-guide details{border:1px solid #cbd9cf;border-radius:10px;padding:1rem;margin:.8rem 0}.wc-guide summary{cursor:pointer;font-weight:700}
.wc-guide figure{margin:1.6rem 0}.wc-guide img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;background:#f8faf8;border-radius:12px}
.wc-guide figcaption{font-size:.9rem;color:#53665d}.wc-guide nav{margin:1rem 0}
@media(max-width:600px){.wc-guide,.wc-routes{padding:1rem;margin:1rem .5rem}.wc-route-grid{grid-template-columns:1fr}}
