:root{color-scheme:light;font-family:Noto Sans KR,Pretendard,sans-serif;background:#f1f3f5;color:#20242a}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}.page{height:100%;display:grid;grid-template-rows:auto 1fr}.search-bar{background:#fff;border-bottom:1px solid #d9dde3;padding:16px 20px 12px}.search-bar h1{margin:0 0 10px;font-size:20px}.search-bar form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px}.search-bar input,.search-bar button{border:1px solid #c6ccd4;border-radius:8px;height:38px;padding:0 10px;font-size:14px}.search-bar button{background:#1f4b8f;border-color:#1f4b8f;color:#fff;cursor:pointer}.hint{margin:8px 0 0;color:#5b6470;font-size:13px}.error{margin:10px 20px 0;background:#fce5e5;border:1px solid #ecb4b4;color:#8d2727;padding:8px 10px;border-radius:8px}.list-wrap{min-height:0;padding:12px 20px 20px}.card{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:12px;margin-bottom:10px;border:1px solid #d7dbe1;border-radius:12px;background:#fff}.card img{width:132px;height:176px;object-fit:cover;border-radius:8px;background:#eceff3}.card h2{margin:0 0 6px;font-size:17px}.card p{margin:5px 0;font-size:14px;color:#343b44}.card .sub{color:#636d7a;font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tags span{font-size:12px;color:#22324d;background:#e9effa;border:1px solid #d3def3;border-radius:999px;padding:3px 8px}.footer{text-align:center;font-size:13px;color:#59616d;padding:14px 0 20px}@media(max-width:900px){.search-bar form{grid-template-columns:1fr}.card{grid-template-columns:96px 1fr}.card img{width:96px;height:132px}}