/* 마주보고 소개(랜딩) 화면만의 부품 — site.css·b-sub.css 위에 더함(2026-11-09).
   색은 b-sub.css의 토큰만 쓴다. */

/* 지금 회의의 모습: 장면 카드의 때 표시 */
.maju .scene .k{font:400 12px/1.4 var(--mono);color:var(--sky)}

/* 자리마다 다른 어려움 */
.maju .roles{align-items:stretch}
.maju .role{gap:16px}
.maju .role .who{display:flex;align-items:center;gap:12px}
.maju .role .who small{display:block;font-size:14px;color:var(--fg-subtle);font-weight:400;margin-top:2px}
.maju .role ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.maju .role li{position:relative;padding-left:22px;font-size:15px;line-height:1.65;color:var(--fg)}
.maju .role li::before{content:"—";position:absolute;left:0;top:0;font-family:var(--mono);color:var(--wait)}
.maju .role .ans{margin-top:auto;padding:16px 18px;border-radius:10px;background:var(--surface-sky);border:1px solid rgba(21,175,167,.25)}
.maju .role .ans b{display:block;font:400 12px/1.4 var(--mono);color:var(--sky);margin-bottom:6px}
.maju .role .ans p{font-size:15px;line-height:1.65;color:var(--fg)}

/* 좋아지는 것 */
.maju .gains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:0;margin:0;list-style:none}
.maju .gains li{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--line)}
.maju .gains li svg{flex:none;width:22px;height:22px;margin-top:3px;color:var(--sky)}
.maju .gains h3{font-size:18px;margin-bottom:4px}
.maju .gains p{font-size:15px;color:var(--fg-subtle)}
@media (max-width:760px){.maju .gains{grid-template-columns:1fr}}

/* 첫 화면 단추 아래 한 줄 */
.maju .hero .fine{margin-top:16px;font:400 13px/1.5 var(--mono);color:var(--fg-subtle)}

/* 자주 묻는 질문 */
.maju .faq{max-width:860px}
.maju .faq summary{min-height:48px}
.maju .faq summary:focus-visible{outline-offset:-2px;border-radius:8px}