/* Same cream tab bar and grouped Explore pattern as TECRID, in VLE colors. */
.phone-header,.phone-tabs,.mobile-proof-strip{display:none}
.phone-explore{display:none}
@media (max-width:767px),(display-mode:standalone){
 html{scroll-padding-top:80px;scroll-padding-bottom:100px;-webkit-text-size-adjust:100%}
 body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) calc(80px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px)}
 body.explore-open{overflow:hidden}
 .reviewbar,.sidebar,.topbar{display:none!important}
 .app-shell{display:block;min-height:100svh}
 .app-main{margin:0;min-width:0;width:100%}
 .app-main>main{padding:20px 18px 24px;max-width:100%;margin:0}
 .phone-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:8px 22px;border-bottom:1px solid #d7ded5;background:#f8f8f2}
 .phone-header .logo{font-size:38px;line-height:1;letter-spacing:-3px}
 .phone-account{display:flex;align-items:center;min-height:44px;padding:8px 4px;color:#075a4f;font-size:14px;font-weight:700}
 .phone-tabs{display:grid;grid-template-columns:repeat(var(--tab-count),minmax(0,1fr));position:fixed;z-index:200;inset:auto 0 0;gap:3px;padding:6px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));background:#f4f1e9;border-top:1px solid #d7ded5;box-shadow:0 -4px 24px #073c350a}
 .phone-tabs>a,.phone-tabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:7px 0;border:0;border-radius:12px;background:transparent;color:#56635d;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;box-shadow:none;text-decoration:none;white-space:nowrap}
 .phone-tabs span{font-size:11px;font-weight:700}
 .phone-tabs svg{width:23px;height:23px;flex-shrink:0}
 .phone-tabs [aria-current=page],.phone-tabs .current,.phone-tabs [aria-expanded=true]{color:#075a4f;background:#e0ebe2}
 .phone-tabs [aria-current=page] svg,.phone-tabs [aria-expanded=true] svg{stroke-width:2.2}
 .phone-tabs [aria-expanded=true]{box-shadow:inset 0 -3px #ff6b19}
 .phone-tabs a:focus-visible,.phone-tabs button:focus-visible,.phone-explore :focus-visible{outline:3px solid #075a4f;outline-offset:1px}
 .phone-explore[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;box-sizing:border-box;width:100%;max-width:640px;max-height:calc(100dvh - 55px - env(safe-area-inset-top,0px));margin:0 auto;padding:0 0 env(safe-area-inset-bottom,0px);border:1px solid #d7ded5;border-bottom:0;border-radius:22px 22px 0 0;background:#fafaf5;color:#123e35;box-shadow:0 -16px 60px #073c3526}
 .phone-explore::backdrop{background:#073c3560}
 .explore-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:16px 22px 12px;border-bottom:1px solid #d7ded5}
 .explore-heading h2{margin:0;font-size:22px;line-height:1.2}
 .explore-heading button{min-height:44px;padding:8px 12px;border:1px solid #d7ded5;border-radius:24px;background:transparent;color:#075a4f;font-size:14px}
 .explore-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 22px 24px;min-height:0}
 .explore-scroll h3{margin:22px 0 6px;color:#657269;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
 .explore-scroll section a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;border-bottom:1px solid #d7ded5;color:#123e35;font-size:16px;font-weight:500}
 .explore-sign-out{margin-top:20px;min-height:44px;font-size:16px}
 .explore-install{margin:24px 0 0;color:#657269;font-size:13px}
 main,section,article,aside,form,fieldset{min-width:0}
 img{max-width:100%}
 h1,h2,h3,code,dd{overflow-wrap:anywhere}
 input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;max-width:100%;min-height:48px;font-size:16px!important}
 button,.button,summary{min-height:44px;touch-action:manipulation}
 .home-search-hero{min-height:calc(100svh - 180px - env(safe-area-inset-bottom,0px));padding:32px 18px;display:flex;align-items:center}
 .home-search-hero h1{font-size:clamp(38px,10vw,54px);line-height:1.04}
 .home-search-hero p{font-size:16px;line-height:1.6}
 .home-search-hero .search{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px;padding:8px;margin-top:24px;border-radius:14px}
 .home-search-hero .search input{width:100%;padding:8px 4px}
 .home-search-hero .search button{grid-column:1/-1;justify-content:center;width:100%;min-height:48px;font-size:15px}
 .home-search-hero small{display:block;margin-top:14px;line-height:1.6}
 .home-next,.lot-grid,.composer-grid,.deal-layout{grid-template-columns:minmax(0,1fr)}
 .room-grid,.resource-grid{grid-template-columns:minmax(0,1fr)}
 .room-grid>.panel,.evidence-notice{padding:22px}
 .room-grid .button,.room-grid button,.evidence-notice-actions a,.evidence-notice-actions button{min-height:48px;display:inline-flex;align-items:center;font-size:15px}
 .kas-real-heading .kas-lot-photo{height:200px;padding:20px}
 .mobile-proof-strip{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid #d7ded5;margin-top:12px;font-size:13px;line-height:1.5}
 .mobile-proof-strip a{color:#075a4f;text-decoration:underline;overflow-wrap:anywhere;min-height:44px;display:flex;align-items:center}
 .mobile-proof-strip summary{display:flex;align-items:center;color:#075a4f;text-decoration:underline;cursor:pointer}
 .mobile-proof-strip summary::after{content:"+";margin-left:auto}
 .mobile-proof-strip details[open] summary::after{content:"−"}
 .mobile-proof-strip small{color:#657269}
 .mobile-task-gap{margin:20px 0;padding:22px;border:1px solid #d7ded5;border-radius:14px;background:#fafaf5}
 .mobile-task-gap h2{font-size:21px;margin:0 0 10px}
 .mobile-task-gap p{font-size:15px;line-height:1.6}
 .phone-faq details{padding:16px 0;border-top:1px solid #d7ded5}
 .phone-faq summary{display:flex;align-items:center;font-size:17px;font-weight:700}
 .site-footer .footer-grid nav{display:none}
 .site-footer .footer-grid{grid-template-columns:1fr}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
/* Presentation gaps are kept out of the existing desktop layout. */
@media(min-width:768px) and (display-mode:browser){.mobile-task-gap{display:none}}