/* Final responsive layer: keep phone layouts in normal document flow. */
@media(max-width:900px){
html,body{width:100%;margin:0}body{overflow-x:hidden}.layout{display:block}.app{box-sizing:border-box;width:100%;min-width:0;margin-left:0;overflow:visible}.side-nav{box-sizing:border-box;height:100vh;height:100dvh;display:block;overflow-y:auto;overscroll-behavior:contain;padding:65px 14px 28px;max-width:86vw}.side-nav .brand{height:160px;min-height:160px;margin-bottom:16px}.side-nav .wordmark{width:150px;height:150px}.side-nav .nav-link{display:flex;align-items:center;min-height:52px;height:auto;white-space:normal;font-size:17px;line-height:1.3;gap:10px;padding:9px 12px}.side-nav .nav-link>span:last-child{min-width:0;overflow-wrap:anywhere}.tool-nav-icon,.nav-art{flex:0 0 34px;width:34px;height:34px}.nav-link svg{max-width:100%;max-height:100%}.nav-toggle{min-width:80px;min-height:44px;z-index:1001}.panel,.card,.touch-layout>*{min-width:0;box-sizing:border-box}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{white-space:normal;min-height:44px}.actions{display:flex;flex-wrap:wrap}.actions>*{max-width:100%}input,select,textarea{box-sizing:border-box;max-width:100%;font-size:16px!important}.modal{box-sizing:border-box;width:calc(100vw - 24px);max-height:85vh;overflow:auto}.crypt-document{flex-wrap:wrap;overflow-wrap:anywhere}.viewas-bar{flex-wrap:wrap}.viewas-bar select{width:100%;min-width:0}.panel table{display:block;max-width:100%;overflow:auto}.supplier-training-grid,.lead-record-grid,.manor-notice-grid,.album-luggage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-heading-row{flex-wrap:wrap;gap:10px}.resources-heading{white-space:normal;min-width:0}.resource-heading-note{white-space:normal}#saveState{max-width:calc(100vw - 30px);box-sizing:border-box;overflow-wrap:anywhere}
}
@media(max-width:650px){
.top-pair,.stone-grid{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;margin:18px 0;gap:22px;padding:0}.top-pair .stone,.top-pair .stone.featured{box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;aspect-ratio:auto;min-height:300px;height:auto;padding:62px 20px 30px;overflow:hidden}.top-pair .resource-copy,.top-pair .featured .resource-copy{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;width:100%;height:auto;padding:0;gap:18px}.top-pair .stone h3,.top-pair .stone.featured h3,.top-pair .stone p,.top-pair .stone.featured p{position:static;width:100%;max-width:100%;margin:0;text-align:center;white-space:normal;overflow-wrap:anywhere}.top-pair .stone h3,.top-pair .stone.featured h3{font-size:36px;line-height:1.15;letter-spacing:-1px}.top-pair .stone p,.top-pair .stone.featured p{font-size:19px;line-height:1.35}.top-pair .btn-gold,.top-pair .featured .btn-gold,.top-pair .crypt-feature .btn-gold{position:static;width:100%;max-width:280px;height:auto;min-height:48px;padding:12px;box-sizing:border-box;font-size:20px}.top-pair .stone:before{opacity:.32}.stone-grid .stone{box-sizing:border-box;display:flex;position:relative;min-height:260px;height:auto;padding:32px 20px;flex-direction:column}.stone-grid .resource-copy{position:static;width:100%;height:auto;min-height:90px}.stone-grid .stone h3{position:static;font-size:25px;white-space:normal}.stone-grid .stone p{position:static;font-size:18px;line-height:1.3}.supplier-training-grid,.lead-record-grid,.manor-notice-grid,.album-luggage-grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(40px,12vw,62px)}.hero .search-wrap{min-width:0}.panel .row,.crypt-grid{grid-template-columns:minmax(0,1fr)}.supplier-training-hero{flex-wrap:wrap}.supplier-hero-art{max-width:95px}.cody-submission{overflow-wrap:anywhere}
}
