/* Coffee hub link layer: "Keep exploring" block on lessons and stories, plus hub browse-by-state and jump links.
   Self-contained (no Tailwind dependency) so it renders the same on every coffee template. */
.csf-explore{box-sizing:border-box;width:min(100% - 2rem,72rem);margin:2.5rem auto;padding:clamp(1.1rem,3vw,2rem);background:#f4fbf9;border:1px solid #cce4d9;border-radius:1.2rem;color:#17352f;font-family:Sora,Inter,system-ui,sans-serif}
.csf-explore h2{margin:0 0 1rem;font:800 clamp(1.4rem,3vw,1.8rem)/1.25 "Playfair Display",Georgia,serif;color:#064e3b}
.csf-explore__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem 2rem}
.csf-explore__col h3{margin:0 0 .5rem;font:700 1rem/1.35 Sora,Inter,system-ui,sans-serif;color:#064e3b}
.csf-explore ul{list-style:none;margin:0;padding:0}
.csf-explore li{margin:0;border-top:1px solid #cce4d9}
.csf-explore li:first-child{border-top:0}
.csf-explore li a{display:block;min-height:44px;padding:.7rem 0 .15rem;color:#065f46;font-weight:650;line-height:1.4;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.csf-explore__meta{display:block;padding:0 0 .6rem;font-size:.85rem;line-height:1.4;color:#48665a}
.csf-explore__all{margin:.6rem 0 0;font-size:.92rem}
.csf-explore__all a{display:inline-flex;align-items:center;min-height:44px;color:#065f46;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.csf-explore a:focus-visible,.csf-state-browse a:focus-visible,.csf-jump a:focus-visible{outline:3px solid #0d7c66;outline-offset:3px;border-radius:.35rem}
/* hub: browse stories by state */
.csf-state-browse{margin:2rem 0 1.5rem;padding:clamp(1.1rem,3vw,1.75rem);background:#fff;border:1px solid #cce4d9;border-radius:1.2rem}
.csf-state-browse__title{margin:0 0 1rem;font:800 clamp(1.3rem,3vw,1.7rem)/1.25 "Playfair Display",Georgia,serif;color:#064e3b}
.csf-state-browse__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:1.25rem 1.75rem}
.csf-state-browse__col h3{margin:0 0 .35rem;font:700 1rem/1.35 Sora,Inter,system-ui,sans-serif;color:#064e3b}
.csf-state-browse__col h3 span{font-weight:500;color:#48665a}
.csf-state-browse ul{list-style:none;margin:0;padding:0}
.csf-state-browse li{margin:0}
.csf-state-browse li a{display:flex;align-items:center;min-height:44px;color:#065f46;font-weight:600;line-height:1.35;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* hub: jump links above the long expanded lesson series */
.csf-jump{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.25rem 0 0}
.csf-jump__label{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#48665a}
.csf-jump a{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .95rem;border:1px solid #a8ddd6;border-radius:999px;background:#fff;color:#065f46;font-weight:700;font-size:.92rem;text-decoration:none}
.csf-jump a:hover{background:#e6f7f4}
#series-drinks,#series-barista,#series-culture,#series-food,#series-etiquette,#series-missions{scroll-margin-top:5.5rem}