/* The shared reading layout is learning/paper.css + learning/live.css.
   Only speech-specific content and the retained workspace need these rules. */
.speech-reader .article-title{padding-bottom:13px}
.speech-reader .subtitle{font:300 15px/1.4 Display,Arial,sans-serif;color:#536b7c;margin:10px 0 12px}
.speech-reader .affiliation{font-size:9px;line-height:1.5}
.speech-reader .abstract .keywords{font-size:9px;line-height:1.5;color:#536173;margin-top:9px}
.speech-reader .article-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.speech-reader .article-columns p{text-align:left;hyphens:none}
.speech-reader figure{margin:16px 0 19px}
.speech-reader .figure-image{display:block;cursor:zoom-in}
.speech-reader .figure-image img{width:100%;height:auto;display:block}
.speech-reader figcaption{font-size:9.5px;line-height:1.45;margin-top:8px;color:#435266}
.speech-reader #p3 figcaption{border:0;padding:0;font-size:9.5px;line-height:1.45}
.speech-reader .figure-controls{padding-top:7px;margin-top:5px;gap:16px}
.speech-reader .figure-controls a{color:#007dab;font:400 9px Text;text-decoration:none;border-bottom:1px solid transparent;padding:4px 0}
.speech-reader .figure-controls a:hover{border-bottom-color:#007dab}
.speech-reader .figure-controls .original-vector{margin-left:auto;color:#657783}
.speech-reader .figure-controls .open-3d{margin-left:0;border-bottom:1px solid #a6c9d9}
.speech-reader .study-table{width:100%;border-collapse:collapse;font-size:9.5px;line-height:1.45;margin:16px 0 0;table-layout:fixed}
.speech-reader .study-table caption{text-align:left;font-size:9.5px;line-height:1.45;margin-bottom:6px}
.speech-reader .study-table th{text-align:left;font-weight:500;color:#31566c;border-top:1px solid #8c9ba9;border-bottom:1px solid #b2bac4;padding:6px 8px 6px 0}
.speech-reader .study-table td{vertical-align:top;border-bottom:1px solid #d5dbe2;padding:7px 8px 7px 0;overflow-wrap:anywhere}
.speech-reader .study-table tr:last-child td{border-bottom-color:#8c9ba9}
.speech-reader .inference th:first-child{width:45%}
.speech-reader .equations{font:400 10.8px/1.9 Text;padding:10px 0;margin:8px 0 10px;border-top:1px solid #c8d6df;border-bottom:1px solid #c8d6df;color:#234d64}
.speech-reader .equations sub{font-size:7px}
.speech-reader .references{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.speech-reader .reference{margin:0 0 10px;font-size:8.5px;line-height:1.5;scroll-margin-top:95px}
.speech-reader .reference:target{background:#f0f6fa;box-shadow:-5px 0 #f0f6fa,5px 0 #f0f6fa}
.speech-reader .uw-links{font-size:8.5px;line-height:1.5;margin-top:12px;color:#536173}
.speech-reader .workspace-link{font-size:11px;white-space:nowrap;color:#007dab}
.speech-reader .reading-brand{white-space:nowrap}
#figureInspector.speech-inspector{padding-bottom:20px}
.speech-inspector #inspectorStage{overflow:auto;height:min(61vh,650px);overscroll-behavior:contain}
.speech-inspector #inspectorStage>img{display:block;width:100%;height:auto;max-width:none;margin:0 auto}
.speech-inspector #inspectorNote{margin-bottom:0}
.speech-inspector #inspectorControls a{color:#007dab;margin-left:auto;font-size:12px}
.speech-inspector .inspector-controls output{font-size:12px}
#figureInspector.workspace-inspector{width:min(1560px,calc(100vw - 32px));padding:18px 22px 12px}
.workspace-inspector .inspector-top{padding-bottom:12px}
.workspace-inspector .inspector-top h2{font-size:26px}
.workspace-inspector #inspectorStage{height:calc(100dvh - 155px);max-height:960px;overflow:hidden}
.workspace-inspector iframe{display:block;width:100%;height:100%;border:0;background:white}
.workspace-inspector #inspectorControls,.workspace-inspector #inspectorNote{display:none}
@media(max-width:1150px){.speech-reader .reading-brand{font-size:12px}.speech-reader .reading-nav{gap:15px}.speech-reader .reading-nav nav{gap:13px}}
@media(max-width:920px) and (min-width:821px){.speech-reader .reading-brand{display:none}}
@media(max-width:820px){
 .speech-reader .reading-brand{display:block;font-size:11px;max-width:calc(100vw - 208px);overflow:hidden;text-overflow:ellipsis;margin-right:auto}
 .speech-reader .workspace-link{font-size:10px}.speech-reader .reading-nav{gap:10px;padding:12px 20px}
 .speech-reader .subtitle{font-size:19px;line-height:1.4;margin:14px 0}
 .speech-reader .affiliation{font-size:10px;line-height:1.65}
 .speech-reader .abstract .keywords{font-size:11px;line-height:1.6;margin-top:15px}
 .speech-reader .article-title{padding-bottom:21px}
 .speech-reader .article-columns{grid-template-columns:1fr;gap:20px;font-size:14px;line-height:1.75}
 .speech-reader .article-columns h2{font-size:18px;margin:22px 0 10px}.speech-reader .article-columns h3{font-size:16px;margin:22px 0 10px}
 .speech-reader .article-columns>div>h2:first-child,.speech-reader .article-columns>div>h3:first-child{margin-top:0}
 .speech-reader .study-table{font-size:10px;line-height:1.5}.speech-reader .study-table caption{font-size:11px}
 .speech-reader .study-table td,.speech-reader .study-table th{padding:8px 9px 8px 0}
 .speech-reader figcaption,.speech-reader #p3 figcaption{font-size:11px;line-height:1.65;margin-top:11px}
 .speech-reader .figure-controls{gap:12px}.speech-reader .figure-controls a{font-size:10px;padding:8px 0}
 .speech-reader .references{grid-template-columns:1fr;gap:0}.speech-reader .reference{font-size:11px;line-height:1.6;margin-bottom:14px}
 .speech-reader .uw-links{font-size:10px;line-height:1.65}.speech-reader .equations{font-size:12px;line-height:2.1;padding:12px 0}
 .speech-inspector #inspectorStage{height:58vh}.speech-inspector .inspector-controls{font-size:11px}.speech-inspector #inspectorControls a{font-size:10px}
 #figureInspector.workspace-inspector{width:calc(100vw - 12px);padding:14px 10px 10px;max-height:calc(100dvh - 12px)}
 .workspace-inspector .inspector-top h2{font-size:21px}.workspace-inspector #inspectorStage{height:calc(100dvh - 135px)}
}
@media(max-width:380px){.speech-reader .reading-brand{max-width:85px}.speech-reader .reading-nav{padding-left:15px;padding-right:15px}.speech-reader .workspace-link{font-size:9px}}
@media print{.speech-reader .figure-controls{display:none!important}.speech-reader .paper-page{height:auto;min-height:297mm;overflow:visible}.speech-reader .page-content{height:auto}.speech-reader .paper-page footer{position:static}.speech-reader .web-companion{display:none!important}}

.workspace-link-short{display:none}
@media(max-width:820px){.workspace-link-full{display:none}.workspace-link-short{display:inline}.speech-reader .reading-brand{max-width:calc(100vw - 190px)}}

/* The live companion is part of the article, not hidden behind the inspector. */
.speech-reader .live-workspace{margin:8px 0 22px;scroll-margin-top:12px;border-top:1px solid #adc4d2;border-bottom:1px solid #adc4d2;padding:17px 0 12px}
.live-workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}
.live-workspace-heading h3{font:300 21px/1.3 Display,Arial,sans-serif;margin:6px 0}
.live-workspace-heading>a{font:400 9px Text;color:#007dab;white-space:nowrap}
.speech-reader .live-workspace-hint{font:400 10px/1.6 Text;color:#536b7c;margin:5px 0 12px}
#workspaceFrameHost{min-height:680px;position:relative}
#workspaceFrameHost iframe{display:block;width:100%;height:1200px;border:0;background:white}
#workspaceLoadStatus{font:400 11px/1.6 Text;color:#536b7c;padding:14px 0}
@media(max-width:820px){.speech-reader .live-workspace{scroll-margin-top:12px}.live-workspace-heading{align-items:flex-start}.live-workspace-heading h3{font-size:23px}.live-workspace-heading>a{font-size:10px;padding-top:5px}.speech-reader .live-workspace-hint{font-size:12px}#workspaceFrameHost{min-height:750px}}
@media print{.live-workspace{display:none!important}}

/* The live instrument fills the article width immediately after the abstract. */
.speech-reader .page-content>.live-workspace{width:100%;max-width:none;margin:0 0 40px;padding:12px 0;scroll-margin-top:8px}
.live-workspace-actions{display:flex;align-items:center;gap:18px;font:400 11px Text}
.live-workspace-actions a{color:#007dab;white-space:nowrap}
.live-workspace-actions button{background:white;border:1px solid #afc6d4;color:#315b74;padding:8px 12px;font:inherit;cursor:pointer}
.speech-reader .live-workspace-heading h3{font-size:24px;line-height:1.2;margin:3px 0}
.speech-reader .live-workspace-hint{font-size:11px;margin:4px 0 8px}
#workspaceFrameHost{min-height:0}
@media(max-width:820px){.speech-reader .page-content>.live-workspace{margin:0 0 32px}.live-workspace-actions{flex-direction:column;align-items:flex-end;gap:10px;font-size:10px}.speech-reader .live-workspace-heading h3{font-size:22px}}

@media(min-width:1000px){
 .live-workspace-heading>div:first-child{display:flex;align-items:center;gap:14px}
 .speech-reader .live-workspace-hint{margin:3px 0 5px;font-size:10px}
 .speech-reader .live-workspace-heading h3{font-size:22px;margin:0}
}