/* Chatsifieds Coffee Learning Phase A — 2026-09-03 */
/* Show the whole approved hero composition: never crop Coffee Story artwork. */
body[data-learning-system="coffee-phase-a"] .csf-story-hero__media{overflow:visible!important}
body[data-learning-system="coffee-phase-a"] .csf-story-hero__media img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#f4f1e9}
body[data-learning-system="coffee-phase-a"] .csf-company-card>img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#f4f1e9!important}
.csf-culture-lens{background:linear-gradient(135deg,#f6fbf8,#fffaf2)}
.csf-culture-lens__card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.55fr);gap:1.25rem;border:1px solid rgba(13,124,102,.2);border-radius:24px;background:#fff;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 12px 30px rgba(13,80,66,.06)}
.csf-culture-lens__card h2,.csf-passport-card h2,.csf-story-trail-mini__card h2{margin:.2rem 0 .7rem}.csf-culture-lens__card p{max-width:78ch;line-height:1.72}
.csf-culture-lens__try{align-self:start;border-radius:18px;background:#0d6b58;color:#fff;padding:1.15rem}.csf-culture-lens__try span{display:block;color:#bdf3de;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.csf-culture-lens__try strong{display:block;margin:.5rem 0;font-size:1rem;line-height:1.5}.csf-culture-lens__try p{margin:0;color:#e9fff7;font-size:.85rem}
.csf-passport-section{padding-top:1.5rem}.csf-passport-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;border:1px solid #d9e6df;border-radius:24px;background:#fff;padding:clamp(1.1rem,2.5vw,1.7rem)}
.csf-passport-status{display:grid;gap:.2rem;text-align:right}.csf-passport-status strong{color:#0b5f4e}.csf-passport-status span{color:#66756f;font-size:.82rem}.csf-passport-stamps{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem}.csf-passport-stamps>span{display:grid;place-items:center;min-height:42px;border:1px dashed #b7c9c2;border-radius:12px;background:#f7faf8;color:#718079;font-weight:900;font-size:.76rem}.csf-passport-stamps>span.is-stamped{border-style:solid;border-color:#0d7c66;background:#e6f7f1;color:#0b5f4e}.csf-passport-stamps>span.is-current{outline:2px solid rgba(217,119,6,.45);outline-offset:2px}
.csf-adaptive-next{margin-top:1.25rem;border:1px solid #d7e3de;border-radius:18px;background:#f8fbfa;padding:1.1rem}.csf-adaptive-next[hidden]{display:none!important}.csf-adaptive-next h3{margin:.2rem 0 .45rem}.csf-adaptive-actions,.csf-story-trail-mini__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.8rem}
.csf-story-trail-mini__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;border-radius:24px;background:#f5f0e5;padding:clamp(1.15rem,2.5vw,1.7rem)}
.csf-trails-section{background:#fbf8f1}.csf-trail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.csf-trail-grid>a{display:grid;gap:.45rem;min-height:150px;padding:1.1rem;border:1px solid #dde5e1;border-radius:18px;background:#fff;color:inherit;text-decoration:none}.csf-trail-grid>a:hover{border-color:#98cbbb;transform:translateY(-2px)}.csf-trail-grid strong{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;color:#163b32}.csf-trail-grid span{color:#64736e;font-size:.84rem;line-height:1.55}
@media(max-width:900px){.csf-culture-lens__card,.csf-story-trail-mini__card{grid-template-columns:1fr}.csf-trail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.csf-passport-card{grid-template-columns:1fr}.csf-passport-status{text-align:left}}
@media(max-width:680px){.csf-passport-stamps{grid-template-columns:repeat(4,minmax(0,1fr))}.csf-trail-grid{grid-template-columns:1fr}.csf-story-hero__media::before{position:static;display:inline-flex;margin:.25rem .25rem .7rem}.csf-story-hero__media{transform:none!important}}