.mobile-notes>summary{display:none}
@media(min-width:701px){.mobile-notes{display:contents}.close-book{display:block}}
@media(max-width:700px){
 html{scroll-padding-top:16px;scroll-padding-bottom:88px}
 body{padding-bottom:85px;background-attachment:scroll}
 .top{padding:18px 20px 8px}.top nav{display:none}.brand span{font-size:9px}
 .desk-book{width:calc(100% - 48px);margin:22px 24px 42px;transform:none}
 .desk-book .cover{padding:28px 28px 28px 35px;min-height:0}
 .desk-book .cover-title{margin:36px 0 42px}.desk-book .cover h1{font-size:clamp(42px,12vw,58px);letter-spacing:-1px}
 .desk-book .cover-title>p{font-size:21px}.desk-book .cover-series{font-size:7px;letter-spacing:.7px}
 .desk-book .direction-compass{bottom:100px;width:82px}.open-book{min-height:48px;font-size:14px}
 .desk-book.is-open,.book-leaf,.reading-layout{display:block;width:auto;margin:18px 14px 35px 20px;transform:none}
 .context-jacket,.desk-book.is-open>.inside-jacket{padding:20px 22px 15px;border-radius:4px 4px 0 0}
 .jacket-content{position:static;max-height:none;overflow:visible}
 .inside-jacket .little{font-size:9px;margin-bottom:8px}.inside-jacket h2,.context-jacket h2{font-size:25px;line-height:1.2;margin-bottom:10px;text-wrap:initial}
 .mobile-notes>summary{display:list-item;font-size:12px;color:var(--cover-accent);cursor:pointer;padding:8px 0;min-height:36px;line-height:1.6}
 .mobile-notes[open]>summary{margin-bottom:12px}.inside-jacket p:not(.little),.context-jacket p.jacket-intro{font-size:14px;line-height:1.7}
 .jacket-menu a{font-size:12px;min-height:44px}.inside-jacket .bookmark,.jacket-random{font-size:12px;min-height:44px}.inside-jacket .local-note{font-size:11px}
 .inside-jacket .jacket-meta{font-size:10px}.inside-jacket .essay-pillars a{font-size:11px}.jacket-related{font-size:12px}.close-book{font-size:12px;min-height:44px}
 .book-leaf>.paper-index,.reading-layout>.reading-paper,.desk-book .opening{padding:24px 22px 32px 28px;min-height:0;border-radius:0 0 6px 4px}
 .running{font-size:8px;letter-spacing:.8px;margin-bottom:24px}.essay-heading{margin:28px 0}.essay-heading h1{font-size:clamp(32px,9vw,42px);line-height:1.1;text-wrap:initial;overflow-wrap:break-word}
 .paper-index h1{font-size:40px;margin:18px 0}.prose{font-size:17px;line-height:1.8}.prose h2{font-size:27px;overflow-wrap:break-word}.byline{font-size:12px}
 .essay-pillars a{font-size:11px;padding:8px 10px}.essay-pillars a span{font-size:10px}
 .book>.tabs,.paper-index>.tabs,.reading-paper>.tabs,.book-leaf .paper-index>.tabs,.reading-layout .reading-paper>.tabs{
 position:fixed;inset:auto 12px 12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;margin:0;float:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;z-index:20;filter:drop-shadow(0 4px 7px #0006)}
 .tabs a,.tabs a:hover,.tabs a:nth-child(2){writing-mode:horizontal-tb;transform:none;min-height:48px;font-size:11px;letter-spacing:1px;padding:12px 8px;border-radius:4px 4px 7px 4px;border:1px solid #0002}
 .tabs a[aria-current]{box-shadow:inset 0 -4px #202c3555,0 2px 4px #0003}
 .home .below,.home .selection,.home .philosophy{margin:0 14px 24px 20px;padding:26px 22px}
 .section-head{display:block}.section-head h2{max-width:none;margin-bottom:14px}.contents-row{grid-template-columns:22px minmax(0,1fr);gap:10px}.contents-row strong,.paper-index .contents-row strong{font-size:24px;line-height:1.2;overflow-wrap:break-word}.contents-row small{font-size:12px;line-height:1.6}.row-pillars{font-size:10px!important}
 .desk-book .opening h2{font-size:40px}.desk-book .opening .intro{font-size:16px}.desk-book .feeling{font-size:17px;min-height:52px}
 input,.feeling-search input{font-size:16px;padding:14px 12px}.feeling-search input{flex:1 1 100%;width:100%}.feeling-search button{font-size:13px;min-height:46px}
 .search-help{font-size:13px}.query-examples button{font-size:12px;min-height:44px}.pillar-filters button{font-size:12px;min-height:44px}.contents-row .match-reason{font-size:13px}
 .text-link{font-size:12px;min-height:32px}.opening-bottom{flex-direction:column;align-items:flex-start;gap:12px}.page-turns{grid-template-columns:1fr;gap:24px}.page-turns a:last-child{text-align:left}.source-note{font-size:12px}.source-note summary{min-height:44px}
 .site-foot{padding:20px;line-height:1.8;font-size:10px}.toast{bottom:85px;max-width:calc(100% - 32px);width:max-content}
 .desk-book:after,.desk-book.is-open:after{left:-14px;width:28px;background-size:28px 32px}
 .paper-index:after,.reading-paper:after{left:-14px;width:28px;background-size:28px 32px}
}