/* Deal Seeker — Land Development mobile refinement v4
   Mobile presentation only. Keeps desktop calculator logic untouched. */
@media (max-width: 760px){
  body.ds-calc-land-development{overflow-x:hidden!important}
  body.ds-calc-land-development .wrap,
  body.ds-calc-land-development #landSmallProjectView,
  body.ds-calc-land-development #calcView,
  body.ds-calc-land-development #calcRoot{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}

  /* Keep the page shell compact on phones. */
  body.ds-calc-land-development .standalone-tool-nav{
    display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    gap:8px!important;padding:10px 12px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  }
  body.ds-calc-land-development .standalone-tool-nav a{flex:0 0 auto!important;scroll-snap-align:start}
  body.ds-calc-land-development .mc-page-intro{padding-inline:12px!important}
  body.ds-calc-land-development .mc-intro-inner{grid-template-columns:1fr!important;gap:16px!important;padding:20px 16px!important}
  body.ds-calc-land-development .mc-intro-copy,
  body.ds-calc-land-development .mc-intro-aside{min-width:0!important;width:100%!important}
  body.ds-calc-land-development .mc-intro-copy h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1!important;letter-spacing:-.04em!important}
  body.ds-calc-land-development .mc-intro-description{font-size:.98rem!important;line-height:1.52!important}
  body.ds-calc-land-development .mc-intro-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.ds-calc-land-development .mc-intro-actions>*{width:100%!important;justify-content:center!important;box-sizing:border-box!important}
  body.ds-calc-land-development .mc-intro-aside{padding:15px!important}
  body.ds-calc-land-development .mc-aside-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}

  body.ds-calc-land-development .land-mode-shell{margin-inline:0!important;border-radius:18px!important}
  body.ds-calc-land-development .land-mode-shell-inner{padding:14px!important;gap:12px!important}
  body.ds-calc-land-development .land-mode-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  body.ds-calc-land-development .land-mode-toggle button{min-width:0!important;width:100%!important;padding:11px 8px!important;white-space:normal!important;line-height:1.2!important}

  /* Small Project: stop the heading badge from crushing the title into a narrow column. */
  body.ds-calc-land-development .land-small-layout{grid-template-columns:1fr!important;gap:14px!important}
  body.ds-calc-land-development .land-small-card,
  body.ds-calc-land-development .land-pro-visual-card{padding:16px!important;border-radius:18px!important;min-width:0!important}
  body.ds-calc-land-development .land-small-head{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
  }
  body.ds-calc-land-development .land-small-head>div{min-width:0!important;width:100%!important}
  body.ds-calc-land-development .land-small-head h2{font-size:clamp(1.75rem,7vw,2.15rem)!important;line-height:1.04!important;letter-spacing:-.035em!important}
  body.ds-calc-land-development .land-small-head p{font-size:1rem!important;line-height:1.48!important;max-width:34ch!important}
  body.ds-calc-land-development .land-small-head>span{
    justify-self:start!important;width:auto!important;max-width:100%!important;white-space:normal!important;
    padding:7px 11px!important;font-size:.72rem!important;line-height:1.25!important;
  }
  body.ds-calc-land-development .land-small-lots{margin:14px 0 16px!important;gap:8px!important}
  body.ds-calc-land-development .land-small-lot{min-height:44px!important;padding:9px 12px!important}

  body.ds-calc-land-development .land-small-intents,
  body.ds-calc-land-development .land-small-grid,
  body.ds-calc-land-development .land-small-sliders{grid-template-columns:1fr!important;gap:11px!important}
  body.ds-calc-land-development .land-small-intent{min-height:0!important;padding:15px!important}
  body.ds-calc-land-development .land-small-intent b{font-size:1rem!important;line-height:1.3!important}
  body.ds-calc-land-development .land-small-intent span{font-size:.91rem!important;line-height:1.42!important}
  body.ds-calc-land-development .land-small-field{min-width:0!important;width:100%!important}
  body.ds-calc-land-development input,
  body.ds-calc-land-development select,
  body.ds-calc-land-development textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}

  /* Results should read like a compact dashboard, not one very tall list. */
  body.ds-calc-land-development .land-small-results{position:static!important;top:auto!important;width:100%!important;max-width:none!important;min-width:0!important}
  body.ds-calc-land-development .land-small-snapshot{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:13px 0!important}
  body.ds-calc-land-development .land-small-snapshot>div{padding:11px!important}
  body.ds-calc-land-development .land-small-snapshot b{font-size:1rem!important}
  body.ds-calc-land-development .land-small-snapshot span{font-size:.64rem!important;line-height:1.25!important}

  /* Keep the five visual choices compact: two columns, final item full width. */
  body.ds-calc-land-development .land-visual-tabs,
  body.ds-calc-land-development .land-pro-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ds-calc-land-development .land-visual-tabs button,
  body.ds-calc-land-development .land-pro-tabs button{min-width:0!important;white-space:normal!important;line-height:1.2!important;padding:11px 9px!important;min-height:72px!important}
  body.ds-calc-land-development .land-visual-tabs button:last-child:nth-child(odd){grid-column:1/-1!important;min-height:62px!important}

  /* Project scene: more balanced on mobile and house graphic can scale with sqft. */
  body.ds-calc-land-development .land-project-scene{height:224px!important;min-height:224px!important;overflow:hidden!important}
  body.ds-calc-land-development .land-scene-lots{left:4%!important;right:4%!important;bottom:50px!important;gap:7px!important}
  body.ds-calc-land-development .land-scene-lot{height:126px!important;max-width:190px!important;padding:0 4px 5px!important}
  body.ds-calc-land-development .land-scene-lot img{
    width:var(--house-size,100px)!important;height:auto!important;max-width:96%!important;max-height:118px!important;object-fit:contain!important;
    transition:width .18s ease,transform .18s ease!important;
  }
  body.ds-calc-land-development .land-scene-total{right:10px!important;bottom:62px!important;padding:8px 10px!important}
  body.ds-calc-land-development .land-scene-total b{font-size:1.15rem!important}

  body.ds-calc-land-development .land-small-sliders label{padding:13px 14px!important;border-radius:14px!important}
  body.ds-calc-land-development .land-small-sliders label>b{font-size:.9rem!important;align-items:center!important}
  body.ds-calc-land-development .land-small-sliders output{font-size:.92rem!important}
  body.ds-calc-land-development .land-small-sliders input[type="range"]{margin-top:10px!important;min-height:28px!important}
  body.ds-calc-land-development .land-small-disclaimer{font-size:.83rem!important;line-height:1.5!important}

  body.ds-calc-land-development .land-pro-summary{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.ds-calc-land-development .land-mini-metrics{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.ds-calc-land-development .land-money-flow{grid-template-columns:1fr!important;gap:8px!important;height:auto!important}
  body.ds-calc-land-development .land-money-flow>i{transform:rotate(90deg)!important;text-align:center!important}
  body.ds-calc-land-development .land-pro-phase-row{grid-template-columns:minmax(70px,90px) minmax(0,1fr) 54px!important;gap:8px!important}
  body.ds-calc-land-development .land-cost-row{grid-template-columns:minmax(70px,90px) minmax(0,1fr) 60px!important;gap:8px!important}
  body.ds-calc-land-development #calcView .calc-card{padding:16px!important;border-radius:18px!important}
  body.ds-calc-land-development #calcView .grid{grid-template-columns:1fr!important;gap:14px!important}
  body.ds-calc-land-development .calc-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}
  body.ds-calc-land-development .calc-table{min-width:640px!important}
}

@media (max-width: 420px){
  body.ds-calc-land-development .mc-aside-grid{grid-template-columns:1fr!important}
  body.ds-calc-land-development .land-mode-toggle{grid-template-columns:1fr!important}
  /* Deliberately keep visual tabs at two columns on phones. The old one-column rule made the page excessively tall. */
  body.ds-calc-land-development .land-visual-tabs,
  body.ds-calc-land-development .land-pro-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ds-calc-land-development .land-pro-summary,
  body.ds-calc-land-development .land-mini-metrics{grid-template-columns:1fr 1fr!important}
  body.ds-calc-land-development .land-project-scene{height:210px!important;min-height:210px!important}
  body.ds-calc-land-development .land-small-snapshot{grid-template-columns:1fr 1fr!important}
}

@media (max-width: 340px){
  body.ds-calc-land-development .land-small-snapshot,
  body.ds-calc-land-development .land-pro-summary,
  body.ds-calc-land-development .land-mini-metrics{grid-template-columns:1fr!important}
}