/* Technical page mobile editorial and diagrams; desktop retains original rules. */
.tech-mobile-only{display:none}
@media(max-width:767px){
 #technology-view .tech-mobile-only{display:block}
 #technology-view .tt-width{width:calc(100% - 44px);padding-inline:0}
 #technology-view .tt-hero{padding-top:36px}
 #technology-view .tt-hero h1,.en #technology-view .tt-hero h1{font-size:clamp(34px,9.5vw,43px);line-height:1.2}
 #technology-view .tt-description{display:none}
 #technology-view .tt-hero-lead{font-size:20px;line-height:1.45;margin-bottom:16px}
 #technology-view .mt-lead,#technology-view .mt-summary,#technology-view .mt-topic-copy{font-size:14px;line-height:1.75;color:#aab4a4;margin:16px 0 0}
 #technology-view .tt-hero-grid{gap:24px}
 #technology-view .tt-hero-visual figure img{height:240px}
 #technology-view .tt-section-head{margin-bottom:26px}
 #technology-view .tt-section-head h2,.en #technology-view .tt-section-head h2{font-size:28px;line-height:1.35;letter-spacing:-.6px}
 #technology-view .tt-section-head>p:not(.tt-eyebrow):not(.mt-summary){display:none}
 #technology-view .tt-craft,#technology-view .tt-data{padding-block:54px}
 #technology-view .tt-coordination,#technology-view .tt-future{padding-block:54px}
 #technology-view .tt-loop{overflow:visible;padding:20px 16px;margin-top:28px;width:calc(100% - 44px)}
 #technology-view .tt-loop .tr-loop,#technology-view .mobile-diagram-hint,#technology-view .tt-iteration-note{display:none}
 #technology-view .tt-loop-head{display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:18px}
 #technology-view .tt-loop-head small{font-size:9px}
 #technology-view .mt-loop-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 #technology-view .mt-loop-steps>div{border:1px solid #81907445;border-radius:10px;padding:14px 10px;background:#ffffff06}
 #technology-view .mt-loop-steps span{display:block;color:#fe714b;font-size:10px;margin-bottom:6px}
 #technology-view .mt-loop-steps strong{font-size:14px;font-weight:500}
 #technology-view .mt-loop-return{margin-top:14px;padding:12px 4px;border-top:1px solid #fe714b66;color:#e29a81;text-align:center;font-size:11px;line-height:1.5}
 #technology-view .tr-lab-header{padding:18px;display:flex;flex-wrap:wrap;font-size:12px}
 #technology-view .tr-lab-header small{font-size:9px}
 #technology-view .tr-lab-copy{display:none}
 #technology-view .tr-tracks{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 16px;gap:12px}
 #technology-view .tr-track{display:flex;flex-direction:column;gap:12px;padding:16px 0 0;min-width:0}
 #technology-view .tr-track h4{font-size:16px;margin-top:6px}
 #technology-view .tr-track p{display:none}
 #technology-view .tr-track svg{width:100%;height:44px}
 #technology-view .tr-lab-footer{padding:16px;font-size:10px;gap:6px}
 #technology-view .tc-top-tabs .tt-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
 #technology-view .tc-top-tabs .tt-topic-list button,.en #technology-view .tc-top-tabs .tt-topic-list button{min-width:0;min-height:64px;padding:12px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-radius:10px}
 #technology-view .tt-topic-list button>strong:not(.mt-tab-label),#technology-view .tt-topic-list button>b{display:none}
 #technology-view .tt-topic-list button .mt-tab-label,.en #technology-view .tt-topic-list button .mt-tab-label{display:block;font-size:13px;line-height:1.35}
 #technology-view .tc-top-tabs .tt-coord-display{padding:20px 16px}
 #technology-view .tt-coord-caption h3{font-size:23px;line-height:1.4}
 #technology-view .tt-coord-caption>p:not(.mt-topic-copy){display:none}
 #technology-view .tr-graphic-host,#technology-view .tt-coord-keywords{display:none}
 #technology-view .mt-coord-graphic{margin-top:20px;min-height:0;background:linear-gradient(#7080640a 1px,transparent 1px),linear-gradient(90deg,#7080640a 1px,transparent 1px);background-size:20px 20px}
 #technology-view .mt-svg{display:block;width:100%;height:auto;overflow:visible}
 .mt-box rect{fill:#2b332a;stroke:#667660;stroke-width:1}.mt-box text{fill:#dce4d6;text-anchor:middle;font-size:13px;font-family:inherit}.mt-dark rect{stroke:#fe714b;fill:#432e23}
 .mt-links path{fill:none;stroke:#fe714b;stroke-width:1.4;marker-end:url(#mt-arrow);stroke-dasharray:600;animation:mt-trace 1s ease both}
 .mt-note{fill:#95a18c;font-size:10px;text-anchor:middle}.mt-row{fill:#acb8a3;font-size:10px}.mt-grid path{stroke:#9aad8d22;fill:none}
 .mt-time-0{fill:#638277;background:#638277}.mt-time-1{fill:#fe714b;background:#fe714b}.mt-time-2{fill:#a7b786;background:#a7b786}.mt-time-3{fill:#7c8a9c;background:#7c8a9c}
 #technology-view .mt-legend{display:flex;justify-content:center;gap:12px;font-size:10px;color:#b2bda8;padding-bottom:10px}
 #technology-view .mt-legend span{display:flex;align-items:center;gap:4px}.mt-legend i{width:7px;height:7px;border-radius:2px}
 #technology-view .tt-diagram-note{font-size:10px;line-height:1.6;display:block;margin-top:16px}
 #technology-view .tt-engineering{margin-top:28px}
 #technology-view .tt-engineering>p{font-size:19px;line-height:1.45}
 #technology-view .tt-engineering>div{display:grid;grid-template-columns:1fr;gap:20px}
 #technology-view .tt-engineering h3{font-size:20px}
 #technology-view .tt-engineering article p{font-size:14px;line-height:1.7}
 #technology-view .tr-data-system{padding:18px}
 #technology-view .tr-data-head{display:flex;flex-wrap:wrap;font-size:10px;gap:8px}
 #technology-view .tr-data-cycle{display:flex;flex-direction:column;gap:0}
 #technology-view .tr-data-cycle article{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;padding:22px 0;border-bottom:1px solid #81907433}
 #technology-view .td-glyph{grid-column:1;grid-row:1/4;width:84px;height:90px;align-self:center}
 #technology-view .tr-data-cycle article>span{grid-column:2;font-size:11px}
 #technology-view .tr-data-cycle article h3{grid-column:2;font-size:18px;line-height:1.4;margin:8px 0}
 #technology-view .tr-data-cycle article p{grid-column:2;font-size:13px;line-height:1.65;margin:0}
 #technology-view .tr-data-arrow{display:none}
 #technology-view .tr-data-return{padding-top:14px}
 #technology-view .tr-data-return p{font-size:11px}
 #technology-view .tt-data-bridge{margin-top:32px}
 #technology-view .tt-data-bridge h3{font-size:23px;line-height:1.4}
 #technology-view .tt-data-bridge div>p:last-child{display:none}
 #technology-view .tv-panel,.en #technology-view .tv-panel{gap:24px;padding-block:30px}
 #technology-view .tv-intro h3,.en #technology-view .tv-intro h3{font-size:34px;line-height:1.25}
 #technology-view .tv-intro h4,.en #technology-view .tv-intro h4{font-size:21px;line-height:1.4}
 #technology-view .tv-intro>p:not(.tt-eyebrow):not(.mt-summary){display:none}
 #technology-view .tv-concept .tv-local-graphic,#technology-view .tv-concept .tp-model{min-height:0;padding:18px!important}
 #technology-view .tp-parameter-head{display:flex;flex-direction:column;gap:6px}
 #technology-view .tp-parameter-head span{font-size:11px}
 #technology-view .tp-parameter-head small{font-size:9px}
 #technology-view .tp-model .tp-core>p,.en #technology-view .tp-model .tp-core>p{font-size:16px}
 #technology-view .tp-model .tp-city-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 #technology-view .tp-model .tp-city-row span,.en #technology-view .tp-model .tp-city-row span{font-size:9px}
 #technology-view .tt-future-note{font-size:12px;line-height:1.7}
}
@keyframes mt-trace{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.mt-links path{animation:none}}

@media(max-width:767px){
 #technology-view .tt-craft .mt-summary,#technology-view .tt-coordination .mt-summary,#technology-view .tt-data .mt-summary{color:#667260}
 #technology-view .mt-loop-steps>div{position:relative}
 #technology-view .mt-loop-steps>div:nth-child(3){grid-column:2;grid-row:2}
 #technology-view .mt-loop-steps>div:nth-child(4){grid-column:1;grid-row:2}
 #technology-view .mt-loop-steps>div:not(:last-child):after{position:absolute;color:#fe714b;font-size:16px;z-index:1}
 #technology-view .mt-loop-steps>div:nth-child(1):after{content:'→';right:-13px;top:25px}
 #technology-view .mt-loop-steps>div:nth-child(2):after{content:'↓';bottom:-15px;left:50%}
 #technology-view .mt-loop-steps>div:nth-child(3):after{content:'←';left:-13px;top:25px}
}
@media(max-width:767px){
 #technology-view .tv-panel,.en #technology-view .tv-panel{grid-template-columns:minmax(0,1fr)}
 #technology-view .tv-intro,#technology-view .tv-local-graphic,#technology-view .tp-model{min-width:0;max-width:100%}
 #technology-view .tv-local-source strong{white-space:normal}
}

@media(max-width:767px){
 #technology-view .mt-loop{position:relative;padding-left:14px}
 #technology-view .mt-loop-return-path{position:absolute;left:-4px;top:28px;width:14px;height:calc(100% - 56px);overflow:visible;pointer-events:none}
 #technology-view .mt-loop-return-path>path{fill:none;stroke:#fe714b66;stroke-width:1}
 #technology-view .mt-loop-steps>div{animation:mt-node-pulse 6s linear infinite;animation-play-state:paused}
 #technology-view .mt-loop.is-running .mt-loop-steps>div{animation-play-state:running}
 #technology-view .mt-loop-steps>div:nth-child(2){animation-delay:1.2s}
 #technology-view .mt-loop-steps>div:nth-child(3){animation-delay:2.4s}
 #technology-view .mt-loop-steps>div:nth-child(4){animation-delay:3.6s}
 #technology-view .tr-track>div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;width:100%;min-width:0}
 #technology-view .tr-track>div>span{position:static;display:block;padding:0;margin:0;font-size:10px;line-height:1}
 #technology-view .tr-track h4{margin:0;min-height:44px;text-align:left;font-size:15px;line-height:1.4}
 #technology-view .tt-topic-list button[aria-selected=false]{border-bottom-color:#d5dad0}
}
@keyframes mt-node-pulse{0%,18%{border-color:#fe714b;box-shadow:inset 0 0 22px #fe714b19;background:#fe714b10}20%,100%{border-color:#81907445;box-shadow:none;background:#ffffff06}}
@media(prefers-reduced-motion:reduce){#technology-view .mt-loop-steps>div{animation:none}#technology-view .mt-loop-return-path circle{display:none}}