.shelf-intro{padding-top:30px;padding-bottom:28px;border-bottom:1px solid var(--line)}.back{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:32px}.shelf-intro h1{font-size:48px;letter-spacing:-.02em}.shelf-intro .intro{max-width:740px;margin:16px 0}.shelf-note{font-size:15px;color:var(--muted);max-width:780px}.shelf-note a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.shelf-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.shelf-jumps a{border:1px solid var(--line);padding:9px 18px;border-radius:30px;font-size:14px}.shelf-jumps a:hover{background:var(--green);color:white}.shelf-page .shelf{padding-bottom:18px}.shelf-page .book h3{font-size:22px}.shelf-page .book p{min-height:0;margin-bottom:12px}.shelf-page .book-body{padding-top:15px}.shelf-page .cover{height:290px}.shelf-page footer{margin-top:50px}.en .books{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.en .cover{height:310px}.en .thai{font-size:14px;color:var(--muted);margin:1px 0 13px}.en .desc{font-size:16px}.en .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.en .actions a{padding:8px 13px;border:1px solid #c9d3c3;border-radius:6px;font-size:14px}.en .actions a:first-child{background:var(--green);color:#fff;border-color:var(--green)}.tools{padding:26px 30px;background:#e9ede1;border-radius:6px;margin-top:42px}.tools h2{font-size:26px;margin-bottom:10px}.tools p{color:var(--muted);margin-bottom:15px}.tools a{display:inline-block;margin:7px 28px 7px 0;text-decoration:underline;text-underline-offset:5px;font-size:15px}.shelf-page .book-body>.meta{flex:0 0 auto;min-height:auto;line-height:1.7;margin:0 0 7px}.shelf-page .book-body>h3,.shelf-page .book-body>.thai,.shelf-page .book-body>.actions{flex-shrink:0}
@media(max-width:1000px){.shelf-page .cover{height:245px}.en .cover{height:275px}.en .books{gap:22px}}
@media(max-width:760px){.shelf-intro{padding-top:20px;padding-bottom:22px}.back{margin-bottom:24px;font-size:13px}.shelf-intro h1{font-size:35px}.shelf-intro .intro{font-size:16px;margin:13px 0}.shelf-note{font-size:14px}.shelf-jumps{margin-top:20px;gap:8px}.shelf-jumps a{font-size:13px;padding:8px 13px}.shelf-page .cover{height:225px;padding:14px 10px}.shelf-page .book h3{font-size:18px}.en .books{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.en .cover{height:225px}.en .book h3{font-size:19px}.en .thai{font-size:12px;margin-bottom:10px}.en .desc{font-size:14px}.en .actions{flex-direction:column;gap:8px}.en .actions a{text-align:center;padding:8px;font-size:13px}.en .book .meta{font-size:10px}.tools{padding:24px}.tools h2{font-size:23px}.tools a{font-size:14px}.en .nav .brand{font-size:16px}.shelf-page footer{margin-top:35px}}
@media(max-width:370px){.shelf-page .cover,.en .cover{height:195px}.en .book h3{font-size:17px}.shelf-page .book h3{font-size:17px}.en .desc{font-size:13px}.en .books{gap:24px 12px}}