/* Conversation rehearsal: speaker labels, restrained dialogue, a revision note. */
.experience-customer-role .article-hero{display:block;max-width:1000px;padding-block:28px 24px}.experience-customer-role .article-hero>img{display:none}.experience-customer-role h1{font-size:clamp(26px,3.2vw,40px);line-height:1.6}.role-title-line{display:block}.role-phrase{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.role-opening{width:calc(100% - 96px);max-width:1000px;margin:10px auto 0}.role-opening>p{max-width:43em;font-size:16px;line-height:2}.role-opening .role-lead{font-size:18px}.role-assignment{display:flex;align-items:center;gap:28px;border-block:1px solid var(--line);padding:18px 0;margin-top:28px}.role-assignment>span{font-size:12px;color:var(--blue)}.role-assignment p{font-size:14px;margin:0;line-height:1.9}.role-assignment b{display:block;font-size:16px;color:var(--blue)}
.experience-customer-role .article-layout{display:block;max-width:910px;padding-top:34px}.experience-customer-role .article-answer{padding:0 0 24px;border:0;border-bottom:1px solid var(--line);background:none}.experience-customer-role .article-answer>p:last-child{font-size:16px;font-weight:400;line-height:2}.experience-customer-role .read-toc{position:static;max-width:none;margin:26px 0 50px}.experience-customer-role .article-body h2{font-size:26px;line-height:1.7}.experience-customer-role .article-body h2 .role-phrase{font-size:inherit}.experience-customer-role .article-body section{margin-bottom:60px}.experience-customer-role .section-number{font-size:12px;letter-spacing:.04em}
.role-kicker,.role-speaker{font-size:12px!important;line-height:1.8!important;font-weight:700;letter-spacing:.025em;color:var(--blue)}.role-note{font-size:13px!important;line-height:1.9!important;color:#40566b}.role-brief{margin:30px 0;padding:25px 28px;border-top:2px solid var(--blue);border-bottom:1px solid var(--line);background:#fffdf7}.role-brief h3{font-size:23px!important;margin:8px 0 24px!important}.role-brief dl{margin:0}.role-brief dt{font-size:13px;font-weight:700;color:var(--blue);margin:20px 0 7px}.role-brief dd{margin:0;font-size:16px;line-height:1.9}.role-brief>p:last-child{font-size:13px;margin:20px 0 0}
.role-turn{max-width:calc(100% - 56px);border-left:3px solid var(--blue);background:#f0f3fc;padding:17px 23px;margin:20px 56px 20px 0}.role-turn.speaker{margin:20px 0 20px 56px;background:#fffaf0;border-left-color:#876847}.role-turn.speaker .role-speaker{color:#765132}.role-turn p{margin:0!important}.role-turn p+p{margin-top:8px!important;line-height:1.9}.role-example{margin:28px 0;border-block:1px solid var(--line);padding:10px 0}.role-example summary{cursor:pointer;font-size:16px;font-weight:650;color:var(--blue);padding:12px 0;line-height:1.9}.role-example summary:focus-visible{outline:3px solid #a75222;outline-offset:3px}.role-example[open]{padding-bottom:18px}
.role-figure{max-width:600px;margin:32px auto}.role-figure img{display:block;width:100%;height:auto}.role-figure figcaption{font-size:14px;text-align:center;line-height:1.9;margin-top:12px}.role-figure figcaption span{display:block;font-size:12px;color:#40566b;margin-top:7px}
.role-feedback{margin:30px 0;padding:24px 0;border-block:1px solid var(--line)}.role-feedback h3{font-size:21px!important;line-height:1.8;margin:14px 0!important}.role-feedback blockquote{margin:20px 0;padding:10px 20px;border-left:2px solid #876847;line-height:1.9}.role-rewrite{margin:32px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.role-rewrite>div{padding:20px;background:#fffdf7;border-top:2px solid var(--line)}.role-rewrite>div:last-child{border-color:var(--blue)}.role-rewrite p{line-height:2}.role-note-paper{border-left:3px solid var(--blue);padding:18px 24px;margin:26px 0;background:#fffdf7}.role-note-paper p{margin:0!important;line-height:2.2!important}
@media(max-width:700px){.role-opening{width:calc(100% - 40px)}.role-opening .role-lead,.role-opening>p{font-size:15px}.role-assignment{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.role-assignment>span{grid-column:1/-1}.role-assignment p{font-size:13px}.role-assignment b{font-size:15px}.experience-customer-role .article-body h2{font-size:22px}.experience-customer-role .article-body p,.experience-customer-role .article-body li{font-size:15px;line-height:2}.role-brief{padding:20px}.role-brief dd{font-size:15px}.role-turn{max-width:calc(100% - 18px);margin-right:18px;padding:17px 18px}.role-turn.speaker{margin-left:18px}.role-rewrite{grid-template-columns:1fr;gap:12px}.role-feedback h3{font-size:19px!important}.experience-customer-role .prompt-box pre{font-size:14px}.role-note-paper{padding:18px 20px}.role-figure{max-width:460px}}
@media(max-width:360px){.role-assignment{display:block}.role-assignment p{margin-top:12px}.experience-customer-role h1{font-size:26px}}
