#peterpen-page-designs .phone :is(.best-results,.discovery-results){touch-action:pan-y pinch-zoom}
#peterpen-page-designs .phone :is(.best-tabs,.best-genres,.discovery-genres) button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px}
#peterpen-page-designs .phone :is(.best-genres,.discovery-genres) .pp-illustration{flex:none;width:26px;height:26px}

#peterpen-page-designs .phone .mobile-discovery-viewport{min-width:0;max-width:100%;overflow:clip;display:flow-root}
#peterpen-page-designs .phone :is(.best-genres,.discovery-genres){width:100%;min-width:0;max-width:100%;flex-wrap:nowrap;overflow-x:auto;touch-action:auto}
#peterpen-page-designs .phone .discovery-genres:has(~.mobile-discovery-viewport){padding-bottom:24px}
#peterpen-page-designs .phone[data-page="14"] .discovery-results>.discovery-grid{row-gap:32px}
/* 단행본이 없는 장르도 화면 아래까지 밀어서 장르를 넘길 수 있게 한다. */
#peterpen-page-designs .phone[data-page="14"] .mobile-discovery-viewport>.discovery-results{min-height:calc(100dvh - 200px)}

#peterpen-page-designs .phone .mobile-best-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:20px}
#peterpen-page-designs .phone .mobile-best-heading h1{display:inline-flex;align-items:center;gap:7px;flex:none;margin:0;font-size:20px;font-weight:700;line-height:1.3;white-space:nowrap}
#peterpen-page-designs .phone .mobile-best-heading h1 :is(.pp-illustration,.ui-icon){flex:none;width:26px;height:26px}
#peterpen-page-designs .phone .mobile-best-heading select{width:148px;max-width:55%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}
#peterpen-page-designs .phone .mobile-best-heading select:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#peterpen-page-designs .phone .best-tabs{gap:0;padding:0;margin:0 0 16px;border-bottom:1px solid var(--line)}
#peterpen-page-designs .phone .best-tabs button{flex:1 0 auto;gap:0;min-width:0;padding:10px 8px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:14px;white-space:nowrap}
#peterpen-page-designs .phone .best-tabs button[aria-pressed="true"]{border-color:var(--green);background:transparent;color:var(--accent-text);font-weight:700}
#peterpen-page-designs .phone .best-tabs button[data-best-tab]:focus-visible{outline:0;box-shadow:inset 0 -2px 0 var(--green)}
@media (forced-colors:active){#peterpen-page-designs .phone .best-tabs button[data-best-tab]:focus-visible{box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}}
#peterpen-page-designs .phone :is(.best-genres,.discovery-genres){scrollbar-width:none}
#peterpen-page-designs .phone :is(.best-genres,.discovery-genres)::-webkit-scrollbar{display:none}
#peterpen-page-designs .search-book-results{padding-top:32px}
#peterpen-page-designs .search-book-results .section-title{margin-bottom:16px}
#peterpen-page-designs .search-book-results .section-title h3{font-size:20px}