/* Let the telephone conversation carry more visual weight. */
@media(min-width:1101px){.phone-bot-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px}}
.call-story{padding:32px}
.call-story-top strong{font-size:23px}
.call-story-top>div>span{font-size:9px}
.call-symbol{width:50px;height:50px}
.call-symbol svg{width:26px;height:26px}
.call-tabs button{font-size:12px;min-height:44px;padding:12px 6px}
.call-transcript{min-height:390px}
.call-stage-label{font-size:9px}
.call-turn>span{font-size:9px}
.call-turn>p{font-size:16px;line-height:1.85}
.call-stage-note{font-size:13px;line-height:1.9}
.call-order header strong{font-size:17px}
.call-order header>span{font-size:9px}
.call-order>b{font-size:19px}
.call-order em{font-size:11px}
.call-order>p{font-size:14px}
.call-order footer{font-size:12px}
.call-order>small{font-size:10px;line-height:1.8}
.call-story-bottom>span{font-size:8px;max-width:220px}
.call-story-bottom button{font-size:12px}
.call-zoom-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:20px;padding:13px 0 1px;border-top:1px solid #ffffff20;background:transparent;color:#fff;font:12px/1.8 var(--sans)}
.call-zoom-button>span{font-size:23px;color:#ffda32}
.call-zoom-button:hover{color:#ffda32}
#phone-detail-dialog{background:#171717;color:#fff;width:calc(100% - 48px);max-width:1080px;max-height:92dvh;overflow:auto;border:1px solid #444;border-radius:20px;padding:45px}
#phone-detail-dialog>.close-dialog{color:#fff}
#phone-detail-dialog>.eyebrow{color:#b6b6aa;font-size:9px;margin:0 0 24px}
#phone-detail-title{font:500 48px/1.04 var(--display);letter-spacing:-.04em;margin:0 0 38px}
#phone-detail-title>em{font:italic 400 1.2em/1.08 var(--serif);color:#ffda32;letter-spacing:-.03em}
.phone-detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:45px;align-items:start}
.phone-detail-conversation>h3{font:500 21px/1.4 var(--display);letter-spacing:-.025em;margin:0 0 25px}
.phone-detail-conversation .call-turn{margin:0 0 25px;padding-left:17px}
.phone-detail-conversation .call-turn>span{font-size:10px}
.phone-detail-conversation .call-turn>p{font-size:17px;line-height:1.85}
.phone-detail-conversation .call-guest{margin-left:24px}
.phone-detail-result{position:sticky;top:0;padding:23px;background:#252523;border:1px solid #42423b;border-radius:13px}
.phone-detail-result>.eyebrow{font-size:8px;letter-spacing:.04em;color:#c5c5b9;margin:0 0 18px}
.phone-detail-result .call-order{margin:0;padding:24px}
.phone-detail-result .call-order header{padding-bottom:20px;margin-bottom:20px}
.phone-detail-result .call-order header strong{font-size:22px}
.phone-detail-result .call-order header>span{font-size:10px}
.phone-detail-result .call-order>b{font-size:23px;line-height:1.4}
.phone-detail-result .call-order em{font-size:13px;margin-top:12px}
.phone-detail-result .call-order>p{font-size:16px;margin-top:13px}
.phone-detail-result .call-order footer{font-size:13px;margin-top:22px;padding-top:18px}
.phone-detail-result .call-order>small{font-size:11px;line-height:1.8}
.phone-detail-control{font-size:12px;line-height:1.9;color:#bdbdb1;margin-top:18px}
@media(max-width:1100px) and (min-width:761px){.phone-bot-main{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px}.call-story{padding:24px}.call-tabs button{font-size:10px}.call-turn>p{font-size:14px}.call-story-top strong{font-size:20px}.call-story-top>div>span{font-size:7px}.call-story-bottom>span{font-size:7px}}
@media(max-width:760px){
 .call-story{padding:23px 17px}
 .call-symbol{width:39px;height:39px}.call-symbol svg{width:21px;height:21px}
 .call-story-top strong{font-size:19px}.call-story-top>div>span{font-size:6px}
 .call-tabs{gap:4px}.call-tabs button{font-size:10px;min-height:42px;padding:10px 3px}
 .call-stage-label{font-size:7px}.call-transcript{min-height:370px}
 .call-turn>span{font-size:8px}.call-turn>p{font-size:14px;line-height:1.85}
 .call-stage-note{font-size:12px}.call-story-bottom>span{font-size:6px;max-width:155px}.call-story-bottom button{font-size:10px}
 .call-order{padding:17px 15px}.call-order header strong{font-size:16px}.call-order header>span{font-size:8px}.call-order>b{font-size:18px}.call-order em{font-size:10px}.call-order>p{font-size:13px}.call-order footer{font-size:10px}.call-order>small{font-size:9px}
 .call-zoom-button{font-size:11px;margin-top:18px;padding-top:12px}.call-zoom-button>span{font-size:21px}
 #phone-detail-dialog{width:calc(100% - 20px);max-height:94dvh;padding:36px 20px 24px;border-radius:14px}
 #phone-detail-dialog>.eyebrow{font-size:7px;max-width:235px;margin-bottom:23px}
 #phone-detail-title{font-size:35px;margin-bottom:28px}
 .phone-detail-layout{display:flex;flex-direction:column;gap:26px}.phone-detail-layout>*{width:100%}
 .phone-detail-conversation>h3{font-size:18px;margin-bottom:23px}
 .phone-detail-conversation .call-turn{padding-left:13px;margin-bottom:24px}.phone-detail-conversation .call-turn>span{font-size:9px}.phone-detail-conversation .call-turn>p{font-size:15px;line-height:1.85}.phone-detail-conversation .call-guest{margin-left:16px}
 .phone-detail-result{position:static;padding:19px 15px}.phone-detail-result .call-order{padding:18px 15px}.phone-detail-result .call-order>b{font-size:21px}.phone-detail-result .call-order footer{font-size:11px}.phone-detail-result .call-order>p{font-size:14px}.phone-detail-result .call-order em{font-size:12px}.phone-detail-control{font-size:11px}
}