/* DailyToolsApp v11: mobile resilience; non-destructive overrides */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{min-width:0;overflow-wrap:break-word}
img,video,canvas,svg{max-width:100%;height:auto}
iframe{max-width:100%}
pre,code{overflow-wrap:anywhere}
pre{overflow-x:auto}
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,textarea,select,button{max-width:100%;font:inherit}
input[type="file"]{width:100%;min-width:0}
textarea{resize:vertical}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid #178dd1;outline-offset:2px}
@media(max-width:600px){
  main,.container,.wrapper,.panel,.tool-container,.content{max-width:100%;min-width:0}
  main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  h1{font-size:clamp(1.5rem,6vw,2.2rem);overflow-wrap:anywhere}
  h2{font-size:clamp(1.2rem,5vw,1.7rem)}
  .controls,.tool-controls,.input-row,.button-row{flex-wrap:wrap}
  .controls>*{min-width:0}
  button,.download,[role="button"]{min-height:44px}
  input,select,textarea{font-size:16px}
  .grid,.tools-grid,.cards-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
/* Use the compact navigation before desktop links exceed tablet width. */
@media (max-width: 1000px){.nav-links{display:none!important}.menu-btn{display:flex!important}.nav-inner,.topbar{min-width:0}.result{overflow-wrap:anywhere}}
@media (max-width:1000px){#menuBtn{display:flex!important}}