/* Mobile reading keeps the complete desktop house as a fitted diagram. */
.house-view-controls{display:none}
.house-viewport{width:100%;position:relative}
.house-stage{width:100%;position:relative}
.house-board{width:100%}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
/* Zero-minimum tracks keep a long table or an English title inside its card. */
.grid3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}
.grid3>*,.notes3>*,.duo2>*,.app-grid>*,.sku-grid>*,.figrow>*{min-width:0}
.card{min-width:0;max-width:100%;overflow-wrap:anywhere}
.note,.spec,.sku .info,.fig .cap,footer p{overflow-wrap:anywhere}
.table-scroll{width:100%;min-width:0}
@media(max-width:960px){
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  html{scrollbar-gutter:auto}
  .wrap{padding-inline:20px}
  section{padding:64px 0}
  #house{padding:32px 0 40px}
  #house h2{font-size:clamp(24px,5.5vw,34px);line-height:1.3}
  #house>.wrap>.sub{font-size:14px;line-height:1.7;margin-bottom:18px}
  .mobile-enhanced .house-view-controls{display:flex;gap:8px;justify-content:center;align-items:center;margin:14px 0 8px}
  .house-view-controls button{min-height:44px;padding:8px 16px;border:1.5px solid var(--ink);border-radius:99px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
  .house-view-controls button[aria-pressed="true"]{background:var(--lime)}
  .mobile-enhanced .house-viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
  .mobile-enhanced .house-stage{overflow:hidden}
  .mobile-enhanced .house-board{position:absolute;top:0;left:0;width:1120px;padding:20px 16px;transform-origin:top left;transform:scale(var(--house-scale,1))}
  .mobile-enhanced .house-board .house{margin-top:0;max-width:1120px;gap:18px}

    .mobile-enhanced #house .house{max-width:1120px;margin-top:14px;gap:8px}
    .mobile-enhanced #house .floor-tape{top:-14px;left:14px;width:164px;height:50px;padding:5px 11px;display:flex;flex-direction:column;justify-content:center;gap:2px;transform:rotate(-1.5deg)}
    .mobile-enhanced #house .floor-tape small{font-size:9px}
    .mobile-enhanced #house .floor-tape b{font-size:13px;white-space:nowrap}
    .mobile-enhanced #house .floor .body h4{font-size:11.5px;line-height:1.3}
    .mobile-enhanced #house .floor .big{font-size:17px;line-height:1.3}
    .mobile-enhanced #house .floor .cn{font-size:12.5px;line-height:1.4;color:#55545f}
    .mobile-enhanced #house .house>.floor.f1{width:90%;height:178px}
    .mobile-enhanced #house .house>.floor.f1 .body{padding:50px 15% 8px;gap:1px;background:linear-gradient(180deg,#fff7fd,#fff)}
    .mobile-enhanced #house .house>.floor.f1 .roof-item{padding:0}
    .mobile-enhanced #house .house>.floor.f1 .roof-item h4{margin-bottom:1px}
    .mobile-enhanced #house .house>.floor.f1 .roof-item:first-child .big{font-size:18px}
    .mobile-enhanced #house .house>.floor.f1 .floor-tape{top:42%;left:17%}
    .mobile-enhanced #house .house>.floor.f2{width:96%;border-top:3px solid var(--pink);padding-top:26px}
    .mobile-enhanced #house .house>.floor.f2 .body{padding:10px 12px 12px;gap:7px}
    .mobile-enhanced #house .house>.floor.f2 .core-item{padding:7px 12px;background:#f8f7fa}
    .mobile-enhanced #house .house>.floor.f2 .core-position{background:#fff0fb;border-top:0}
    .mobile-enhanced #house .house>.floor.f2 .core-position .big{font-size:19px}
    .mobile-enhanced #house .house>.floor.f2 .core-item h4{margin-bottom:2px}
    .mobile-enhanced #house .house>.floor.f2 .core-item .cn{margin-top:2px}
    .mobile-enhanced #house .house>.floor.f3{padding-top:42px}
    .mobile-enhanced #house .house>.floor.f3 .floor-tape{top:-14px;left:14px}
    .mobile-enhanced #house .house>.floor.f3 .pill-row{gap:12px}
    .mobile-enhanced #house .house>.floor.f3 .pill-row .item{padding:10px 12px;background:#fbfff2}
    .mobile-enhanced #house .pill-row .item b{font-size:13px}
    .mobile-enhanced #house .pill-row .item span{font-size:12px;line-height:1.45;color:#55545f}
    .mobile-enhanced #house .house>.floor.f4{padding-top:34px;background:#f7f7f9;border-top:3px solid var(--ink)}
    .mobile-enhanced #house .house>.floor.f4 .body{padding:10px 14px;gap:12px}
    .mobile-enhanced #house .house>.floor.f4 .item{padding:7px 9px}
    .mobile-enhanced #house .house>.floor.f4 .val3 div{padding:7px 4px}
    .mobile-enhanced #house .house>.floor.f4 .arch .item,.mobile-enhanced #house .house>.floor.f4 .val3 div{background:#fff}
    .mobile-enhanced #house .house>.floor.f4 .tov{padding:8px 10px}
  
  .mobile-enhanced #house .house>.floor.f1::before,.mobile-enhanced #house .house>.floor.f1 .body{clip-path:polygon(50% 0,100% 100%,0 100%)}
  .mobile-enhanced #house .house>.floor.f2 .body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-enhanced #house .house>.floor.f2 .core-position{grid-column:1/-1}
  .mobile-enhanced #house .house>.floor.f3{padding-top:34px}
  .mobile-enhanced #house .house{margin-top:0;gap:18px}
  .mobile-enhanced #house .house>.floor.f3 .pill-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-enhanced #house .house>.floor.f4{padding-top:26px}
  .mobile-enhanced #house .house>.floor.f4 .body{grid-template-columns:1.15fr 1fr 1.2fr}
  .mobile-enhanced #house .floor-tape{touch-action:manipulation}
  #house .house-note{font-size:13px;line-height:1.65;padding:14px 16px;margin-top:12px}
  .house-help{white-space:normal;display:block;margin:6px 0 0}
  .house-note{display:block}
  .duo2>*,.sku,.sku .info,.dl-box .txt{min-width:0}
  .table-scroll:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
  .slog-table,.minitable{min-width:520px}
  .step .inner .cols{grid-template-columns:1fr}
  .notes3{grid-template-columns:1fr;gap:12px}
  .fig>.bar{max-width:calc(100% - 28px);flex-wrap:wrap;gap:4px 8px;letter-spacing:.04em}
  .fig>.bar .e{margin-left:0;font-size:9px;letter-spacing:.08em}
  .dl-box{gap:22px;padding:28px 22px}
  .dl-btn{max-width:100%;flex-wrap:wrap;justify-content:center;text-align:center;padding:14px 20px}
  .dl-box .txt{flex-basis:100%}
  .btn,.mini,.tab{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:640px){
  .grid3{grid-template-columns:minmax(0,1fr);gap:38px}
  .card.wide{grid-column:1/-1}
  .notes3{grid-template-columns:minmax(0,1fr);padding-inline:0}
  #strategy .card{padding:46px 18px 24px}
  #strategy .card.sticky-card{padding-top:28px}
  #strategy .card .big{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
  #strategy .card p{margin-top:12px}
  #strategy .card-tape{left:14px;max-width:calc(100% - 28px);padding:7px 14px}
  #strategy .slog-table td:first-child{white-space:normal}
  .wrap{padding-inline:16px}
  h2{font-size:clamp(24px,6vw,32px);line-height:1.3}
  .sub{font-size:14px;margin-bottom:32px}
  .hero{min-height:100svh;padding:100px 0 72px}
  .hero .slogan{max-width:100%;font-size:clamp(21px,6.2vw,32px);padding:16px 20px}
  .formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-top:38px}
  .formula .f{min-width:0;padding:28px 6px 16px;box-shadow:3px 3px 0 var(--ink);text-align:center}
  .formula .f span{font-size:clamp(12px,3.3vw,17px);letter-spacing:0}
  .formula .f::before{width:calc(100% + 4px);height:30px;top:-12px;font-size:clamp(8px,2.4vw,12px);padding:0 3px;letter-spacing:0}
  .formula .op{font-size:20px}
  .hero .cta{gap:10px;margin-top:30px}
  .hero .cta .btn{font-size:14px;padding:12px 20px}
  .kicker{gap:8px;padding:6px 10px;font-size:11px;max-width:100%;flex-wrap:wrap}
  .kicker .en2{font-size:9px;letter-spacing:.1em}
  .card{padding:34px 20px 24px}
  .card p,.note p,.spec,.sku .spec-line,.step .inner p,.step .inner li{font-size:14px;line-height:1.8}
  .step>summary{padding-inline:14px;gap:8px;min-height:80px}
  .step-label{max-width:calc(100% - 35px);padding:8px 12px}
  .step h3{font-size:17px;gap:5px}
  .step .inner{padding:0 16px 22px}
  .tabs{gap:8px;margin-bottom:28px}
  .tab{font-size:13px;padding:9px 16px}
  .sku .info{padding:22px 18px}
  .sku h3 small{display:block;margin-left:0;margin-top:3px;line-height:1.65}
  .sku .foot{gap:8px}
  .mini{font-size:12px;padding:9px 12px}
  .model-tag{width:clamp(84px,25vw,130px);top:12px;right:10px}
  .model-tag .mt-tape{font-size:10px;padding:4px 12px}
  .sn-title{font-size:clamp(38px,10vw,64px)}
  .sn-sub{font-size:17px}
  .sn-ribbons{gap:12px}
  .sn-ribbons img{height:auto;max-width:46%}
  .sn-quad{gap:12px 18px;font-size:12px}
  .swatches{gap:10px}
  .sw{padding:20px 14px}
  .sw b{font-size:18px}
  .sw .copy{position:static;display:inline-block;margin-top:10px}
  .figrow{grid-template-columns:1fr;gap:28px}
  .divider{height:180px;padding:0 16px}
  .dv-band{max-width:100%;max-height:140px}
  footer{padding:32px 16px;font-size:12px}
}