/* Final-06: keep each answer in its own reading stage, in every motion mode. */
#closing .p4-work{padding:28px clamp(18px,2vw,30px);width:100%;box-sizing:border-box}
#closing .p4-workspace{display:block!important;min-height:310px!important;height:auto!important}
#closing .p4-workspace>div{display:block!important;position:relative!important;grid-area:auto!important;visibility:visible!important;opacity:1!important;transform:none!important;inset:auto!important;margin:0!important}
#closing .p4-workspace>div[hidden]{display:none!important;visibility:hidden!important}
#closing .p4-work-steps{gap:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}
#closing .p4-work-steps li{padding:0;opacity:1;min-width:0;border:0}
#closing .p4-work-steps li::before{content:none}
#closing .p4-work-steps button{font:inherit;line-height:1.6;min-height:48px;width:100%;padding:10px 4px;border:0;border-bottom:2px solid #789783;background:transparent;color:#fff4d9;cursor:pointer}
#closing .p4-work-steps button[aria-pressed=true]{border-color:#edce82;color:#ffe6ac}
#closing .p4-answer p{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
#closing .p4-answer b{min-width:0;line-height:1.8}
#closing .p4-tags{display:flex;gap:10px;flex-wrap:wrap}
#closing .p4-tags b{line-height:1.8;max-width:100%;box-sizing:border-box}
#closing .p4-work h3,#closing .p4-action h4{overflow-wrap:anywhere}
.media06-selector{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 12px}
.media06-selector button{font:500 15px/1.5 var(--sans);display:flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 20px;color:#234837;border:1px solid #b8a477;background:#fffdf7;border-radius:3px;cursor:pointer}
.media06-selector button b{font:500 27px/1 var(--serif)}
.media06-selector button[aria-pressed=true]{color:#fff2cd;background:#173e30;border-color:#173e30}
.media06-count{font-size:16px;line-height:1.8;color:#234837;margin:12px 0}
#media-district .media05-card{isolation:isolate;overflow:hidden}
#media-district .media05-card[hidden]{display:none!important}
#media-district .media05-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,#f3d68b99,transparent 75%);opacity:0;transition:opacity 180ms ease}
#media-district .media05-card.is-lit::before{opacity:.65}
#media-district .media05-card:hover::before,#media-district .media05-card:focus-visible::before{opacity:1}
#media-district .media05-card:focus-visible,.media06-selector button:focus-visible,#closing .p4-work-steps button:focus-visible{outline:2px solid #a78335;outline-offset:4px}
#media-district .media05-card strong,#media-district .media05-card small{position:relative}
#media-district .media06-note{box-sizing:border-box;width:100%;max-width:100%;margin:20px 0;padding:20px 0;color:#3d5147}
#media-district .media06-note span{display:inline-block;margin-top:10px}
@media(max-width:700px){.media06-selector{gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.media06-selector button{flex-direction:column;gap:6px;font-size:12px;padding:10px 3px}.media06-selector button b{font-size:25px}#closing .p4-workspace{min-height:370px!important}#closing .p4-work-steps button{font-size:12px}}
@media(prefers-reduced-motion:reduce){#media-district .media05-card::before{transition:none}}
/* Preserve the device scene while keeping its two text surfaces separate. */
.r1102-story .r1102-stage{height:auto;min-height:640px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:24px;padding:70px 40px 100px;box-sizing:border-box}
.r1102-story .r1102-desktop,.r1102-story .r1102-phone{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0;box-sizing:border-box;transform:none!important;opacity:1!important;transition:none!important}
.r1102-story .r1102-paper h4{font-size:clamp(22px,2.3vw,32px)}
.r1102-story .r1102-stage-caption{box-sizing:border-box}
@media(max-width:760px){.r1102-story .r1102-stage{grid-template-columns:1fr;padding:50px 18px 88px;gap:22px}.r1102-story .r1102-phone{max-width:280px;justify-self:end;padding:24px 18px}.r1102-story .r1102-stage-caption{padding:18px}.media-summary-head{display:flex!important;flex-direction:column;align-items:flex-start;gap:20px}.media-summary-head>p{margin:0!important}.media-summary-number strong{line-height:1.2!important}}
#media-district .media06-note,.media06-count{color:#f4ecd9!important}
#media-district [data-media=seesaa] .media05-icon{background:#173e30;border-color:#173e30}
#media-district .media06-tooltip{position:absolute;bottom:12px;left:8px;right:8px;display:block;padding:10px 6px;background:#173e30;color:#fff2cd;border:1px solid #c6ac70;font:500 13px/1.7 var(--sans);opacity:0;transform:translateY(6px);transition:opacity 180ms ease,transform 180ms ease;pointer-events:none}
@media(hover:hover){#media-district .media05-card:hover .media06-tooltip{opacity:1;transform:none}}
#media-district .media05-card:focus-visible .media06-tooltip{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#media-district .media06-tooltip{transition:none;transform:none}}
#media-district .media05-card.is-pointed .media06-tooltip{opacity:1;transform:none}
/* Labels appear immediately; only the surrounding light is interpolated. */
#media-district .media06-tooltip{transition:none!important;transform:none}