/* 只在 body 上限制横向溢出，避免 html+body 同时 overflow-x:hidden 导致整页无法纵向滚动 */
html{
  max-width:100%;
}
body{
  max-width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:auto;
}
header.fixed{max-width:100%;}
header.fixed>.overflow-x-auto{max-width:100%;}
header.fixed>.overflow-x-auto>.max-w-7xl{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
header.fixed>.overflow-x-auto>.max-w-7xl>nav{width:max-content;min-width:100%;}
header.fixed>div.flex{min-width:0;max-width:100%;}
.grid-cols-7>*,.grid-cols-5>*,.grid-cols-4>*,.grid-cols-3>*{min-width:0;}
@media (max-width:639px){
header.fixed>div.flex{flex-wrap:wrap;row-gap:.5rem;}
header.fixed a[data-path="rescue-dogs"]{min-width:0;}
header.fixed a[data-path="rescue-dogs"]>div.flex-col{min-width:0;}
header.fixed a[data-path="rescue-dogs"] span.font-headline-sm{display:block;font-size:15px;line-height:1.25;white-space:nowrap;}
header.fixed a[data-path="rescue-dogs"] span.tracking-wider{display:none;}
header.fixed a.inline-flex[href="/h5/login.html"]>span:not(.material-symbols-outlined){display:none;}
header.fixed img[alt="Profile"]{display:none;}
.grid-cols-7{gap:.25rem;}
.grid-cols-7>*{overflow:hidden;font-size:11px;line-height:1.2;}
.grid-cols-7 .h-24{height:4.25rem;padding:.25rem;}
}
@media (max-width:767px){
.text-headline-xl{font-size:30px!important;line-height:1.35!important;}
.text-headline-lg{font-size:24px!important;line-height:1.4!important;}
main .flex:not(.flex-col){flex-wrap:wrap;max-width:100%;}
main .overflow-x-auto{overflow-x:visible;max-width:100%;}
main .truncate{white-space:normal;overflow:visible;text-overflow:clip;}
main p,main h1,main h2,main h3{overflow-wrap:anywhere;}
main section.py-16,main section.py-14{padding-top:2.75rem;padding-bottom:2.75rem;}
main a.rounded-full,main button.rounded-full{max-width:100%;white-space:normal;height:auto;}
main table{display:block;max-width:100%;overflow-x:auto;}
footer .mt-20{margin-top:2.5rem;}
footer .pt-16{padding-top:2.5rem;}
aside.fixed{max-width:calc(100% - 1.5rem);}
}

#mobile-drawer.hidden{display:none;}
#mobile-drawer:not(.hidden){display:block;}
/* 抽屉底部「マイページ/会員登録」「サポート相談」保留 DOM，强制不展示 */
#mobile-drawer > div[aria-hidden="true"],
#mobile-drawer > div.hidden.pt-1{
  display:none!important;
}
@media (min-width:1024px){
#mobile-drawer{display:none!important;}
}
