header{flex-wrap:wrap;gap:20px}main{max-width:1120px;padding:50px 6% 65px}.shelf-title>span{font:10px monospace;letter-spacing:1px}.shelf-title h1{font-size:76px;margin:28px 0}.shelf-title>p{font:21px/1.5 Georgia;max-width:670px}.shelf-controls{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:20px;border-top:1px solid #a8b69e;margin-top:40px;padding:25px 0;font:11px/1.7 monospace}.shelf-controls input,.shelf-controls select{margin-bottom:0;background:#fcfaef}.shelf-controls>button{padding:12px 16px;font:11px monospace}.shelf-controls>p{grid-column:1/-1;margin:0}.shelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.shelf-book{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;border-top:1px solid #a8b69e;padding:25px 0}.shelf-cover{background:var(--book);color:#fffdf2;min-height:255px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:5px 6px #d5d0bd}.shelf-book[data-kind=Maps] .shelf-cover{color:#364832}.shelf-cover>span{font:bold 11px/1.6 Arial;letter-spacing:1px}.shelf-cover h2{font:29px/1.1 Georgia;margin:25px 0}.shelf-cover small{font:10px/1.7 monospace}.shelf-detail{font:12px/1.8 Arial}.shelf-detail>span{font:10px monospace}.shelf-detail a{display:block;margin:18px 0}.shelf-detail button{padding:10px;font:10px/1.7 monospace;background:#e7e8d4}.shelf-detail button[aria-pressed=true]{background:#1f5042;color:#f7f2e1}.shelf-list{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;padding-top:40px}.shelf-list>div>p{font-size:15px}.shelf-list form{margin:0;max-width:none;padding:25px;border:1px solid #a8b69e;background:#fcfaef}.shelf-list form h2{margin-top:0}.shelf-list button{background:#1f5042;color:#f7f2e1;font:11px/1.7 monospace}.shelf-list button:disabled{background:#e1e4d3;color:#435b46;cursor:default}#shelf-selected{font:12px/1.8 Arial}#shelf-selected ul{padding-left:18px}#shelf-total{font:16px/1.8 monospace;border-top:1px solid #a8b69e;padding-top:15px}.shelf-list output{display:block;white-space:pre-line;overflow-wrap:anywhere;font:12px/1.9 monospace;margin:20px 0}#shelf-empty{padding:30px 0;font:16px Georgia}@media(max-width:750px){main{padding:35px 7%}.shelf-title h1{font-size:51px}.shelf-controls{grid-template-columns:1fr 1fr;gap:15px}.shelf-controls>label:first-child{grid-column:1/-1}.shelf-grid,.shelf-list{grid-template-columns:1fr;gap:25px}.shelf-book{grid-template-columns:1fr 1fr;gap:20px}.shelf-cover{padding:20px;min-height:235px}.shelf-cover h2{font-size:25px}.shelf-list form{padding:22px}}@media(max-width:360px){.shelf-book{grid-template-columns:1fr}.shelf-cover{min-height:230px}.shelf-title h1{font-size:46px}}