/* The home introduction keeps its native camera and its still-mode fallback. */
.imx-living .imx-living__discipline{font-size:13px;line-height:1.4}
.imx-living .imx-living__speaker{font-size:12px;line-height:1.45}
.imx-living .imx-living__reading{align-self:center;max-height:280px;min-height:0;padding:10px 6px 12px 0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:flex-start}
.imx-living .imx-living__reading:focus-visible{outline:2px solid #08476c;outline-offset:3px}
.imx-living .imx-living__description{font-size:15px;line-height:1.6}
.imx-living .imx-living__reply{font-size:14px;line-height:1.5}
.imx-living .imx-living__reply strong{font-size:12px;line-height:1.45}
.imx-living .imx-living__mandate{font-size:14px;line-height:1.45}
.imx-living .imx-living__mandate span{font-size:13px;line-height:1.5}
.imx-living .imx-living__sender strong{font-size:12px;line-height:1.4}
.imx-living .imx-living__bubble p{font-size:14px;line-height:1.45}
.imx-living .imx-living__approval{font-size:12px;line-height:1.4}
.imx-living .imx-living__roles span{font-size:12px;line-height:1.35}
.imx-living .imx-living__footer{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 20px}
.imx-living .imx-living__direct{display:inline-flex;align-items:center;justify-content:flex-start;align-self:center;gap:10px;min-width:0;min-height:44px;max-width:230px;margin:0;padding:8px 0;font-size:14px;line-height:1.45;text-wrap:pretty}
.imx-living .imx-living__direct>span{flex:none;font-size:18px}
.imx-living .imx-living__brand strong{font-size:14px;line-height:1.35}
.imx-living .imx-living__brand strong>small{font-size:12px;line-height:1.4}
.imx-living .imx-living__brand span>small{font-size:12px;line-height:1.4}
.imx-living .imx-living__navigation{gap:4px}
.imx-living .imx-living__navigation>button{min-width:54px;min-height:48px;padding:6px 4px;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center}
.imx-living .imx-living__navigation>button>span{width:18px;height:18px;font-size:11px;flex:none}
.imx-living .imx-living__instruction{grid-column:1/-1;max-width:none;font-size:12px;line-height:1.4}
.imx-living .imx-living__example{font-size:12px;line-height:1.4}
.imx-living .imx-living__transcript{font-size:14px;line-height:1.65}
.imx-living .imx-living__transcript summary{display:list-item;min-height:44px;padding-block:12px;font-size:14px;line-height:1.5}

@media(max-width:1100px) and (min-width:851px){
 .imx-living .imx-living__footer{grid-template-columns:minmax(0,1fr) auto;gap:6px 20px}
 .imx-living .imx-living__navigation{grid-column:1/-1;justify-content:space-between}
 .imx-living .imx-living__navigation>button{min-width:0;flex:1}
}

@media(max-width:850px){
 .imx-living .imx-living__sticky{gap:8px;padding-top:14px;padding-bottom:8px}
 .imx-living .imx-living__discipline{font-size:12px;margin-bottom:6px}
 .imx-living .imx-living__heading h2{font-size:clamp(25px,5.5vw,34px);line-height:1.12}
 .imx-living .imx-living__scene{gap:8px;min-height:0}
 .imx-living .imx-living__viewport{flex:1 0 170px;min-height:170px}
 .imx-living .imx-living__reading{align-self:stretch;flex:0 1 240px;max-height:260px;min-height:0;padding:6px 4px 6px 0;overflow:auto}
 .imx-living .imx-living__speaker{font-size:12px;line-height:1.4;margin-bottom:5px}
 .imx-living .imx-living__chapter h3{font-size:22px;line-height:1.15;margin-bottom:9px}
 .imx-living .imx-living__description{font-size:14px;line-height:1.55}
 .imx-living .imx-living__reply{font-size:14px;line-height:1.5;margin-top:10px}
 .imx-living .imx-living__reply p{margin-top:4px}
 .imx-living .imx-living__mandate{margin-top:10px;padding-top:8px}
 .imx-living .imx-living__bubble{padding:9px 12px 10px}
 .imx-living .imx-living__bubble p{font-size:14px;line-height:1.4;margin-top:7px}
 .imx-living .imx-living__sender strong{font-size:12px;line-height:1.35}
 .imx-living .imx-living__approval{font-size:12px;line-height:1.35;margin-top:6px;padding-top:5px}
 .imx-living .imx-living__roles{top:5px;bottom:auto;gap:3px 7px}
 .imx-living .imx-living__roles span{padding:3px 4px;font-size:12px;line-height:1.3}
 .imx-living .imx-living__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding-top:8px}
 .imx-living .imx-living__brand{gap:8px}
 .imx-living .imx-living__brand>img{width:36px;height:36px;flex-basis:36px}
 .imx-living .imx-living__brand strong{font-size:13px}
 .imx-living .imx-living__brand strong>small{font-size:12px;line-height:1.3}
 .imx-living .imx-living__direct{display:inline-flex;max-width:min(38vw,150px);font-size:14px;min-height:44px;gap:8px;padding:5px 0}
 .imx-living .imx-living__navigation{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 6px;width:100%;order:initial}
 .imx-living .imx-living__navigation>button{min-width:0;min-height:48px;padding:5px 3px;font-size:12px;line-height:1.25;gap:3px}
 .imx-living .imx-living__navigation>button>span{width:16px;height:16px;font-size:10px}
 .imx-living .imx-living__instruction{grid-column:1/-1;justify-self:center;text-align:center;max-width:none;font-size:12px;line-height:1.35}
 .imx-living .imx-living__example{font-size:12px;line-height:1.4}
 .imx-living.is-still .imx-living__sticky{height:auto;min-height:0}
 .imx-living.is-still .imx-living__viewport{flex:none;min-height:280px}
 .imx-living.is-still .imx-living__reading{flex:0 1 auto;max-height:280px;min-height:0}
}

@media(max-width:360px){
 .imx-living .imx-living__sticky{width:calc(100% - 32px)}
 .imx-living .imx-living__brand{gap:6px}
 .imx-living .imx-living__brand>img{width:30px;height:30px;flex-basis:30px}
 .imx-living .imx-living__direct{max-width:116px}
}

@media(max-height:700px) and (min-width:851px){
 .imx-living .imx-living__description{font-size:14px;line-height:1.55}
 .imx-living .imx-living__reply{font-size:14px;line-height:1.5}
}

@media(max-width:850px){
 .imx-living .imx-living__navigation{display:flex;flex-wrap:wrap;gap:4px}
 .imx-living .imx-living__navigation>button{flex:1 1 calc(25% - 4px);padding-inline:2px;overflow-wrap:normal;word-break:normal}
 .imx-living .imx-living__navigation>button:nth-child(n+5){flex-basis:calc(33.333% - 4px)}
}