/* CafeAriel reader-centred interactions */
.ca-ux-shelf-controls{margin:16px 0 4px;padding:14px 15px;border:1px solid var(--ca-reg-20261-rgba-226-214-197-9,#e5ddd1);border-radius:16px;background:var(--ca-reg-20380-rgba-255-253-249-94,#fffdf9);font-family:inherit}
.ca-ux-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.ca-ux-shelf-heading strong{display:flex;align-items:center;gap:8px;color:var(--ca-text,#292722);font-size:13px}.ca-ux-shelf-heading strong i{color:var(--ca-primary,#8a6048)}.ca-ux-shelf-heading>span{color:var(--ca-muted,#837b70);font-size:11px}
.ca-ux-shelf-options{display:flex;flex-wrap:wrap;gap:8px}.ca-ux-shelf-option,.ca-ux-shelf-remove,.ca-ux-shelf-login{font:inherit;border:1px solid #e5ddd1;border-radius:11px;padding:9px 12px;background:#fff;color:#524b42;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.ca-ux-shelf-option.is-active{background:var(--ca-primary,#78543f);border-color:var(--ca-primary,#78543f);color:#fff}.ca-ux-shelf-remove{margin-inline-start:auto;color:#8c5c54;background:transparent}.ca-ux-shelf-status{min-height:1em;margin:8px 0 0;color:var(--ca-muted,#837b70);font-size:11px}.ca-ux-shelf-login{width:100%;justify-content:space-between}
.ca-ux-shelves{display:grid;gap:22px}.ca-ux-shelf-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.ca-ux-shelf-group>header h3{margin:0;font-size:16px;font-weight:750;color:var(--ca-text,#292722)}.ca-ux-shelf-group>header h3 i{margin-inline-end:6px;color:var(--ca-primary,#78543f)}.ca-ux-shelf-group>header>span{font-size:11px;color:var(--ca-muted,#837b70)}.ca-ux-empty{padding:14px;border-radius:12px;background:#f8f5f0;color:#71695f;font-size:12px;line-height:1.9}
.ca-ux-books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ca-ux-book-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #e9e2d8;border-radius:14px;background:#fff;min-width:0}.ca-ux-book-cover{display:block;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:#f0ebe4}.ca-ux-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.ca-ux-book-cover>span{height:100%;display:grid;place-items:center;color:#988979;font-size:24px}.ca-ux-book-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.ca-ux-book-copy>small{font-size:10px;color:#8a6d54}.ca-ux-book-copy h3{font-size:13px;line-height:1.8;margin:4px 0 8px;font-weight:750}.ca-ux-book-copy h3 a{color:#292722;text-decoration:none}.ca-ux-progress-label{font-size:10px;color:#756b5e;margin:0 0 5px}.ca-ux-progress-track{height:4px;width:100%;background:#eee7df;border-radius:10px;overflow:hidden}.ca-ux-progress-track span{height:100%;display:block;background:#8a6048;border-radius:10px}.ca-ux-book-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;padding-top:10px}.ca-ux-book-actions>a{font-size:11px;color:#805a42;text-decoration:none;font-weight:700}.ca-ux-book-actions button{border:0;background:transparent;color:#a09182;padding:4px;cursor:pointer}
.ca-ux-resume{margin-top:22px;margin-bottom:20px;padding:20px;border:1px solid #e7ded2;border-radius:20px;background:linear-gradient(135deg,#fffdf9,#f7f0e7)}.ca-ux-resume>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.ca-ux-resume>header span,.ca-ux-finder-intro>span{font-size:10px;color:#8b6b50;font-weight:700}.ca-ux-resume h2,.ca-ux-finder-intro h2{font-size:20px;margin:3px 0 4px;color:#302a23}.ca-ux-resume p,.ca-ux-finder-intro p{font-size:12px;color:#766d62;margin:0;line-height:1.8}.ca-ux-resume>header>a{font-size:11px;color:#805a42;text-decoration:none;white-space:nowrap;font-weight:700}
.ca-ux-finder{max-width:1180px;margin:18px auto 26px;padding:20px;border:1px solid #e8dfd3;border-radius:20px;background:#fffdf9;box-shadow:0 8px 28px rgba(62,45,27,.035)}.ca-ux-finder-intro{margin-bottom:15px}.ca-ux-finder-intro>span i{margin-inline-end:5px}.ca-ux-finder form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:10px}.ca-ux-finder label,.ca-ux-request-form label{display:grid;gap:6px;color:#63594f;font-size:11px;font-weight:700}.ca-ux-finder select,.ca-ux-request-form input,.ca-ux-request-form textarea{width:100%;min-width:0;border:1px solid #e2d8ca;border-radius:10px;background:#fff;color:#352f29;padding:10px 11px;font:inherit;font-size:12px;outline:none}.ca-ux-finder select:focus,.ca-ux-request-form input:focus,.ca-ux-request-form textarea:focus{border-color:#a07c5d;box-shadow:0 0 0 3px rgba(160,124,93,.12)}.ca-ux-finder form>button,.ca-ux-request-form>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #76513b;border-radius:11px;background:#76513b;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ca-ux-finder form>button:disabled,.ca-ux-request-form>button:disabled{opacity:.6;cursor:wait}.ca-ux-finder-results{margin-top:14px;font-size:12px;color:#766d62}.ca-ux-finder-result-heading{margin:0 0 10px}.ca-ux-finder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ca-ux-finder-book{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #eee5da;border-radius:13px;background:#fff}.ca-ux-finder-cover{display:grid;place-items:center;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#f0e9e0;color:#927d66}.ca-ux-finder-cover img{width:100%;height:100%;object-fit:cover}.ca-ux-finder-copy{min-width:0}.ca-ux-finder-title{display:block;color:#312a23;font-size:12px;font-weight:750;text-decoration:none;line-height:1.8}.ca-ux-finder-copy p{font-size:10px;line-height:1.8;color:#7b7165;margin:4px 0}.ca-ux-finder-open{font-size:10px;font-weight:700;color:#805a42;text-decoration:none}
.ca-ux-requests{margin-top:26px;padding-top:22px;border-top:1px solid #e9e0d4}.ca-ux-requests>header h3{font-size:18px;margin:4px 0 5px}.ca-ux-requests>header p{font-size:12px;color:#786f64;line-height:1.9;margin:0 0 14px}.ca-ux-requests>header>div>span{font-size:10px;color:#8a6d54;font-weight:700}.ca-ux-request-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border-radius:14px;background:#f8f4ed}.ca-ux-request-form label:last-of-type{grid-column:1/-1}.ca-ux-request-form label span{font-weight:400;color:#8a8177}.ca-ux-request-form>button{justify-self:start}.ca-ux-request-message{grid-column:1/-1;font-size:11px;color:#66584b;margin:0}.ca-ux-login-note{font-size:12px}.ca-ux-login-note a{color:#805a42}.ca-ux-request-list{display:grid;gap:8px;margin-top:13px}.ca-ux-request-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e9e0d4;border-radius:12px;background:#fff}.ca-ux-request-item>div{min-width:0;display:grid;gap:5px}.ca-ux-request-item strong{font-size:12px;color:#322c25}.ca-ux-request-item small{font-size:10px;color:#7d7368;line-height:1.7}.ca-ux-request-item button{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 10px;border:1px solid #e5d8c9;border-radius:9px;background:#fff;color:#7c6049;font-size:11px;cursor:pointer}.ca-ux-request-item button.is-voted{background:#7c6049;color:#fff;border-color:#7c6049}.ca-ux-account-request-wrap{margin-top:20px}
.ca-ux-toast{position:fixed;z-index:999999;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border-radius:12px;background:#302a23;color:#fff;font-family:inherit;font-size:12px;line-height:1.8;box-shadow:0 12px 38px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.ca-ux-toast.is-visible{opacity:1;transform:translateY(0)}.ca-ux-toast.is-error{background:#8e3934}
@media(max-width:900px){.ca-ux-finder form{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-ux-finder form>button{grid-column:1/-1}.ca-ux-finder-grid{grid-template-columns:1fr 1fr}.ca-ux-books-grid{grid-template-columns:1fr}.ca-ux-resume{padding:16px}.ca-ux-resume h2,.ca-ux-finder-intro h2{font-size:18px}}
@media(max-width:560px){.ca-ux-finder{margin:14px 12px;padding:15px;border-radius:16px}.ca-ux-finder form{grid-template-columns:1fr}.ca-ux-finder form>button{grid-column:auto;width:100%}.ca-ux-finder-grid{grid-template-columns:1fr}.ca-ux-finder-book{grid-template-columns:64px minmax(0,1fr)}.ca-ux-shelf-heading{align-items:flex-start;flex-direction:column;gap:3px}.ca-ux-shelf-option{flex:1 1 100%;justify-content:flex-start}.ca-ux-shelf-remove{margin-inline-start:0}.ca-ux-request-form{grid-template-columns:1fr}.ca-ux-request-form label:last-of-type{grid-column:auto}.ca-ux-request-form>button{width:100%}.ca-ux-resume>header{align-items:flex-start;flex-direction:column}.ca-ux-resume>header>a{white-space:normal}.ca-ux-book-card{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:9px}.ca-ux-request-item{align-items:flex-start;flex-direction:column}.ca-ux-request-item button{align-self:flex-start}}

.ca-ux-request-login{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e5d8c9;border-radius:9px;color:#7c6049;text-decoration:none;font-size:11px;white-space:nowrap}

/* Catalog filters */
.ca-archive-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(125px,.8fr)) auto;align-items:end;gap:10px;margin:14px 0 18px;padding:15px;border:1px solid #e7ded2;border-radius:16px;background:#fffdf9}
.ca-archive-filter-intro{display:grid;gap:5px;align-self:center}.ca-archive-filter-intro strong{font-size:13px;color:#352e27}.ca-archive-filter-intro strong i{color:#805a42;margin-inline-end:5px}.ca-archive-filter-intro span{font-size:10px;color:#82786d;line-height:1.7}.ca-archive-filters label{display:grid;gap:5px;font-size:10px;color:#776d62}.ca-archive-filters select{min-width:0;width:100%;padding:9px;border:1px solid #e1d7ca;border-radius:9px;background:#fff;color:#3a332c;font:inherit;font-size:11px}.ca-archive-filters>button{border:1px solid #76513b;border-radius:9px;padding:10px 12px;background:#76513b;color:#fff;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.ca-archive-filter-reset{grid-column:1/-1;justify-self:end;color:#856b54;font-size:10px;text-decoration:none}
@media(max-width:980px){.ca-archive-filters{grid-template-columns:1fr 1fr}.ca-archive-filter-intro{grid-column:1/-1}.ca-archive-filters>button{width:100%}}
@media(max-width:500px){.ca-archive-filters{margin-inline:0;padding:12px;gap:8px}.ca-archive-filters>label{font-size:10px}.ca-archive-filters select{font-size:11px;padding:8px 6px}}

.ca-ux-review-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:10px;color:#805a42;text-decoration:none;border-top:1px solid #f0e8df;padding-top:8px;width:100%}.ca-ux-review-link:hover{text-decoration:underline}


/* Finder and continue-reading recommendations: 4 desktop / 2 tablet / 1 mobile. */
.ca-ux-finder-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important}
.ca-ux-finder-book {min-width:0!important;height:100%!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:start!important}
.ca-ux-finder-copy p {display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;overflow-wrap:anywhere!important;min-height:0!important;line-height:1.8!important}
.ca-ux-resume .ca-ux-books-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.ca-ux-resume .ca-ux-book-card {grid-template-columns:78px minmax(0,1fr)!important;min-width:0!important;height:100%!important;gap:10px!important}
@media(max-width:900px){
  .ca-ux-finder-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ca-ux-resume .ca-ux-books-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .ca-ux-finder-grid,
  .ca-ux-resume .ca-ux-books-grid {grid-template-columns:minmax(0,1fr)!important}
  .ca-ux-finder-book {grid-template-columns:72px minmax(0,1fr)!important}
  .ca-ux-resume .ca-ux-book-card {grid-template-columns:82px minmax(0,1fr)!important}
}
@media(max-width:700px){
  .ca-ux-finder-grid,
  .ca-ux-resume .ca-ux-books-grid {grid-template-columns:minmax(0,1fr)!important}
}