.quote-intro{max-width:780px;color:#b9b9c4;font-size:clamp(18px,2vw,23px);margin:3rem 0 1.5rem}.quote-controls{display:flex;align-items:center;gap:14px;margin-bottom:24px}.quote-controls[hidden],.quote-group[hidden]{display:none}.quote-controls button{border:1px solid #656578;background:transparent;color:#eee;font:inherit;cursor:pointer;min-height:44px;padding:10px 18px}.quote-controls button:hover{background:#5b58ff}.quote-controls button:focus-visible,.book-quote a:focus-visible{outline:3px solid #a6a4ff;outline-offset:4px}.quote-controls [data-counter]{min-width:55px;text-align:center;color:#b9b9c4}.quote-controls [data-pause]{margin-left:auto}.quote-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.book-quote{margin:0;padding:clamp(24px,3vw,44px);border:1px solid #343440;border-top:3px solid #5b58ff;background:#101014;display:flex;flex-direction:column;min-height:370px}.quote-number{color:#a6a4ff;font:13px monospace;letter-spacing:.12em}.book-quote blockquote{margin:24px 0 32px;font-family:Georgia,serif;font-size:clamp(23px,2vw,30px);line-height:1.4;color:#f3f1e9}.book-quote blockquote p{margin:0}.book-quote blockquote p:before{content:'“';color:#a6a4ff}.book-quote blockquote p:after{content:'”';color:#a6a4ff}.book-quote figcaption{margin-top:auto;line-height:1.7;font-size:14px;color:#aaaab9}.book-quote a{color:#b3b1ff;text-underline-offset:4px}.book-quote small{display:block;font-size:12px;margin-top:8px;color:#aaaab9}@media(max-width:760px){.quote-group{grid-template-columns:1fr}.book-quote{min-height:0}.book-quote blockquote{font-size:25px}}
