/* Chatsifieds Coffee Build 6 — learning experience, 2026-09-14 */
.csf-b6-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.36rem .65rem;background:#ecf8f4;color:#086b59;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.csf-b6-listen-first{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.75rem 0}
.csf-b6-reveal{appearance:none;border:1px solid #b9d9cf;border-radius:999px;background:#fff;color:#0b6b59;padding:.5rem .82rem;font-weight:850;cursor:pointer}
.csf-b6-transcript[hidden]{display:none!important}.csf-b6-transcript{margin:.65rem 0 0;padding:.8rem 1rem;border-radius:.8rem;background:#f7faf9;border:1px dashed #bdd7cf;font-weight:760;color:#183b34}
.csf-b6-response{appearance:none;border:0;background:transparent;color:#0d7c66;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.35rem .1rem}
.csf-b6-mission-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.8rem}
.csf-b6-mission{position:relative;border:1px solid #d8e8e2;border-radius:16px;background:#fbfdfc;padding:14px;min-width:0}.csf-b6-mission strong{display:block;color:#183b34;margin-bottom:6px}.csf-b6-mission p{margin:0 0 10px!important}.csf-b6-mission button{appearance:none;border:1px solid #b9d9cf;border-radius:999px;background:#fff;color:#0b6b59;padding:.45rem .72rem;font-size:.82rem;font-weight:850;cursor:pointer}.csf-b6-mission button.is-done{background:#0d7c66;color:#fff;border-color:#0d7c66}.csf-b6-mission--real{border-color:#9bcfc1;background:#f2fbf8}.csf-b6-mission--stretch{border-color:#e0cfad;background:#fffaf0}
.csf-b6-review-q{padding:14px;border-radius:14px;background:#f8faf9;border-left:4px solid #0d7c66}.csf-b6-review-q strong{display:block;margin-bottom:5px}.csf-b6-review-q p{margin:0!important}.csf-b6-review-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.75rem}.csf-b6-review-actions button{appearance:none;border:1px solid #c8d8d3;border-radius:999px;background:#fff;padding:.48rem .76rem;font-weight:850;cursor:pointer;color:#35554d}.csf-b6-review-actions button.is-done{background:#173f36;color:#fff;border-color:#173f36}
.csf-loop-focus{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:14px;margin:0 0 16px}.csf-loop-focus>div{border:1px solid #d8e8e2;border-radius:18px;background:#fff;padding:16px}.csf-loop-focus__label{display:block;color:#0d7c66;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.csf-loop-focus strong{display:block;color:#173f36;line-height:1.35}.csf-loop-focus p{margin:.4rem 0 0!important;color:#5d6965;font-size:.9rem;line-height:1.55}
.csf-loop-phrases li small{display:block;color:#65736e;margin-top:4px;line-height:1.45}.csf-loop-phrases li>div{display:flex;gap:.4rem;flex-wrap:wrap}.csf-loop-listen-first{margin-top:10px;padding:12px;border-radius:14px;background:#f7faf9;border:1px dashed #bfd9d1}.csf-loop-listen-first blockquote{margin:0 0 8px;font-weight:800;color:#183b34}.csf-loop-listen-first [data-loop-transcript][hidden]{display:none!important}.csf-loop-listen-first .csf-loop-mini-actions{display:flex;gap:.5rem;flex-wrap:wrap}.csf-loop-listen-first button{appearance:none;border:1px solid #b9d9cf;border-radius:999px;background:#fff;color:#0b6b59;padding:.45rem .7rem;font-weight:850;cursor:pointer}.csf-loop-listen-first button:first-child{background:#0d7c66;color:#fff;border-color:#0d7c66}
.csf-build6-hub{padding:3.4rem 1rem;background:linear-gradient(135deg,#113c33,#0d7c66 58%,#d89b47);color:#fff}.csf-build6-hub__inner{max-width:1120px;margin:0 auto}.csf-build6-hub h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin:.55rem 0 .8rem}.csf-build6-hub p{max-width:820px;color:#e4f5f0;line-height:1.7}.csf-build6-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:1.25rem}.csf-build6-hub__grid a{display:block;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.1);padding:16px;color:#fff;text-decoration:none}.csf-build6-hub__grid strong{display:block;font-size:1rem}.csf-build6-hub__grid span{display:block;margin-top:5px;color:#d9eee8;font-size:.86rem;line-height:1.45}
@media(max-width:800px){.csf-b6-mission-ladder{grid-template-columns:1fr}.csf-loop-focus{grid-template-columns:1fr}.csf-build6-hub__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.csf-build6-hub__grid{grid-template-columns:1fr}}