/* Shared tablet and phone layout. Desktop art direction stays unchanged. */
@media(max-width:1000px){
 html{scroll-padding-top:155px}
 .tech-page .wrap{width:calc(100% - 40px)}
 .tech-page main *{min-width:0}
 .tech-page .t-hero-grid,.tech-page .t-scene,.tech-page .t-section-heading,
 .tech-page .q-training-layout,.tech-page .q-marketplace-heading,.tech-page .t-contact{grid-template-columns:minmax(0,1fr);gap:30px}
 .tech-page .t-hero{padding:24px 0 40px}
 .tech-page .t-hero-grid{padding-top:28px}
 .tech-page .t-hero h1{font-size:clamp(38px,6.5vw,58px);line-height:1.08;letter-spacing:-.04em}
 .tech-page .t-hero h1 br,.tech-page .t-scene h2 br{display:none}
 .tech-page .t-hero h1 em{display:block;margin-top:5px}
 .tech-page .t-promise{border-left:0;border-top:1px solid var(--t-border);padding:24px 0 0}
 .tech-page .t-scene{padding-block:48px}
 .tech-page .t-scene-copy>p:not(.t-eyebrow){max-width:none}
 .tech-page .t-scene-copy h2,.tech-page .t-section-heading h2,.tech-page .t-security h2,.tech-page .t-contact h2{font-size:clamp(30px,4.5vw,40px);line-height:1.16}
 .tech-page .t-journey{top:88px}
 .tech-page .t-journey>.wrap{display:flex;overflow-x:auto;width:100%;padding-inline:20px;gap:18px;scrollbar-width:thin;overscroll-behavior-x:contain}
 .tech-page .t-journey a{flex:0 0 auto;min-height:52px;font-size:14px;padding:12px 0;gap:7px;white-space:nowrap}
 .tech-page .t-journey a:after{right:0}
 .tech-page .t-contact{padding:30px;margin-top:48px}
 .tech-page .t-contact-person{border-left:0;border-top:1px solid #ffffff35;padding:24px 0 0}
 .tech-page .t-contact .btn{white-space:normal;text-align:center}
 .tech-page .t-security-more{margin-left:0}
 .tech-page .t-deployment-grid,.tech-page .t-security-items,.r-measures-grid,.c-measures-grid,.c-production,.q-opportunity-steps,.q-value-grid,.s-value-grid,.s-operating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .q-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .q-project{grid-column:auto}
 .q-marketplace-heading .q-trainer-count{border-left:0;text-align:left;padding-left:0}
 .s-transition{grid-template-columns:1fr;gap:10px}
 .montel-mobile-nav{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:600px){
 html{scroll-padding-top:145px}
 body{overflow-wrap:break-word}
 .wrap,.tech-page .wrap,.montel-home .home-introduction,.montel-home .home-pillars{width:calc(100% - 32px)}
 .montel-navigation.new-header,.montel-home .montel-navigation.new-header{width:calc(100% - 24px);height:64px;top:10px;padding:9px 12px;gap:8px;margin-top:10px}
 .montel-navigation.new-header .new-brand{font-size:26px;gap:8px;flex-shrink:0}
 .montel-navigation.new-header .new-brand img{width:20px;height:26px}
 .montel-navigation.new-header .header-contact{font-size:12px;min-height:44px;padding-inline:11px;gap:6px}
 .montel-navigation .new-menu{flex:0 0 44px;padding:10px}
 .montel-mobile-nav{top:84px;left:12px;right:12px;padding:14px 20px;border-radius:18px;max-height:calc(100dvh - 100px)}
 .montel-mobile-nav a,.montel-mobile-nav summary{min-height:44px}
 .montel-home .home-introduction{padding:36px 0 40px}
 .home-audience{font-size:12px;letter-spacing:.015em;margin-bottom:20px}
 .montel-home .home-introduction h1{font-size:clamp(33px,9vw,48px);line-height:1.12}
 .montel-home .home-introduction h1 em{font-size:1.14em;line-height:1.14;margin-top:10px}
 .home-promise{font-size:16px;line-height:1.6;margin-top:21px}
 .home-atmosphere{height:650px;opacity:.45}
 .pillar-section-heading{display:block;margin-bottom:24px}
 .pillar-section-heading h2{font-size:28px;line-height:1.2}
 .pillar-section-heading>p{margin-top:14px;font-size:14px}
 .pillar-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .pillar-card{display:grid;grid-template-columns:minmax(0,1fr) 105px;padding-top:15px;border-radius:14px;scroll-margin-top:90px}
 .pillar-card-top{grid-column:1/-1;padding:0 16px;font-size:12px}
 .pillar-card-title{grid-column:1;grid-row:2;height:auto;min-height:0;flex:auto;font-size:21px;padding:15px 0 15px 16px;line-height:1.25;align-self:center}
 .pillar-art{grid-column:2;grid-row:2;height:110px;width:105px;align-self:center}
 .pillar-card-footer{grid-column:1/-1;min-height:49px;padding:12px 16px;font-size:14px}
 .pillar-card-plus{width:26px;height:26px}
 .pillar-explorer{margin:0 0 8px;scroll-margin-top:90px}
 .montel-home .pillar-panel-stage{display:block;border-radius:14px}
 .montel-home .pillar-panel{display:grid;grid-template-columns:minmax(0,1fr);padding:49px 18px 22px;gap:24px;min-height:0}
 .montel-home .pillar-panel[hidden],.pillar-explorer[hidden]{display:none!important}
 .montel-home .pillar-panel h3{font-size:29px;min-height:0}
 .montel-home .pillar-panel-description{font-size:16px;line-height:1.6}
 .montel-home .pillar-close{width:44px;height:44px;right:7px;top:7px}
 .montel-home .pillar-detail-link.montel-glass-button{width:100%;min-width:0;min-height:48px;font-size:14px}
 .montel-home .pillar-evidence{padding:22px 16px;min-height:0}
 .pillar-evidence h4{font-size:25px}
 .tech-use-grid,.growth-resources{grid-template-columns:1fr}
 .recruitment-path{grid-template-columns:repeat(2,minmax(0,1fr))}
 .shared-resources>div{grid-template-columns:1fr;gap:4px}
 .shared-calculation>div{gap:5px;padding:10px;font-size:12px}
 .shared-calculation p{font-size:12px}
 .montel-home .contact-new.montel-booking{grid-template-columns:1fr;gap:24px;padding:26px 20px;border-radius:18px}
 .montel-booking .contact-main h2{font-size:34px}
 .booking-card-heading,.booking-unavailable{padding:24px 20px}
 .booking-unavailable>a{gap:12px;white-space:normal}
 .montel-home .value-grid{gap:26px}
 .new-footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:30px}
 .new-footer nav{display:flex;flex-wrap:wrap;gap:16px 22px}
 .tech-page .t-journey{top:84px}
 .tech-page .t-journey>.wrap{padding-inline:16px;gap:20px}
 .tech-page .t-journey a{font-size:13px;min-height:49px}
 .tech-page .t-intro,.tech-page .t-scene-copy>p{font-size:16px}
 .tech-page .t-eyebrow{font-size:12px!important;gap:9px;letter-spacing:.025em}
 .tech-page .t-hero-grid{gap:25px}
 .tech-page .t-story-note{align-items:flex-start;font-size:13px;padding-top:24px}
 .t-client-seal{flex:0 0 34px}
 .tech-page .t-scene{padding-block:40px;gap:28px}
 .tech-page .t-section-heading{gap:20px}
 .tech-page .t-deployment-grid,.tech-page .t-security-items,.r-measures-grid,.c-measures-grid,.c-production,.q-opportunity-steps,.q-value-grid,.s-value-grid,.s-operating-grid,.q-project-grid,.q-training-layout,.q-marketplace-uses,.q-synergy-examples,.c-synergy-pair{grid-template-columns:minmax(0,1fr);gap:22px}
 .t-security-intro{grid-template-columns:1fr;gap:16px}
 .t-shield{width:38px;height:44px}
 .t-deployment,.t-security,.r-measures,.c-measures,.q-expertises,.q-opportunities,.q-training,.q-value,.s-operating,.s-impact{padding-block:40px}
 .q-marketplace{padding:24px 20px}
 .q-project,.q-peer-card,.q-hero-map,.s-resources,.s-purchases{padding:23px 20px}
 .q-project h3,.q-peer-card h3{font-size:26px}
 .q-project h3 br,.q-value-grid h3 br{display:none}
 .q-peer-card li,.q-role,.c-offer-lines>div{grid-template-columns:1fr;gap:6px}
 .q-marketplace-heading h3{font-size:29px}
 .q-training-service ol{grid-template-columns:1fr 1fr;gap:18px}
 .q-deal-stage{padding:23px 20px 0;min-height:0}
 .q-deal-stage h3,.q-deal-context{min-height:0}
 .q-deal-result{margin-inline:-20px;padding-inline:20px}
 .q-deal-bottom{padding-inline:20px;flex-wrap:wrap}
 .q-deal-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
 .q-deal-picker button{white-space:normal;min-height:48px}
 .t-demo-top,.r-panel-top,.c-panel-top,.s-panel-top,.q-deal-top{padding:14px 18px;gap:10px;flex-wrap:wrap;font-size:13px}
 .t-assistant-body,.t-collection-body,.t-forecast-body,.r-panel-body,.r-role-body,.c-panel-body,.s-process-body,.s-support-detail{padding:22px 18px;min-height:0}
 .t-answer{padding:17px 15px;min-height:0}
 .t-question{font-size:20px!important;min-height:0}
 .t-answer>p{min-height:0}
 .t-source{padding:11px 10px;gap:8px}
 .t-question-picker{padding:15px;gap:8px}
 .t-question-picker button,.t-collection-steps button,.t-play-row button{min-height:44px;font-size:14px}
 .t-collection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .t-collection-controls{padding:16px}
 .t-collection-heading,.t-forecast-heading,.t-document-list li{flex-wrap:wrap;gap:10px}
 .t-document-list li>div{flex-basis:60%}
 .t-play-row{flex-wrap:wrap}
 .t-forecast-number{font-size:46px}
 .t-brief-surface{padding:22px 14px 14px}
 .t-brief{padding:22px 17px 0}
 .t-brief-tab{flex-wrap:wrap;font-size:11px;gap:8px}
 .t-source-dialog{width:calc(100% - 24px);max-height:90dvh}
 .t-document{padding:24px 20px}
 .t-document h2{font-size:26px}
 .t-document blockquote{padding:16px;margin-inline:0;font-size:16px}
 .r-hiring-layout,.c-acquisition-layout{grid-template-columns:1fr;gap:22px}
 .r-planning-grid{grid-template-columns:1fr;gap:14px}
 .r-advice-steps,.c-offer-picker{grid-template-columns:1fr;gap:6px}
 .r-hiring-steps button,.r-advice-steps button,.c-offer-picker button,.c-acquisition-steps button{min-height:48px;font-size:14px;white-space:normal}
 .r-career-ladder{padding-inline:18px}
 .r-career-stage{margin-left:0!important;min-height:0}
 .r-role-line,.r-skill-row,.r-mentor-row{flex-wrap:wrap;gap:10px}
 .c-offer-body,.c-offer-content{padding:22px 18px}
 .s-process-picker button,.s-support-picker button{min-height:48px;white-space:normal;font-size:14px;padding:12px 8px}
 .tech-page .t-contact{padding:28px 22px;border-radius:16px}
 .tech-page .t-contact h2{font-size:33px}
 .tech-page .t-contact h2 br{display:none}
 .tech-page .t-contact-person a{overflow-wrap:anywhere}
}
@media(max-width:360px){
 .montel-navigation.new-header .header-contact{display:none}
 .montel-navigation .new-menu{margin-left:auto}
 .pillar-card{grid-template-columns:minmax(0,1fr) 85px}
 .pillar-art{width:85px;height:100px}
 .pillar-card-title{font-size:20px}
}
@media(hover:none){.pillar-card:hover{transform:none}.montel-glass-button:hover{transform:none}}

/* Vector arrows remain monochrome on iOS instead of using emoji glyphs. */
svg.montel-arrow-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}
