/* 긴 본문에서도 목차를 유지하며, 좁은 화면에서는 본문과 겹치지 않게 합니다. */
.header{position:sticky;top:0;z-index:15}
.header nav a[aria-current="location"]{color:#72f58b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
main section[id],h2[id],#auto-call,#receivables,#business-products,#studio-products{scroll-margin-top:120px}
@media(min-width:1440px){
 .header{position:relative}
 .header nav{position:fixed;top:120px;left:calc((100vw - 1100px)/2 - 145px);width:125px;display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-left:1px solid #d8dbe0;background:#fff;color:#575b63}
 .header nav::before{content:'목차';font-size:11px;color:#73737b;margin-bottom:8px}
 .header nav a{color:#575b63;font-size:13px;padding:10px 0}
 .header nav a[aria-current="location"]{color:#19572d;font-weight:700}
 main section[id],h2[id],#auto-call,#receivables,#business-products,#studio-products{scroll-margin-top:24px}
}
@media(max-width:760px){
 .header .wrap{gap:0;padding-block:8px}
 .header nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:nowrap;font-size:12px}
 .header nav a{white-space:nowrap;padding-block:9px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header{position:static}.header nav{display:none}}
.change-table{width:100%;border-collapse:collapse;margin:26px 0 32px;font-size:15px;table-layout:fixed}
.change-table caption{text-align:left;font-size:19px;font-weight:600;margin-bottom:12px;color:#1d1d1f}
.change-table th,.change-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #dedee2;overflow-wrap:anywhere}
.change-table thead th{font-weight:600;font-size:14px;background:#f5f5f7}
.change-table th:first-child{width:20%}.change-table tbody th{font-weight:500;color:#606067}
.change-table .changed{background:#edf7ef;color:#19572d;border-left:3px solid #39eb59}
/* 분석 표는 제목과 건수의 열을 구분하고, 출처 설명까지 여백을 확보합니다. */
.reuse-analysis table{width:100%;border-collapse:collapse;table-layout:fixed;margin:24px 0 18px;font-size:15px}
.reuse-analysis caption{text-align:left;font-size:14px;color:#606067;padding-bottom:12px}
.reuse-analysis th,.reuse-analysis td{padding:14px 16px;border-bottom:1px solid #dedee2;text-align:left;vertical-align:middle;overflow-wrap:break-word}
.reuse-analysis thead th{font-size:13px;font-weight:600;background:#f5f5f7;color:#606067}
.reuse-analysis th:first-child{width:70%}
.reuse-analysis tbody th{font-weight:500}
.reuse-analysis th:last-child,.reuse-analysis td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.reuse-analysis .research-source{font-size:13px;color:#606067;line-height:1.7;margin:0}
/* 결과·선택·근거는 한 덩어리로 붙지 않게 하고, 큰 프로젝트 경계는 별도로 표시합니다. */
.outcome+.choice-note,.detail+.choice-note{margin-top:32px}
.detail+.story,.detail+.coverage-visual{margin-top:40px}
.projects-group>.case+.case,.projects-group+.others{border-top:2px solid var(--line)}
@media(max-width:760px){
 .reuse-analysis th,.reuse-analysis td{padding:12px}
 .reuse-analysis table{font-size:14px}
 .outcome+.choice-note,.detail+.choice-note{margin-top:24px}
 .detail+.story,.detail+.coverage-visual{margin-top:32px}
}
.pipeline-visual{margin:28px 0 34px;padding:26px 0;border-block:1px solid #dedee2}
.pipeline-visual h3,.coverage-visual h3{font-size:25px;font-weight:600;margin:0 0 10px}
.pipeline-visual .visual-intro,.coverage-visual .visual-intro{color:#606067;font-size:15px;margin-bottom:20px;max-width:760px}
.pipeline-path{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pipeline-path li{position:relative;min-width:0}
.pipeline-path li:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:17px;color:#20723a}
.pipeline-step{font:inherit;text-align:left;width:100%;min-height:80px;padding:12px 14px;border:1px solid #dedee2;background:#fff;color:#1d1d1f;cursor:pointer;border-radius:6px;line-height:1.4}
.pipeline-step small{display:block;font-size:12px;color:#606067;margin-bottom:6px}.pipeline-step strong{font-size:16px;font-weight:600}
.pipeline-step[aria-pressed=true]{border-color:#20723a;background:#edf7ef;color:#19572d}
.pipeline-step:disabled{cursor:default;opacity:1}
.pipeline-step:focus-visible,.visual-filter button:focus-visible{outline:3px solid #20723a;outline-offset:4px}
.pipeline-panel{padding:18px 22px;background:#f5f5f7;border-left:3px solid #39eb59;margin-bottom:14px}
.pipeline-panel h4{margin:0 0 8px;font-size:17px}.pipeline-panel p{margin:0;font-size:15px;color:#424248}
.pipeline-panel .technology{display:block;font-size:13px;color:#20723a;margin-top:12px;overflow-wrap:anywhere}
.pipeline-panel .stage-tech{margin-top:10px}
.pipeline-panel .stage-tech summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:13px;font-weight:500;color:#20723a}
.pipeline-panel .stage-tech summary::before{content:'+';font-size:17px}
.pipeline-panel .stage-tech[open] summary::before{content:'−'}
.pipeline-panel .stage-tech summary:focus-visible{outline:3px solid #20723a;outline-offset:3px}
.pipeline-panel .stage-tech .technology{margin-top:2px}
.response-branches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px;border-top:1px solid #dedee2}
.response-branches>div{padding:14px 12px 0 0}.response-branches strong{display:block;font-size:15px;color:#19572d}.response-branches p{font-size:13px;color:#606067;margin:5px 0 0}
.pipeline-visual figcaption,.coverage-visual figcaption{font-size:13px;color:#606067;margin-top:14px}
.coverage-visual{margin:26px 0 30px}
.visual-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.visual-filter button{font:inherit;font-size:14px;padding:10px 16px;min-height:44px;color:#424248;border:1px solid #dedee2;background:#fff;cursor:pointer;border-radius:5px}
.visual-filter button[aria-pressed=true]{background:#edf7ef;border-color:#20723a;color:#19572d}
.coverage-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:15px;font-variant-numeric:tabular-nums}
.coverage-table caption{text-align:left;font-size:13px;color:#606067;padding-bottom:10px}
.coverage-table th,.coverage-table td{text-align:center;padding:13px 8px;border-bottom:1px solid #dedee2;vertical-align:top;overflow-wrap:break-word}
.coverage-table thead th{font-size:14px;font-weight:500;color:#606067;background:#f5f5f7}.coverage-table th:first-child{width:23%;text-align:left}
.coverage-table tbody th{font-size:14px;font-weight:600}.coverage-table td{font-size:20px}
.coverage-table .shortage{background:#edf7ef;color:#19572d;border-bottom:2px solid #20723a;font-weight:650}
.coverage-table td small{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-top:4px}
.coverage-status{color:#19572d;font-size:14px;padding:12px 0;margin:0}
[hidden]{display:none!important}
.capabilities{padding-block:34px 28px}
.capabilities h2{font-size:28px;margin:0 0 18px;font-weight:600}
.capability-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px}
.capability-table th,.capability-table td{text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid #dedee2;overflow-wrap:anywhere}
.capability-table thead th{font-weight:500;font-size:13px;color:#606067;background:#f5f5f7}
.capability-table tbody th{width:29%;color:#19572d;font-weight:600;border-left:3px solid #39eb59}
.capability-table td{color:#424248}.capability-table a{color:#19572d}
.cap-label{display:none}.cap-note{font-size:13px;color:#606067;margin:14px 0 0;max-width:800px}
@media(max-width:760px){
 .capabilities{padding-block:28px 20px}.capabilities h2{font-size:24px}
 .capability-table,.capability-table tbody{display:block}
 .capability-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .capability-table tbody tr{display:grid;grid-template-columns:1fr;border-bottom:1px solid #dedee2;padding:14px 0}
 .capability-table tbody th{width:auto;border-bottom:0;padding:3px 0 3px 12px;font-size:16px}
 .capability-table td{border-bottom:0;padding:10px 0 0 15px;font-size:14px}
 .cap-label{display:block;color:#606067;font-size:12px;margin-bottom:3px}
 .change-table{font-size:14px;margin-block:22px}.change-table th,.change-table td{padding:11px 9px}.change-table th:first-child{width:19%}.change-table caption{font-size:18px}
 .pipeline-visual{padding-block:22px}.pipeline-visual h3,.coverage-visual h3{font-size:22px}
 .pipeline-path{grid-template-columns:1fr;gap:18px}.pipeline-path li:not(:last-child)::after{content:'↓';top:auto;bottom:-19px;right:auto;left:20px;line-height:18px}
 .pipeline-step{min-height:64px;display:flex;align-items:center;gap:14px}.pipeline-step small{margin:0}.pipeline-panel{padding:16px}
 .response-branches{grid-template-columns:1fr 1fr;gap:14px}.response-branches>div{padding-top:12px}
 .coverage-table th,.coverage-table td{padding:11px 5px}.coverage-table thead th{font-size:12px}.coverage-table tbody th{font-size:12px}.coverage-table td{font-size:18px}.coverage-table td small{font-size:11px}
}
@media print{.pipeline-panel[hidden],.coverage-table tr[hidden]{display:block!important}.pipeline-path,.visual-filter{display:none!important}.coverage-table tr[hidden]{display:table-row!important}}
.work-record summary{position:relative;padding-right:30px}
.work-record summary::after{content:'＋';position:absolute;right:0;top:16px;color:#20723a}
.work-record[open] summary::after{content:'−'}
/* 리스크 관리의 역할과 사례를 나누고 기존 제목 열에 본문을 맞춥니다. */
.rm-content{margin-left:200px;padding-bottom:26px;max-width:760px}
.rm-record .rm-content p{padding:0;margin:0 0 22px;line-height:1.8}
.rm-evidence{display:grid;gap:20px;list-style:none;padding:0;margin:0}
.rm-evidence li{border-top:1px solid var(--line);padding-top:18px}
.rm-evidence strong{display:block;font-size:15px;font-weight:650;color:#19572d;margin-bottom:7px}
.rm-evidence span{display:block;font-size:15px;line-height:1.8;color:#424248}
@media(max-width:760px){.rm-content{margin-left:0;padding-bottom:22px}.rm-evidence{gap:18px}}
@media print{.rm-content{margin-left:0}.rm-evidence li{break-inside:avoid}}
@media print{
 .header,.intro,.footer{background:#fff!important;color:#111!important}
 .header *, .intro *, .footer *{color:#111!important}
 mark,.text-highlight{background:transparent!important;color:#111!important}
 .work-record summary::after{display:none}
 .screen-pan{overflow:visible!important}
 .screen-pan img{min-width:0!important;width:100%!important}
}
.compare-label{display:none}
.pipeline-step:not(:disabled):hover,.visual-filter button:hover{border-color:#20723a;background:#edf7ef}
.pipeline-step:not(:disabled):active,.visual-filter button:active{background:#dcefe1}
@media(max-width:760px){
 .change-table,.change-table tbody{display:block}
 .change-table caption{display:block;width:100%}
 .change-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .change-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:18px;border:1px solid #dedee2}
 .change-table tbody th,.change-table th:first-child{width:auto;padding:12px 16px;background:#f5f5f7;color:#1d1d1f;font-weight:600}
 .change-table tbody td{padding:14px 16px;overflow-wrap:break-word}
 .change-table td.changed{border-left:3px solid #39eb59;border-bottom:0}
 .compare-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#606067}
 .changed .compare-label{color:#19572d}
}
@media print{
 .change-table{display:table}.change-table tbody{display:table-row-group}
 .change-table caption{display:table-caption;width:auto}
 .change-table thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:table-header-group}
 .change-table tbody tr{display:table-row;border:0;margin:0}
 .change-table tbody th,.change-table tbody td{display:table-cell}
 .compare-label{display:none}
}
/* 인터뷰 근거: 공동 인원 확인과 결제 정책 변경. */
.intro .work-list a strong{color:#f5f5f7;font-size:20px;font-weight:600}
.intro .work-list a:hover strong{color:#72f58b}
.result-number{display:block;font-size:23px;line-height:1.45;font-weight:650;margin-bottom:12px;letter-spacing:-.025em}
.judgment-note{border-left:3px solid #39eb59;padding-left:22px}
.shared-coverage{margin:32px 0;border-block:1px solid var(--line);padding-block:24px}
.shared-coverage h3{font-size:25px;line-height:1.35;font-weight:600;margin:0 0 22px}
.coverage-source{background:#edf7ef;padding:18px 22px;border-left:3px solid #20723a}
.coverage-source span,.coverage-audiences span{display:block;font-size:13px;color:#19572d;margin-bottom:5px}
.coverage-source strong{font-size:19px;font-weight:600}
.coverage-audiences{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0 24px;border-top:0}
.coverage-audiences>div{border-top:2px solid #8aba98;margin-top:24px;padding-top:16px;position:relative}
.coverage-audiences>div::before{content:"";position:absolute;top:-26px;left:20px;height:24px;border-left:2px solid #8aba98}
.coverage-audiences strong{font-size:18px;font-weight:600}
.coverage-audiences p{font-size:15px;margin:8px 0 0;color:#424248}
.shared-coverage figcaption{font-size:13px;color:var(--muted);margin-top:20px}
.policy-comparison{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;border-block:1px solid var(--line)}
.policy-comparison>div{padding:18px 20px 18px 0}
.policy-comparison>div+div{background:#edf7ef;padding-left:20px;border-left:1px solid var(--line)}
.policy-comparison span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}
.policy-comparison>div+div span{color:#19572d}
.policy-comparison strong{display:block;font-size:16px;line-height:1.5;font-weight:650}
.policy-comparison p{font-size:14px;margin:10px 0 0}
.receivables-result{margin-top:20px}.receivables-result strong{font-size:20px}
#auto-call,#receivables,#business-products{scroll-margin-top:24px}
@media(max-width:760px){
 .intro .work-list a strong{font-size:18px}
 .result-number{font-size:20px}
 .judgment-note{padding-left:16px}
 .shared-coverage h3{font-size:22px}
 .coverage-source{padding:16px}.coverage-source strong{font-size:17px}
 .coverage-audiences{grid-template-columns:1fr;gap:0;margin-inline:18px}
 .coverage-audiences>div+div::before{display:none}
 .policy-comparison{grid-template-columns:1fr}
 .policy-comparison>div{padding:16px}
 .policy-comparison>div+div{padding:16px;border-left:0;border-top:1px solid var(--line)}
}

/* 첫 화면에서는 정체성과 검증된 결과를 함께 읽을 수 있게 배치합니다. */
.intro{grid-template-columns:1.15fr 1fr;padding:44px 40px;gap:40px}
.intro h1{font-size:clamp(30px,3.4vw,44px);line-height:1.3;margin:16px 0 22px}
.intro .lead{font-size:17px;line-height:1.8;margin-bottom:20px}
.hero-actions{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap}
.hero-contact{display:inline-flex;align-items:center;min-height:44px;color:#c9c9ce;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.bingo-judgment{grid-template-columns:1fr;max-width:850px}
.hero-action{display:inline-flex;gap:18px;align-items:center;min-height:44px;color:#b5f6c2;font-size:15px;text-decoration:none;border-bottom:1px solid #72f58b}
.intro .result-links{align-self:center}
.intro .result-links a{padding:19px 0}
.intro .result-links a:first-child{padding-top:14px}
.intro .result-links a strong{font-size:19px;line-height:1.4;margin:0 0 7px}
.intro .result-links .hero-number{font-size:31px;color:#72f58b;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.result-links a>span{display:block;font-size:14px;line-height:1.65;color:#f5f5f7}
.result-links small{display:block;font-size:12px;line-height:1.65;margin-top:5px;color:#b6b6bd}
.results-career{display:block;padding-block:44px}
.results-career .career-intro h2{font-size:30px;margin:8px 0 10px}
.results-career .career-intro>p{margin-bottom:8px;max-width:830px}
.results-career .career-current{font-size:14px;color:#19572d}
.achievement-list{list-style:none;padding:0;margin:26px 0 0}
.achievement-list li{display:grid;grid-template-columns:1fr 1.25fr;gap:6px 34px;padding:21px 0;border-top:1px solid var(--line)}
.achievement-list a{text-decoration:none;color:#19572d;font-size:18px;line-height:1.55}
.achievement-list a:hover{text-decoration:underline}
.achievement-list strong{font-weight:650}
.achievement-list p{font-size:15px;line-height:1.75;margin:0;color:#424248}
.achievement-list small{grid-column:2;font-size:12px;color:var(--muted);line-height:1.7}
.career-scope{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:0 0 20px}
.career-scope strong{color:#161616;margin-right:14px}
.results-career .career-detail summary{font-size:15px}
.results-career .career-detail summary span{display:inline;margin-left:15px;color:var(--muted)}
#studio-products{scroll-margin-top:24px}
@media(max-width:760px){
 .header .wrap{flex-wrap:wrap;gap:4px;padding-block:15px}
 .header nav{gap:20px;flex-wrap:wrap;font-size:13px}
 .intro{grid-template-columns:1fr;padding:26px 24px;gap:22px}
 .intro h1{font-size:30px;margin:12px 0 16px}
 .intro .lead{font-size:15px;line-height:1.75;margin-bottom:14px}
 .intro .result-links a{padding:15px 0}
 .intro .result-links a strong{font-size:17px}
 .intro .result-links .hero-number{font-size:28px}
 .results-career{padding-block:30px}
 .results-career .career-intro h2{font-size:25px}
 .achievement-list li{grid-template-columns:1fr;gap:9px;padding-block:19px}
 .achievement-list a{font-size:17px}
 .achievement-list p{font-size:14px}
 .achievement-list small{grid-column:1}
 .results-career .career-detail summary span{display:block;margin-left:0}
}
@media(max-width:380px){.intro{padding-inline:20px}.intro h1{font-size:27px}}
@media print{
 .intro .result-links{display:block}
 .screen-pan .screen-link{min-width:0!important}
 .intro .result-links .hero-number{color:#111!important}
 .achievement-list li{break-inside:avoid}
 .hero-actions{display:none}
 /* 인쇄에서는 제목과 짧은 설명·사례가 서로 다른 쪽으로 갈라지지 않게 합니다. */
 h2,h3,h4,summary,caption,.business-title{break-after:avoid-page}
 p{orphans:3;widows:3}
 summary,.business-title,.choice-note,.pipeline-panel,.career-detail,.career-track li,
 .business-change,.work-record,.coverage-visual,.change-table,.reuse-analysis table{break-inside:avoid-page}
 .screen-hint{display:none}
}

/* 관리자 기능은 실제 운영 순서로 보여주고 조회 캡처는 보조 근거로 둡니다. */
.admin-scope{margin:34px 0;padding:28px 0;border-block:1px solid var(--line)}
.admin-scope h3{font-size:25px;margin:8px 0 24px;font-weight:600}
.admin-workflow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.admin-workflow li{padding-top:14px;border-top:2px solid #20723a}
.admin-workflow b{font-size:17px;color:#19572d}
.admin-workflow p{font-size:15px;margin:8px 0 0;color:#424248}
.schedule-evidence-detail>.inner{max-width:none}
@media(max-width:760px){.admin-workflow{grid-template-columns:1fr 1fr;gap:22px}.admin-scope h3{font-size:22px}}
@media(max-width:400px){.admin-workflow{grid-template-columns:1fr}.admin-scope{padding-block:22px}}

/* 기존 구성 안에서 상담 흐름과 과거 근거의 읽는 순서를 구분합니다. */
:root{--section-gap:56px;--reading-width:72ch}
html,body{overflow-x:clip}
button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.casehead h2{letter-spacing:-.035em;min-width:0}
.casehead p,.choice-note p,.kms-workflow>p{max-width:var(--reading-width)}
.kms-workflow{margin-block:40px var(--section-gap);padding-bottom:32px;border-bottom:1px solid var(--line)}
.kms-workflow h3{font-size:27px;margin:0 0 14px;font-weight:650}
.kms-workflow>p{color:var(--muted);margin-bottom:26px}
.kms-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.kms-steps li{border-top:2px solid var(--accent);padding-top:18px;min-width:0}
.kms-steps h4,.kms-management h4{font-size:18px;margin:0 0 10px;font-weight:600}
.kms-steps p,.kms-management p{font-size:15px;color:var(--muted);margin:0}
.kms-management{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);max-width:var(--reading-width)}
.kms-workflow .data-note{margin:20px 0 0;font-size:13px}
.historical-metrics{margin-bottom:40px}
.historical-metrics .outcome{margin-top:16px}
.choice-note h3{font-size:21px;margin:0 0 12px;font-weight:600}
.choice-note p{margin:0}
.projects-group>.case{padding-block:72px 80px}
.projects-group>.case+.case{margin-top:16px}
@media(max-width:760px){
 :root{--section-gap:36px}
 .kms-workflow{margin-top:30px;padding-bottom:26px}
 .kms-workflow h3{font-size:23px}
 .kms-steps{grid-template-columns:1fr;gap:22px}
 .kms-steps li{padding-top:14px}
 .kms-management{margin-top:26px;padding-top:22px}
 .projects-group>.case{padding-block:44px 52px}
 .choice-note h3{font-size:19px}
}

/* 상담 기록의 내용과 높이는 유지하고 메시지만 차례로 드러냅니다. */
.conversation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 24px}
.conversation-actions[hidden]{display:none}
.conversation-actions button{font:inherit;font-size:13px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);cursor:pointer}
.conversation-actions button:hover{border-color:var(--accent);color:var(--accent)}
.conversation-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.conversation-actions [role=status]{font-size:12px;color:var(--muted)}
.conversation-case .slack-entry{transition:opacity .3s ease,transform .3s ease}
.conversation-case .slack-entry.is-pending{opacity:0;transform:translateY(8px);pointer-events:none}
.customer-draft{margin-top:14px;padding:12px 14px;background:#f4f5f4;border-left:3px solid var(--accent)}
.customer-draft>strong{font-size:12px;color:var(--accent)}
.conversation-case+.conversation-case{margin-top:36px}
@media(max-width:760px){.conversation-actions{padding:0 18px;gap:8px}.conversation-actions [role=status]{flex-basis:100%}.customer-draft{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.conversation-case .slack-entry{transition:none!important;opacity:1!important;transform:none!important}.conversation-actions [data-chat-replay]{display:none}}
@media print{.conversation-actions{display:none}.conversation-case .slack-entry{opacity:1!important;transform:none!important}.conversation-case{break-inside:auto}.slack-entry{break-inside:avoid}}