.quotes-surface{padding-inline:4%;padding-bottom:36px}.quotes-list{display:grid;gap:30px}.quote-card{min-width:0;scroll-margin-top:14px;border:1px solid #bca887;border-radius:5px;overflow:hidden;background:#e9dcc2;box-shadow:0 3px 12px #00000012}.quote-card:focus{outline:none}.quote-panel{display:grid;grid-template-columns:37.5% minmax(0,1fr);direction:ltr;background:#eddfc3 url('/assets/quotes-paper.jpg') center/cover}.quote-art{width:100%;height:auto;align-self:center;display:block}.quote-copy{direction:rtl;display:flex;flex-direction:column;justify-content:center;padding:24px 6%;min-width:0;color:#211c16;font-size:28px;line-height:1.4}.quote-copy blockquote{margin:0;text-align:center;font:inherit}.quote-line{display:block;overflow-wrap:break-word;text-wrap:pretty;margin:0;padding:0}.quote-signature{font-size:24px;margin:20px 0 0;text-align:left;line-height:1.3}.quote-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;padding:8px 18px;background:#f4eddf;border-top:1px solid #c8b799;color:#514029;font-size:22px}.quote-rating{display:flex;align-items:center;gap:10px;border:0;margin:0;padding:0;min-width:0}.quote-rating legend{float:right;padding:0;margin-left:10px;line-height:44px}.quote-stars{display:flex;direction:ltr;gap:0}.quote-stars label{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:pointer}.quote-stars input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.quote-stars span{font-family:Arial,sans-serif;font-size:29px;line-height:1;color:#996815}.quote-stars input:focus-visible+span{outline:2px solid #775721;outline-offset:3px;border-radius:3px}.quote-share{min-width:80px;min-height:44px;font:inherit;color:inherit;background:transparent;border:1px solid #b4986a;border-radius:4px;padding:2px 15px;cursor:pointer;transition:background .15s,box-shadow .15s}.quote-share:hover,.quote-share:focus-visible{background:#ffdd9e;box-shadow:0 2px 5px #0002}.quote-status:empty{display:none}.quote-status{flex-basis:100%;font-size:20px}.rating-preview-note{font-size:20px;color:#77674e;margin:-12px 0 20px;line-height:1.3}.quote-card.is-shared{box-shadow:0 0 0 2px #b88a37}.quote-share-fallback{flex-basis:100%;width:100%;font:16px Arial;direction:ltr;padding:8px;background:#fff;border:1px solid #b4986a}.quote-share-fallback[hidden]{display:none}
@media(min-width:768px) and (max-width:1023px){.quote-copy{font-size:26px;padding:20px 5%}.quote-signature{font-size:23px}}
@media(max-width:767px){.quotes-surface{padding-inline:3%}.quotes-list{gap:24px}.quote-panel{display:flex;flex-direction:column;align-items:center;padding-top:18px}.quote-art{width:56%;max-width:220px;height:auto;border-radius:4px}.quote-copy{width:100%;box-sizing:border-box;font-size:24px;line-height:1.4;padding:20px 5%}.quote-signature{font-size:22px;margin-top:18px}.quote-actions{padding:8px 10px;gap:6px;font-size:21px}.quote-rating{gap:0}.quote-rating legend{margin-left:4px}.quote-stars label{width:40px;height:44px}.quote-share{min-width:74px;padding-inline:10px}.rating-preview-note{font-size:19px;margin-bottom:16px}}
@media(max-width:360px){.quote-actions{justify-content:center}.quote-rating{flex-basis:100%;justify-content:center}.quote-copy{padding-inline:4%}}
@media(prefers-reduced-motion:reduce){.quote-share{transition:none}}