/* Shared small-screen refinements for phones and narrow Android devices. */
html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
img,svg,video,canvas{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
input,select,textarea{max-width:100%}
.unified-site .container,.deletion-main,.about-main{min-width:0}
.unified-site :where(.hero,.hero-copy,.visual-column,.hero-visual,.journey-section,.feature-card,.reading-details),
.deletion-site :where(.deletion-intro,.deletion-section,.support-grid,.request-grid,.transparency-grid,.privacy-section),
.about-main :where(.about-grid,.founder-post,.back-cover,.sake-story){min-width:0}
.unified-site .site-footer,.deletion-site .site-footer{flex-wrap:wrap;row-gap:16px}
.unified-site .site-footer>div,.deletion-site .site-footer>div{flex-wrap:wrap;row-gap:12px}
.form-row input,.form-row select,.deletion-form input,.deletion-form select{font-size:16px}

@media(max-width:760px){
  .unified-site .site-header{padding-top:env(safe-area-inset-top)}
  .unified-site .site-header .brand{position:absolute;left:50%;top:30px;z-index:2;width:112px;transform:translate(-50%,-50%);margin:0}
  .unified-site .site-header .page-navigation{width:max-content;max-width:calc(100vw - 24px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap}
  .unified-site .site-header .page-navigation::-webkit-scrollbar{display:none}
  .unified-site .site-header .page-navigation a{min-height:38px;flex:none}
  .unified-site .site-footer,.deletion-site .site-footer{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
  .unified-site .site-footer>div,.deletion-site .site-footer>div{gap:10px 18px}
  .unified-site .hero .screen-selector{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding-bottom:5px}
  .unified-site .hero .screen-selector::-webkit-scrollbar{display:none}
  .unified-site .hero .screen-selector button{flex:none;min-height:36px}
  .unified-site .journey-mini{min-width:0}
  .support-card,.deletion-steps li,.data-card,.privacy-data-card,.privacy-panel{min-width:0}
  .support-card p,.deletion-main p,.privacy-main li,.about-main p{overflow-wrap:anywhere}
  .deletion-note{max-width:100%}
  .deletion-form :is(input,select){min-height:48px}
  .deletion-consent input{width:20px;height:20px;flex:none}
  .deletion-submit{min-height:48px}
  .privacy-index{gap:8px}
  .privacy-index a{min-height:44px}
  .about-main{width:calc(100% - 36px)}
}
@media(max-width:420px){
  .unified-site .container{width:calc(100% - 32px)}
  .unified-site .site-header .container{width:calc(100% - 24px)}
  .unified-site .site-header .page-navigation a{padding-inline:9px;gap:5px;font-size:9px}
  .unified-site .site-header .page-navigation svg{width:13px;height:13px}
  .unified-site .hero .screen-selector{gap:12px}
  .unified-site .journey-mini{grid-template-columns:1fr}
  .unified-site .journey-card{min-height:74px;align-items:center}
  .unified-site .journey-card small{font-size:10px}
  .support-main,.deletion-main{width:calc(100% - 32px)}
  .privacy-index{grid-template-columns:1fr}
  .privacy-meta{flex-wrap:wrap}
  .about-main{width:calc(100% - 28px)}
  .back-cover{padding-left:29px;padding-right:17px}
  .site-footer>div{gap:10px 14px}
}
@media(max-width:350px){
  .unified-site .site-header .page-navigation a{padding-inline:7px;font-size:8px}
  .unified-site .site-header .brand{width:96px}
  .unified-site .header-actions{gap:5px}
  .unified-site .header-login{font-size:8px}
  .unified-site .header-join{font-size:8px;padding-inline:7px}
  .unified-site .hero h1{font-size:31px}
  .unified-site .journey-card{padding-inline:9px}
  .support-card{padding:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}