/* Coffee Culture editorial layout: scoped to twelve standalone lesson articles. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden}
body.csf-blog-post{margin:0;min-width:0;background:#fafaf7;color:#17352f;font-family:Sora,system-ui,sans-serif;overflow-wrap:break-word}
.coffee-skip{position:absolute;left:-10000px;top:auto}
.coffee-skip:focus{left:1rem;top:1rem;z-index:20;background:white;color:#064e3b;padding:1rem}
.coffee-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100vw - 72rem)/2));background:#064e3b;color:#fff}
.coffee-header strong{font:700 1.4rem Georgia,serif}
.coffee-header a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.coffee-header nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
main.coffee-article{box-sizing:border-box;width:min(100% - 2rem,72rem);max-width:72rem;margin:2rem auto 4rem;padding:clamp(1.25rem,3vw,3rem);min-width:0;background:#fff;border:1px solid #e2e8e3;border-radius:1.6rem;box-shadow:0 14px 42px rgba(10,67,52,.07)}
.coffee-article article{width:min(100%,54rem);margin:0 auto}
.coffee-article article{min-width:0}
.coffee-article nav{font-size:.85rem;line-height:1.6;margin:0 0 2rem}
.coffee-article a{color:#065f46;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.coffee-kicker{color:#065f46;font-weight:800}
.coffee-article h1{font:800 clamp(2rem,4.5vw,3.2rem)/1.16 "Playfair Display",Georgia,serif;margin:.4rem 0 1rem;overflow-wrap:break-word}
.coffee-article h2{font:700 clamp(1.45rem,3vw,1.9rem)/1.25 "Playfair Display",Georgia,serif;margin:2.1rem 0 .8rem}
.coffee-article p,.coffee-article li,.coffee-article dd{font-size:1rem;line-height:1.75}
.coffee-article p{margin:.7rem 0 1.15rem}
.coffee-article li{margin:.45rem 0}
.coffee-article ul{padding-left:1.45rem}
.coffee-article dl{margin:0}
.coffee-article dt{margin-top:1rem;color:#064e3b}
.coffee-article dd{margin:.25rem 0 1rem 0;padding:0 0 .6rem 1rem;border-left:3px solid #cce4d9}
.coffee-lead{font-size:1.18rem!important;line-height:1.7!important;color:#38594f}
.coffee-updated{font-size:.85rem!important;color:#48665a}
.coffee-dialogue{border-left:4px solid #0d7c66;background:#e6f7f4;padding:1rem 1.4rem;border-radius:0 .8rem .8rem 0}
.coffee-dialogue p{margin:.55rem 0}
.coffee-note{border-top:1px solid #a8ddd6;padding-top:1.5rem;font-size:.88rem!important}
.coffee-footer{background:#022c22;color:white;padding:2rem 1rem;text-align:center}
.coffee-footer a{color:white}
.coffee-article-hero{margin:1.5rem 0 2rem;max-width:100%}
.coffee-article-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:1rem}
.coffee-article-hero figcaption{font-size:.85rem;line-height:1.45;color:#48665a;padding-top:.45rem}
.coffee-phrase-panel{margin:2.5rem 0;padding:1.4rem;border:1px solid #a8ddd6;border-radius:1rem;background:#e6f7f4}
.coffee-phrase-panel h2{margin:0 0 .6rem}
.coffee-phrase-panel blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid #0d7c66;background:#fff;font-size:1.13rem;font-weight:650;line-height:1.5}
.coffee-phrase-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.coffee-phrase-actions a{display:inline-flex;align-items:center;min-height:44px;padding:.75rem 1rem;border-radius:.65rem;background:#065f46;color:white;text-decoration:none;font-weight:700}
.coffee-phrase-panel small{display:block;margin-top:.7rem;color:#355b50}
.coffee-article :focus-visible,.coffee-header :focus-visible{outline:3px solid #a16207;outline-offset:3px}
@media(max-width:640px){.coffee-header{padding:1rem}.coffee-header nav{gap:.35rem .9rem}.coffee-article-hero img{border-radius:.6rem}.coffee-phrase-panel{padding:1rem}}

/* Match the established Chatsifieds article shell without overriding it. */
body.csf-blog-post .csf-shell-header,body.csf-blog-post .csf-shell-footer{font-family:Sora,system-ui,sans-serif}
body.csf-blog-post .coffee-article-hero{max-width:100%}
body.csf-blog-post .coffee-article-hero img{width:100%;display:block;height:auto}
@media(max-width:640px){main.coffee-article{width:calc(100% - 1rem);margin:1rem auto 2rem;padding:1rem;border-radius:.9rem}}

/* Give the actual Phrase Wall practice a clear, accessible article-level entry. */
.coffee-article .coffee-phrase-panel{display:block!important;visibility:visible!important;opacity:1!important;clear:both;position:relative;z-index:1}
.coffee-article .coffee-phrase-panel .coffee-phrase-cta{display:inline-flex;align-items:center;justify-content:center;margin:.5rem 0 0;min-height:44px;padding:.7rem 1.1rem;border-radius:.65rem;background:#09644f;color:#fff!important;text-decoration:none!important;font-weight:800;line-height:1.4}
.coffee-article .coffee-phrase-panel .coffee-phrase-cta:hover{background:#064b3b;color:#fff!important}
.coffee-article .coffee-phrase-panel .coffee-phrase-cta:focus-visible{outline:3px solid #a16207;outline-offset:3px}

/* Coffee lesson Phrase Wall: distinct learning card, not part of the sponsor advertisement. */
body.csf-blog-post .coffee-article .coffee-phrase-panel{margin:2.5rem 0 2rem;padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(135deg,#e7f7f2,#f4fcf9);border:2px solid #8ccfc0;border-left:7px solid #09644f;border-radius:1.25rem;box-shadow:0 12px 28px rgba(4,93,73,.09)}
body.csf-blog-post .coffee-article .coffee-phrase-panel h2{margin:0 0 1rem;color:#073f35;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.28}
body.csf-blog-post .coffee-article .coffee-phrase-panel blockquote{margin:1rem 0 1.2rem;padding:1rem 1.25rem;background:#fff;border:1px solid #bce2d7;border-left:4px solid #0d7c66;border-radius:.75rem;color:#123e34;font-weight:750}
body.csf-blog-post .coffee-article .coffee-phrase-panel p{margin:.75rem 0 0;color:#31574b;line-height:1.65}
body.csf-blog-post .coffee-article .coffee-phrase-panel .coffee-phrase-action-row{margin:1.3rem 0 0}
body.csf-blog-post .coffee-article .coffee-phrase-panel a.coffee-phrase-cta{display:inline-flex!important;min-height:48px;align-items:center;justify-content:center;gap:.45rem;background:#09644f!important;color:#fff!important;border-radius:.75rem;padding:.8rem 1.3rem;font-weight:800;text-decoration:none!important;box-shadow:0 6px 16px rgba(6,95,70,.19)}
body.csf-blog-post .coffee-article .coffee-phrase-panel a.coffee-phrase-cta:hover{background:#064b3b!important;color:#fff!important}
@media(max-width:560px){body.csf-blog-post .coffee-article .coffee-phrase-panel a.coffee-phrase-cta{width:100%;text-align:center}}

/* A clearly labelled Google ad, separated from educational practice and direct sponsors. */
body.csf-blog-post .coffee-article .coffee-google-ad{clear:both;margin:2.5rem auto;padding:1rem 0;border-top:1px solid #dce7e1;border-bottom:1px solid #dce7e1;max-width:54rem;min-width:0}
body.csf-blog-post .coffee-article .coffee-google-ad__label{margin:0 0 .8rem;font-size:.72rem;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:#60746b;font-weight:700;text-align:center}
body.csf-blog-post .coffee-article .coffee-google-ad ins.adsbygoogle{display:block;max-width:100%;min-width:0;overflow:hidden}