@media(max-width:760px){
 html{scroll-padding-top:20px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .wrap{padding:16px max(20px,env(safe-area-inset-left)) max(48px,env(safe-area-inset-bottom));width:100%;max-width:760px}
 .top{gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}.top a{min-height:44px;display:inline-flex;align-items:center;padding:4px 2px}
 h1{font-size:24px;line-height:1.65;overflow-wrap:anywhere;margin-bottom:25px}p{font-size:17px;line-height:2.1;overflow-wrap:break-word}
 .book{padding:22px 18px}.book h2{font-size:22px;line-height:1.6}.book .tag{font-size:12px;letter-spacing:.1em}.book .intro{font-size:15px}
 .chaps{grid-template-columns:minmax(0,1fr);gap:4px}.chaps a{min-height:48px;align-items:center;font-size:15px}.chaps .t{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
 .nav{gap:8px;margin-top:36px;flex-wrap:wrap}.nav a,.nav .dead{min-height:48px;min-width:64px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
}
a:focus-visible{outline:2px solid #355b4d;outline-offset:3px}