.summaries-page{max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,28px)}.summaries-head{text-align:center;margin:8px 0 18px}.summaries-head h1{margin-top:0}.summaries-search{display:inline-flex;gap:10px;align-items:stretch;flex-wrap:wrap}.summaries-search input{min-width:min(70vw,520px);padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.summaries-search input::placeholder{color:color-mix(in oklab,var(--muted) 72%,var(--text) 28%);opacity:1}.summaries-search input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 35%,transparent)}.summaries-search button{padding:10px 14px;border-radius:12px;border:1px solid color-mix(in oklab,var(--primary) 38%,var(--border) 62%);background:color-mix(in oklab,var(--primary) 20%,var(--surface) 80%);color:color-mix(in oklab,var(--text) 88%,white 12%);cursor:pointer;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.summaries-search button:hover{background:color-mix(in oklab,var(--primary) 28%,var(--surface) 72%);border-color:color-mix(in oklab,var(--primary) 50%,var(--border) 50%)}.summaries-search button:focus-visible{outline:0;box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 35%,transparent);border-color:var(--primary)}.summaries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(14px,2vw,22px);margin-top:16px;list-style:none;padding:0}.summaries-grid>li{list-style:none}.book{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;color:var(--accent);text-decoration:none;padding:16px 16px 44px;transform-style:preserve-3d;perspective:900px;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background:var(--noise),radial-gradient(120% 130% at 12% 10%,rgba(255,255,255,.1),transparent 55%),radial-gradient(130% 160% at 90% 95%,rgba(0,0,0,.18),transparent 55%),linear-gradient(145deg,hsl(var(--h),var(--s),calc(var(--l) + 4%)),hsl(var(--h),var(--s),calc(var(--l) - 6%)));background-blend-mode:overlay,normal,normal,normal;outline:1px solid color-mix(in oklab,black,transparent 85%);outline-offset:-1px;box-shadow:0 1px 2px #0000001a,0 10px 22px #0000001a;transition:transform .25s ease,box-shadow .25s ease,translate .25s ease}.book:hover{translate:0 -2px;box-shadow:0 6px 10px #0000001f,0 18px 36px #0000001f}.book:before{content:"";position:absolute;inset:0;width:16px;border-radius:2px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 1px,transparent 1px 18px),repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 2px,transparent 2px 6px),linear-gradient(180deg,hsl(var(--h-spine),var(--s),calc(var(--l) + 4%)),hsl(var(--h-spine),var(--s),calc(var(--l) - 10%)));box-shadow:inset -1px 0 #00000026,inset 1px 0 #fff3;transform-origin:left center;transition:transform .35s ease}.book:hover:before{transform:rotateY(-6deg)}.book:after{content:"";position:absolute;top:6px;bottom:6px;right:0;width:10px;border-radius:0 4px 4px 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E"),linear-gradient(180deg,#f3ecdb,#e2d8c6),repeating-linear-gradient(180deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px);background-blend-mode:overlay,normal,normal;border-left:1px solid rgba(0,0,0,.12);border-right:1px solid rgba(255,255,255,.4);box-shadow:inset 1px 0 #00000014,inset -1px 0 #ffffff26;transition:width .3s ease,transform .3s ease,box-shadow .3s ease}.book:hover:after{width:18px;transform:translate(2px) skewY(-1deg);box-shadow:inset 1px 0 #0000001f,inset -1px 0 #fff3,2px 0 5px #00000014}.book__title{color:var(--ink)!important;font-family:var(--serif, Georgia, "Times New Roman", serif);font-weight:800;line-height:1.15;margin-left:8px;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:inherit;-webkit-box-orient:vertical;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.16)}.book__author{margin:6px 0 0 8px;font-variant-caps:small-caps;letter-spacing:.04em;color:color-mix(in oklab,var(--ink),transparent 28%)}.book__badge{position:absolute;right:12px;bottom:10px;font-size:12px;padding:6px 8px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:var(--ink);backdrop-filter:blur(2px)}.pager{margin:22px 0 8px;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.pager a,.pager .badge{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 88%,var(--bg) 12%);color:var(--text);box-shadow:var(--shadow);padding:8px 12px;border-radius:999px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.pager a:hover{background:color-mix(in oklab,var(--primary) 22%,var(--surface) 78%);border-color:color-mix(in oklab,var(--primary) 40%,var(--border) 60%);color:var(--text);box-shadow:0 8px 18px #0000001f}.book--foil .book__title{color:#e7d6a6!important;text-shadow:0 1px 0 rgba(0,0,0,.25),0 0 12px rgba(255,220,120,.15)}