/* 소통하고 랜딩(sotong.html) — site.css · b-sub.css 위에 이 페이지만 덧붙인다(2026-11-06).
   글꼴은 fonts/fonts.css(자체 호스팅), 색·부품은 B '관제' 내지 그대로. */
.sotong .hero{padding-block:72px 96px}
.sotong .hero h1{margin-bottom:20px}
.sotong .hero .sub{margin-bottom:32px}
.sotong .facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font:400 13px/1.5 var(--mono);color:var(--fg-subtle)}
.sotong .facts li{display:flex;align-items:center;gap:8px}
.sotong .facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.sotong .tlink{display:inline-flex;align-items:center;min-height:48px;padding:0 4px;color:var(--fg-strong);text-underline-offset:4px}
.sotong .tlink:hover{color:var(--sky)}

/* 배포 현황 예시 — 받음 비율 막대 */
.sotong .tier{flex-wrap:wrap}
.sotong .tier .bar{flex-basis:100%;height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.sotong .tier .bar i{display:block;height:100%;background:var(--ok)}
.sotong .tier .tag.miss{background:rgba(240,181,74,.14);color:var(--wait)}

/* 고민 카드 — 역할 꼬리표, 위 문장은 담당자 말 */
.sotong .pain-q::before{content:none}
.sotong .pain-q .who{display:block;margin-bottom:6px;font:400 12px/1.4 var(--mono);color:var(--sky)}
.sotong .pain-q .who::after{content:none}
.sotong .pain-q q{font-size:17px;color:var(--fg-strong);quotes:"“" "”"}
.sotong .also{margin-top:20px;font-size:16px;color:var(--fg-subtle)}
.sotong .also strong{color:var(--fg-strong);font-weight:500}

/* 세 단계 — 단계 제목은 h3(h2 바로 아래) */
.sotong .proc h3{font-size:17px;margin-bottom:6px}
.sotong .proc.p3{grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0}
@media (max-width:860px){.sotong .proc.p3{grid-template-columns:1fr}.sotong .proc.p3 li{border-right:0;border-bottom:1px solid var(--line)}.sotong .proc.p3 li:last-child{border-bottom:0}}
.sotong .more{margin-top:24px;font-size:16px;color:var(--fg-subtle)}
.sotong .more a{color:var(--fg-strong);text-underline-offset:4px}
.sotong .more a:hover{color:var(--sky)}

/* 질문 */
.sotong .faq{max-width:820px}
.sotong .faq summary{min-height:48px}
.sotong .faq summary:focus-visible{outline-offset:-2px;border-radius:8px}

/* 석 달 뒤 — 이야기 한 칸만 */
.sotong .after .wrap{grid-template-columns:1fr}