/* Phone compositions for the approved full page. Comparison routes stay intact. */
.rs-property-chooser,.rs-command-path,.rs-step-picker{display:none}
.rs-process-drawing{display:none}
.rs-process-drawing>summary{display:none}
@media(max-width:700px){
  html.rs-refined{scroll-padding-top:64px;scrollbar-gutter:auto}
  body[data-refinement="final"]{--rs-gutter:20px;--rs-space:48px}
  body[data-refinement="final"] #app>header{height:64px;padding-inline:20px}
  body[data-refinement="final"] .hero-g{padding-bottom:24px}
  body[data-refinement="final"] .hero-g .intro{padding:22px 20px 0}
  body[data-refinement="final"] .hero-g h1{font-size:clamp(39px,11.7vw,49px);line-height:1.03;letter-spacing:-2.4px;margin:17px 0}
  body[data-refinement="final"] .hero-g .lead{font-size:15px;line-height:1.6;max-width:350px;margin:0}
  body[data-refinement="final"] .hero-g .actions{margin-top:18px;gap:6px 18px}
  body[data-refinement="final"] .hero-g .primary{font-size:13px;min-height:50px}
  body[data-refinement="final"] .hero-g .actions>a{font-size:11px}
  body[data-refinement="final"] .hero-g .capabilities{display:none}
  body[data-refinement="final"] .hero-g .hero-art{height:clamp(245px,70vw,310px);margin-top:2px}
  body[data-refinement="final"] .hero-g .hero-foot{left:20px;right:20px;bottom:8px}
  body[data-refinement="final"] .hero-g .visual-note{font-size:8px;letter-spacing:.5px}
  body[data-refinement="final"] .hero-g .state{bottom:13px;right:20px;width:158px;padding:12px 14px}
  body[data-refinement="final"] .hero-g .state-bottom{font-size:10px;line-height:1.4;color:#526b8c}
  body[data-refinement="final"] .hero-g .state-label{font-size:10px}
  body[data-refinement="final"] .hero-g .state-label .demo{font-size:8px}
  body[data-refinement="final"] .hotspot{min-height:44px;padding-block:9px}
  body[data-refinement="final"] :is(.s2-heading,.s3-heading,.s4-heading,.s5-heading,.s6-heading,.s7-heading,.s8-heading,.s9-heading){margin-bottom:24px}
  body[data-refinement="final"] :is(.s2-heading,.s3-heading,.s4-heading,.s5-heading,.s6-heading,.s7-heading,.s8-heading,.s9-heading)>p{font-size:15px;line-height:1.65;margin-top:17px}
  body[data-refinement="final"] :is(.s2-heading,.s3-heading,.s4-heading,.s5-heading,.s6-heading,.s7-heading,.s8-heading,.s9-heading)>p>span{font-size:12px;color:#5c718e;margin-top:8px}
  body[data-refinement="final"] .eyebrow{font-size:9px;letter-spacing:1px;color:#567299}
  body[data-refinement="final"] :is(.s2-detail .description,.s4-result,.s5-detail-copy>p,.s6-current-copy,.s7-current-copy,.s8-answer>p){font-size:15px;line-height:1.75}
  body[data-refinement="final"] :is(.s2-detail,.s6-inspector-copy,.s7-service-panel){padding:24px 20px}
  body[data-refinement="final"] :is(.s2-detail .detail-tags,.s4-detail-tags,.s5-tags,.s6-tags){font-size:11px;line-height:1.6;color:#516e94;gap:9px 14px;flex-wrap:wrap}
  body[data-refinement="final"] :is(.s3-footer-note,.s4-footer-note,.s5-footer-note,.s6-footer-note,.s7-footer-note)>small,
  body[data-refinement="final"] .s2-bottom>span{font-size:11px;color:#5b6f8b;line-height:1.65}
  body[data-refinement="final"] :is(.s3-footer-note,.s4-footer-note,.s5-footer-note,.s6-footer-note,.s7-footer-note)>span,
  body[data-refinement="final"] .s2-bottom>p{font-size:13px;line-height:1.6}

  body[data-refinement="final"] .s2-explorer>.s2-rail{order:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-refinement="final"] .s2-explorer>.s2-detail{order:1;border-bottom:1px solid var(--line)}
  body[data-refinement="final"] .s2-explorer>.s2-stage{order:2;min-height:240px}
  body[data-refinement="final"] .s2-rail>button{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:66px;padding:10px 3px;color:#536983;font-size:11px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  body[data-refinement="final"] .s2-rail>button[aria-pressed=true]{color:#245af1;background:#e9f0ff}
  body[data-refinement="final"] .s2-rail>button>svg{width:19px;height:21px;min-width:0}
  body[data-refinement="final"] .s2-rail>button :is(.rail-num,b){display:none}
  body[data-refinement="final"] .s2-detail h2{font-size:27px;margin:12px 0 15px}
  body[data-refinement="final"] .s2-kicker{font-size:10px;color:#567299}
  body[data-refinement="final"] .s2-contact{font-size:13px;min-height:46px;margin-top:20px}
  body[data-refinement="final"] .s2-photo-label{font-size:9px;letter-spacing:.6px;left:18px;top:18px}
  body[data-refinement="final"] .s2-image-foot{font-size:8px;letter-spacing:.5px}
  body[data-refinement="final"] .s2-stage .s2-readout{bottom:38px;padding:13px 15px}
  body[data-refinement="final"] .s2-readout>div:first-child{font-size:11px}
  body[data-refinement="final"] .readout-caption{font-size:11px}

  body[data-refinement="final"] .s3-tabs>button{min-height:54px;padding:12px;gap:8px}
  body[data-refinement="final"] .s3-tabs strong{font-size:12px}
  body[data-refinement="final"] .s3-tabs>button>span{font-size:9px;color:#58769c}
  body[data-refinement="final"] .s3-immersive{padding:0 16px 16px}
  body[data-refinement="final"] .s3-immersive>.s3-room,
  body[data-refinement="final"] .s3-immersive>.s3-atmosphere{height:310px}
  body[data-refinement="final"] .s3-scene-caption{padding-top:83px}
  body[data-refinement="final"] .s3-scene-caption .s3-scene-tag{font-size:9px;letter-spacing:.7px}
  body[data-refinement="final"] .s3-scene-caption h3{font-size:30px;min-height:0;margin:13px 0;line-height:1.12}
  body[data-refinement="final"] .s3-scene-caption>p{font-size:14px;line-height:1.65;color:#eff4fc}
  body[data-refinement="final"] .s3-controller{margin-top:20px;padding:18px}
  body[data-refinement="final"] .s3-controller-top{font-size:9px;letter-spacing:.6px;color:#516c91}
  body[data-refinement="final"] .s3-controller-top>b{font-size:8px;color:#516c91}
  body[data-refinement="final"] .s3-controller h4{font-size:24px;margin:13px 0 17px}
  body[data-refinement="final"] .s3-controller .s3-status-item{min-height:70px;padding-block:11px;gap:4px 7px}
  body[data-refinement="final"] .s3-controller .status-label{font-size:11px;color:#4e6686}
  body[data-refinement="final"] .s3-controller .s3-status-item>strong{font-size:14px}
  body[data-refinement="final"] .s3-launch{font-size:13px;min-height:48px}
  body[data-refinement="final"] .s3-feedback{font-size:11px;line-height:1.5;min-height:33px}
  body[data-refinement="final"] .s3-visual-top>span:first-child{font-size:9px;letter-spacing:.5px}
  body[data-refinement="final"] .s3-visual-top>span:last-child{display:none}

  body[data-refinement="final"] .rs-property-chooser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:12px}
  body[data-refinement="final"] .rs-property-chooser>button{min-width:0;min-height:46px;background:#fff;border:1px solid #d5dfee;border-radius:3px;color:#526b8c;font-size:11px;padding:8px 2px}
  body[data-refinement="final"] .rs-property-chooser>button[aria-pressed=true]{color:#fff;background:#245af1;border-color:#245af1}
  body[data-refinement="final"] .s4-a .s4-gallery{display:block;height:auto}
  body[data-refinement="final"] .s4-photo-card{display:block;width:100%;height:245px;text-align:left;cursor:default}
  body[data-refinement="final"] .s4-photo-card[aria-pressed=false]{display:none}
  body[data-refinement="final"] .s4-photo-copy>small{font-size:9px;letter-spacing:.7px}
  body[data-refinement="final"] .s4-photo-copy>strong{font-size:30px}
  body[data-refinement="final"] .s4-photo-copy>span{font-size:13px;line-height:1.6;max-width:300px}
  body[data-refinement="final"] .s4-photo-top>b{display:none}
  body[data-refinement="final"] .s4-object-detail{margin-top:0;border-top:0;padding:23px 20px}
  body[data-refinement="final"] .s4-kicker{font-size:10px;color:#567299}
  body[data-refinement="final"] .s4-object-intro h3{font-size:26px;margin-top:13px}
  body[data-refinement="final"] .s4-task-block{margin-top:22px;padding-top:20px}
  body[data-refinement="final"] .s4-task-block>span{font-size:10px;color:#567299}
  body[data-refinement="final"] .s4-task{font-size:19px;line-height:1.4}
  body[data-refinement="final"] .s4-contact-block{margin-top:22px;padding-top:20px}
  body[data-refinement="final"] .s4-contact-block>p{font-size:14px;line-height:1.7}
  body[data-refinement="final"] .s4-contact{font-size:13px;min-height:46px}

  body[data-refinement="final"] .s5-graph{padding:20px 14px 16px}
  body[data-refinement="final"] .s5-graph-top{font-size:8px;line-height:1.6;gap:12px;letter-spacing:.5px}
  body[data-refinement="final"] .s5-graph-top>span:last-child{display:none}
  body[data-refinement="final"] .s5-graph-grid{display:none}
  body[data-refinement="final"] .rs-command-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:19px 0 13px}
  body[data-refinement="final"] .rs-command-path>button{position:relative;min-width:0;min-height:99px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;color:#4d6a91;border:1px solid #cddcf0;border-radius:4px;padding:10px 2px}
  body[data-refinement="final"] .rs-command-path>button:not(:last-child):after{content:'→';position:absolute;right:-10px;top:38px;z-index:1;background:#edf3fc;color:#446da6;font-size:14px;line-height:19px;width:10px}
  body[data-refinement="final"] .rs-command-path>button>span{font-size:10px}
  body[data-refinement="final"] .rs-command-path strong{font-size:11px;font-weight:400}
  body[data-refinement="final"] .rs-command-path small{font-size:9px}
  body[data-refinement="final"] .rs-command-path>button[aria-pressed=true]{background:#245af1;border-color:#245af1;color:#fff;box-shadow:0 5px 18px #245af125}
  body[data-refinement="final"] .s5-feedback-bar{min-height:52px;padding:12px;font-size:12px;gap:9px}
  body[data-refinement="final"] .s5-feedback-bar>small{display:none}
  body[data-refinement="final"] .s5-feedback-bar>b{font-size:10px;white-space:nowrap}
  body[data-refinement="final"] .s5-detail{margin-top:0;border-top:0;padding:24px 20px}
  body[data-refinement="final"] .s5-detail-index{font-size:34px;color:#6a87b4}
  body[data-refinement="final"] .s5-detail-name{font-size:10px;color:#567299}
  body[data-refinement="final"] .s5-detail h3{font-size:26px;margin-top:9px}
  body[data-refinement="final"] .s5-detail-copy{margin-top:18px}
  body[data-refinement="final"] .s5-actions{margin-top:20px;gap:8px}
  body[data-refinement="final"] :is(.s5-run,.s5-contact){min-height:46px;font-size:13px}
  body[data-refinement="final"] .s5-run-status{font-size:11px;min-height:34px}

  body[data-refinement="final"] .s6-timeline{display:none}
  body[data-refinement="final"] .rs-step-picker{display:block;margin-bottom:14px}
  body[data-refinement="final"] .rs-step-picker>span{display:block;font-size:12px;color:#536c8e;margin-bottom:9px}
  body[data-refinement="final"] .rs-step-picker b{font-weight:400;color:#245af1}
  body[data-refinement="final"] .rs-step-picker select{width:100%;min-height:52px;font:inherit;font-size:16px;color:#24486f;background:#fff;border:1px solid #c9d8ec;border-radius:3px;padding:12px 35px 12px 14px}
  body[data-refinement="final"] .s6-inspector{overflow:hidden}
  body[data-refinement="final"] .s6-inspector-copy{order:0}
  body[data-refinement="final"] .s6-current-index{font-size:11px;color:#567299;margin-top:0}
  body[data-refinement="final"] .s6-current-title{font-size:28px;margin:12px 0 16px}
  body[data-refinement="final"] .s6-deliverable{margin-top:20px;padding-top:19px}
  body[data-refinement="final"] .s6-deliverable>span{font-size:10px;color:#567299}
  body[data-refinement="final"] .s6-current-result{font-size:19px;line-height:1.4}
  body[data-refinement="final"] .s6-controls{gap:8px;margin-top:22px}
  body[data-refinement="final"] .s6-controls>button{min-height:46px;font-size:12px}
  body[data-refinement="final"] .rs-process-drawing{display:block;order:1;border-top:1px solid #d9e4f3}
  body[data-refinement="final"] .rs-process-drawing>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;min-height:50px;font-size:13px;color:#496b99;cursor:pointer}
  body[data-refinement="final"] .rs-process-drawing>summary::-webkit-details-marker{display:none}
  body[data-refinement="final"] .rs-process-drawing[open]>summary>span{transform:rotate(45deg)}
  body[data-refinement="final"] .s6-inspector-art{padding:14px;min-height:0}
  body[data-refinement="final"] .s6-document{min-height:0;padding:17px}
  body[data-refinement="final"] .s6-illustration{height:170px}
  body[data-refinement="final"] :is(.s6-document-top,.s6-document-caption){font-size:9px;line-height:1.6;letter-spacing:.3px}
  body[data-refinement="final"] .s6-drawing-note{font-size:8px;letter-spacing:.3px}

  body[data-refinement="final"] .s7-service-tabs>button{min-height:58px;padding:13px 11px;gap:8px}
  body[data-refinement="final"] .s7-service-tabs>button>span{font-size:9px;color:#58769c}
  body[data-refinement="final"] .s7-service-panel{order:0}
  body[data-refinement="final"] .s7-engineer-visual{order:1;min-height:210px}
  body[data-refinement="final"] .s7-engineer-visual>img{object-position:38% 42%}
  body[data-refinement="final"] .s7-current-tag{font-size:10px;color:#567299}
  body[data-refinement="final"] .s7-current-title{font-size:28px;margin:13px 0 16px}
  body[data-refinement="final"] .s7-items{margin:21px 0}
  body[data-refinement="final"] .s7-items>li{font-size:14px;color:#516a8c;line-height:1.7}
  body[data-refinement="final"] .s7-outcome{margin-top:20px;padding-top:19px}
  body[data-refinement="final"] .s7-outcome>span{font-size:10px;color:#567299}
  body[data-refinement="final"] .s7-current-outcome{font-size:19px;line-height:1.4}
  body[data-refinement="final"] .s7-contact{font-size:13px;margin-top:23px;min-height:48px}
  body[data-refinement="final"] .s7-photo-caption{left:20px;bottom:20px}
  body[data-refinement="final"] .s7-photo-caption>span{font-size:8px;line-height:1.6;letter-spacing:.4px}
  body[data-refinement="final"] .s7-photo-caption>p{font-size:25px;line-height:1.1;margin-top:12px}
  body[data-refinement="final"] .s7-photo-note{top:15px;left:17px;font-size:8px;letter-spacing:.4px}

  body[data-refinement="final"] .s8-guide{background:none;border:0;padding:0;margin-bottom:16px}
  body[data-refinement="final"] .s8-guide>:is(.s8-guide-top,h3,p,.s8-guide-contact){display:none}
  body[data-refinement="final"] .s8-topic-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;border:0}
  body[data-refinement="final"] .s8-topic-index>button{display:flex;align-items:center;justify-content:center;min-height:45px;padding:8px 3px;background:#eaf0fa;border:1px solid #d6e1f0;color:#4d6b94;border-radius:3px}
  body[data-refinement="final"] .s8-topic-index strong{font-size:11px}
  body[data-refinement="final"] .s8-topic-index>button>:is(span,small,b){display:none}
  body[data-refinement="final"] .s8-question summary{min-height:67px;gap:12px;padding:18px 0}
  body[data-refinement="final"] .s8-q-index{font-size:10px;color:#5f7a9f}
  body[data-refinement="final"] .s8-q-title{font-size:17px;line-height:1.4}
  body[data-refinement="final"] .s8-answer{padding:0 0 23px 26px}
  body[data-refinement="final"] .s8-answer-note>span{font-size:11px;color:#526d92}
  body[data-refinement="final"] .s8-answer-note li{font-size:12px;line-height:1.65;color:#536d8e}
  body[data-refinement="final"] .s8-text-contact{font-size:12px;min-height:44px;line-height:1.5}
  body[data-refinement="final"] .s8-closing{padding:23px 20px;margin-top:23px}
  body[data-refinement="final"] .s8-closing>div>span{font-size:9px;line-height:1.7}
  body[data-refinement="final"] .s8-closing>div>p{font-size:22px;line-height:1.3}
  body[data-refinement="final"] .s8-closing>button{font-size:13px;min-height:46px}
  body[data-refinement="final"] .s8-footnote{font-size:11px;line-height:1.65}

  body[data-refinement="final"] .s9-b .s9-blue-wrap{margin:0 -20px;padding-inline:20px}
  body[data-refinement="final"] .s9-b .s9-heading>p{font-size:15px;color:#edf3ff}
  body[data-refinement="final"] .s9-b .s9-heading>p>span{font-size:12px;color:#e1ebff}
  body[data-refinement="final"] .s9-b .s9-blue-contact{margin-bottom:22px}
  body[data-refinement="final"] .s9-b .s9-project-form{padding:25px 20px}
  body[data-refinement="final"] .s9-direct>span{font-size:9px;line-height:1.7}
  body[data-refinement="final"] .s9-blue-contact>p{font-size:14px;line-height:1.7}
  .rs-mobile-dock{left:20px;right:20px;max-width:420px;margin-inline:auto;padding:0;border:0;border-radius:5px;background:#245af1;box-shadow:0 8px 30px #1744a540}
  .rs-mobile-dock>a{width:100%;min-height:52px;padding:15px 20px;font-size:14px;border-radius:5px}
  body[data-refinement="final"] #rs-page-menu{padding:21px 18px 18px}
  .rs-menu-close{width:44px;height:44px}
  .rs-menu-top>div>span{font-size:9px;letter-spacing:.6px}
  .rs-menu-links small{font-size:11px;color:#596f8f}
  .rs-menu-links>a>span{font-size:10px;color:#5a759b}
  body[data-refinement="final"] .rs-footer{padding-inline:20px;font-size:9px}
}
@media(max-width:360px){
  body[data-refinement="final"]{--rs-gutter:16px}
  body[data-refinement="final"] .hero-g .intro{padding-inline:16px}
  body[data-refinement="final"] .hero-g h1{font-size:39px}
  body[data-refinement="final"] .hero-g .actions{gap:3px 15px}
  body[data-refinement="final"] .hero-g .primary{font-size:12px;padding-inline:14px}
  body[data-refinement="final"] .hero-g .actions>a{font-size:10px}
  body[data-refinement="final"] :is(.s2-heading,.s3-heading,.s4-heading,.s5-heading,.s6-heading,.s7-heading,.s8-heading) h2{font-size:31px}
  body[data-refinement="final"] .s9-b .s9-blue-wrap{margin-inline:-16px;padding-inline:16px}
  body[data-refinement="final"] .rs-command-path{gap:7px}
  body[data-refinement="final"] .rs-command-path strong{font-size:10px}
  body[data-refinement="final"] .s8-topic-index strong{font-size:10px}
}
@media(max-width:700px) and (max-height:740px){
  body[data-refinement="final"] .hero-g .intro{padding-top:17px}
  body[data-refinement="final"] .hero-g .hero-art{height:235px}
}
