:root{color-scheme:light;--ink:#203c51;--paper:#faf7ef;--orange:#c5532b;--teal:#226c68}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #deddd3;background:#fffdf7}.brand{text-decoration:none;color:var(--ink);font-size:23px;font-weight:650}.brand span{background:#e8b851;padding:2px 9px;border-radius:5px;margin-right:8px}.brand b{font-weight:400}.home{font-size:14px}main{max-width:1250px;margin:auto;padding:36px 5%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--orange)}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,52px);letter-spacing:-1.6px;margin:12px 0}p{line-height:1.6}.intro p{font-size:18px;margin:0 0 28px}.controls{background:#fff;padding:22px;border:1px solid #dddcd2;border-radius:16px;box-shadow:0 4px 0 #e9e5d8}.controls>label{display:block;font-weight:700;margin-bottom:10px}input,select,button{font:inherit;font-size:16px}input,select{border:1px solid #b8c4c6;border-radius:8px;background:white;color:var(--ink);min-height:48px;padding:10px 14px}input{width:100%;min-width:0}button{cursor:pointer;min-height:46px;border:0;border-radius:8px;padding:10px 17px;color:white;background:var(--teal);font-weight:650}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #d77630;outline-offset:4px}.searchline{display:flex;gap:12px}.searchline button{white-space:nowrap;background:var(--orange)}.filters{display:flex;gap:18px;align-items:end;margin-top:18px}.filters label{font-size:14px;font-weight:650}.filters select{display:block;margin-top:6px}.reset{background:transparent;color:var(--teal);margin-left:auto}.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.topics button{min-height:40px;font-size:14px;background:#edf4f0;color:var(--teal);border-radius:24px}.topics button[aria-pressed=true]{background:var(--teal);color:#fff}.resulthead{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px}h2{font-family:Georgia,serif;font-size:26px;margin:0}.resulthead span{font-size:14px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px}.book{display:flex;flex-direction:column;text-align:left;background:transparent;color:var(--ink);padding:0;border-radius:8px;min-width:0;font-weight:400}.cover{height:235px;width:100%;display:flex;justify-content:center;align-items:center;background:#e9e5d9;border-bottom:6px solid #cfb18d;border-radius:9px 9px 3px 3px;padding:14px;position:relative}.cover img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:3px 5px 8px #0003}.placeholder{height:100%;width:80%;background:var(--teal);color:#fff;box-shadow:3px 5px 8px #0003;border-left:7px solid #ffffff25;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-family:Georgia,serif;font-size:18px;overflow:hidden}.book:nth-child(3n) .placeholder{background:#9e5138}.book:nth-child(3n+1) .placeholder{background:#46657c}.booktitle{font-weight:700;font-size:16px;line-height:1.35;margin-top:12px}.author{font-size:14px;margin:5px 0 9px;color:#596b76}.shelf{font-size:12px;font-weight:750;border-radius:5px;background:#ebe4d4;padding:5px 7px;align-self:start;margin-top:auto}footer{text-align:center;color:#66757c;font-size:14px;margin-top:48px;line-height:1.8}footer small{font-size:12px}dialog{max-width:700px;width:calc(100% - 28px);border:0;border-radius:18px;padding:32px;color:var(--ink);background:#fffdf7;max-height:90vh}dialog::backdrop{background:#172d40aa}.close{position:absolute;top:10px;right:10px;background:transparent;color:var(--ink);font-size:30px;padding:0;width:44px}#detailcontent{display:grid;grid-template-columns:170px 1fr;gap:25px;padding-top:20px}#detailcontent .cover{height:250px}#detailcontent h2{line-height:1.2}#detailcontent .author{font-size:17px}.find{background:#e8f0ea;padding:18px;border-radius:10px;margin-top:20px}.find strong{font-size:20px;display:block}.find p{margin:7px 0 0;font-size:15px}.subjects{font-size:14px;color:#536674}#empty{text-align:center;padding:45px}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover{height:215px}}@media(max-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.cover{height:190px}.home{display:none}.filters{gap:10px;flex-wrap:wrap}.filters select{max-width:100%}.searchline{flex-wrap:wrap}.searchline button{width:100%}.brand{font-size:20px}main{padding:28px 5%}.controls{padding:16px}}@media(max-width:470px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover{height:205px}.filters label{width:100%}.filters select{width:100%}.reset{margin-left:0}#detailcontent{grid-template-columns:1fr}#detailcontent .cover{width:170px;margin:auto;height:230px}dialog{padding:25px}.brand b{display:block;margin-left:43px}}
/* Bright storybook palette and picture-led browsing. */
:root{--ink:#172e55;--paper:#f2f7fc;--orange:#b74623;--teal:#1a626b}body{font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;font-size:1rem}header{background:#172e55;color:white;border-bottom:5px solid #ffc849;padding:18px 5%}.brand{color:white;font-weight:750}.brand span{color:#172e55;background:#ffc849}.home{color:#dbe9ff;font-size:.875rem}main{padding-top:26px}.intro{border-left:6px solid #ffc849;padding-left:20px;margin-bottom:24px}h1,h2{font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;font-weight:800;letter-spacing:-.6px}h1{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 8px}.intro p{margin:0;font-size:1.125rem}.controls{border:2px solid #d5e0ed;box-shadow:0 5px 0 #dbe5f0;border-radius:20px;padding:22px}.controls>label{font-size:1rem}input,select{border:2px solid #bccbdd;border-radius:11px}button{border-radius:11px}button:disabled{opacity:.55;cursor:default}.topic-heading{font-size:1.15rem;margin:24px 0 12px;letter-spacing:0}.topics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:0}.topics .topic-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:9px 8px 13px;border:2px solid #dce6f0;background:#fff;border-radius:17px;color:var(--ink);font-size:1rem;min-height:134px;position:relative;transition:transform .12s,border-color .12s}.topic-card:hover{transform:translateY(-3px);filter:none;border-color:#6e88b8}.topic-picture{display:block;width:100px;max-width:100%;height:92px;background-image:url('topic-art.png');background-size:300% 200%;background-repeat:no-repeat;border-radius:10px}.topic-label{margin-top:5px;font-size:1rem;font-weight:800;line-height:1.3}.topics .topic-card[aria-pressed=true]{color:#172e55;background:#fff;border-color:#172e55;box-shadow:0 0 0 3px #ffc849}.topics .topic-card[aria-pressed=true]::after{content:'✓';position:absolute;top:6px;right:7px;border-radius:50%;background:#172e55;color:#fff;width:23px;height:23px;font-size:15px}.resulthead{margin-top:32px}h2{font-size:1.6rem}.resulthead span{font-size:.875rem}.grid{gap:22px}.book{padding:12px;background:#fff;border:1px solid #d9e4ef;box-shadow:0 4px 0 #dce5ef;border-radius:15px;transition:transform .12s}.book:hover{transform:translateY(-3px);filter:none;box-shadow:0 6px 0 #cad8ea}.cover{background:#e9f0f9;border-bottom:5px solid #aac1dc;border-radius:9px;height:230px}.book:nth-child(3n) .cover{background:#fcf0db;border-bottom-color:#e6bc6a}.book:nth-child(3n+1) .cover{background:#e8f3ef;border-bottom-color:#8ebfae}.booktitle{font-size:1rem}.author{font-size:.875rem}.shelf{font-size:.875rem;background:#e9effa;color:#213e70;border-radius:7px}.find{background:#e6f1fc;border-left:5px solid #f6bc36}dialog{background:white;border:3px solid #d6e4f1;border-radius:22px}footer{font-size:.875rem}footer small{font-size:.8rem}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:1000px){.topic-picture{width:90px;height:84px}.cover{height:215px}}@media(max-width:720px){.topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-picture{width:105px;height:96px}.topics .topic-card{min-height:134px}.grid{gap:18px 12px}.cover{height:175px}.book{padding:9px}.controls{padding:16px}}@media(max-width:470px){.topic-picture{width:90px;height:82px}.topics .topic-card{padding:7px 5px 11px;min-height:122px}.topic-label{font-size:.9rem}.cover{height:190px}.brand b{display:inline;margin-left:0}.brand{font-size:1.1rem}.resulthead{gap:10px;align-items:baseline}.resulthead h2{font-size:1.4rem}}
.book-about,.book-keywords{margin-top:22px}.book-about h3,.book-keywords h3{font-size:1rem;margin:0 0 9px;line-height:1.4}.description{font-size:1rem;line-height:1.65;margin:0;white-space:pre-line}.missing-description{color:#65758b;font-size:.9rem}.keyword-tags{display:flex;flex-wrap:wrap;gap:7px}.keyword-tag{background:#edf3fa;border:1px solid #d5e1ee;color:#314966;border-radius:8px;padding:6px 9px;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}