:root{--gut:32px;--header-h:62px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#F4F0E2}a{color:#4A1178;-webkit-text-decoration-color:rgba(74,17,120,.35);text-decoration-color:rgba(74,17,120,.35);text-underline-offset:3px}a:hover{color:#2C0A49;-webkit-text-decoration-color:#2C0A49;text-decoration-color:#2C0A49}img{max-width:100%}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}.split{display:grid;grid-template-columns:var(--cols,1fr 1fr);grid-gap:var(--gap,48px);gap:var(--gap,48px)}.cols{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));grid-gap:var(--gap,24px);gap:var(--gap,24px)}.book-row{display:grid;grid-template-columns:64px minmax(0,1fr) 220px 130px;grid-gap:20px;gap:20px;align-items:baseline}.book-row .b-tag{text-align:right}.cat-strip{display:flex;flex-wrap:wrap;gap:8px}.cat-strip button{padding:7px 15px;font-size:13px}.photo-portrait{width:100%;height:520px;object-fit:cover;object-position:center 22%;border-radius:4px;display:block}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:48px;gap:48px}.hdr-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}.hdr-brand-text{font-size:20px}.hdr-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.hdr-nav a{padding:8px 14px;font-size:14px}.filter-bar{position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:10}.filter-input{font-size:15px}@media (max-width:900px){:root{--gut:24px}.split{grid-template-columns:1fr;gap:var(--gap-sm,40px)}.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.book-row{grid-template-columns:46px minmax(0,1fr);gap:3px 12px}.book-row .b-author,.book-row .b-tag{grid-column:2;text-align:left}.photo-portrait{height:auto;object-fit:contain}}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>:first-child{grid-column:1/-1}}@media (max-width:760px){.hdr-inner{flex-wrap:nowrap;gap:8px;padding-top:8px;padding-bottom:8px}.hdr-brand{flex:0 0 auto;gap:8px!important}.hdr-logo{width:28px;height:28px}.hdr-brand-text{font-size:17px}.hdr-nav{flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2px}.hdr-nav::-webkit-scrollbar{display:none}.hdr-nav a{padding:9px;font-size:12px;white-space:nowrap}}@media (max-width:540px){.hdr-brand-text{display:none}}@media (max-width:760px){.filter-input{font-size:16px}.cat-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut));padding:2px var(--gut)}.cat-strip::-webkit-scrollbar{display:none}.cat-strip button{padding-top:9px;padding-bottom:9px}}@media (max-width:560px){:root{--gut:18px}.cols{grid-template-columns:1fr}.cols.min2{grid-template-columns:repeat(2,minmax(0,1fr))}}