/* A quiet display shelf, using the existing Tradle palette. */
.grail-shelf{margin:24px 0 30px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#e2e8dc,#eee2c9)}
.grail-heading,.binder-browse-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.grail-heading h2{margin:8px 0}.grail-heading p{margin:0 0 14px}
.grail-row{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x proximity}.grail-card{flex:0 0 220px;min-width:0;scroll-snap-align:start;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:stretch}
.grail-card h3{margin:12px 0 0}.grail-card p{margin:8px 0}.grail-card>.primary,.grail-card>.secondary{margin-top:auto}.grail-card .table-intent{margin-bottom:12px}
.grail-art{background:#dce4d6;min-height:170px;display:flex;align-items:center;justify-content:center;border:1px solid #b8c4ab;box-shadow:3px 3px 0 #c4b99f;border-radius:5px;padding:12px}.grail-art img{height:166px;width:auto;max-width:100%;object-fit:contain}.grail-art>span{font-size:3.5rem;color:var(--green)}
.binder-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 24px}.binder-person{text-align:left;display:flex;flex-direction:column;gap:7px}.binder-person span{font-size:.8rem;color:var(--muted)}.binder-browse-head{margin:20px 0}.binder-browse-head h2{margin:0}.binder-browse-head p{margin:6px 0}
.sharing-note{padding:16px;background:#e4e9db;border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.sharing-note p{margin:8px 0}.sharing-note button{margin-top:8px}
@media(max-width:650px){.grail-shelf{padding:16px}.grail-card{flex-basis:200px}.binder-people{grid-template-columns:repeat(2,minmax(0,1fr))}.grail-heading{gap:6px}}
@media(max-width:380px){.binder-people{grid-template-columns:minmax(0,1fr)}}