@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Regular.woff2') format('woff2');font-style:normal;font-weight:100 600;font-display:swap}
@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:Jua;src:url('./assets/Jua.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--catalog-ink:#253d34;--catalog-green:#26745e;--catalog-muted:#61766b;--catalog-line:#dce7df;--catalog-cream:#fbfaf4}
*{box-sizing:border-box}
body.library-page-catalog{margin:0;background:#fff;color:var(--catalog-ink);font:18px/1.65 Pretendard,sans-serif}
button,input,select{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e58a5c;outline-offset:4px}
[hidden]{display:none!important}
.catalog-wrap{width:min(90%,1180px);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-100px;z-index:30;padding:12px 18px;background:#fff;border:2px solid var(--catalog-green);border-radius:8px}
.skip-link:focus{top:12px}
.catalog-family-bar{background:#f0f6f1;color:#5a7062;font-size:15px}
.catalog-family-bar>.catalog-wrap{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}
.catalog-family-bar a{font-weight:700}
.library-page-catalog .header{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:124px;padding-block:18px}
.library-page-catalog .header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 30px;min-width:0;font-size:18px;font-weight:700}
.library-page-catalog .header nav>a{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;word-break:keep-all}
.library-page-catalog .header nav>a[aria-current=page]{color:var(--catalog-green)}
.library-page-catalog .header nav>a:hover{color:var(--catalog-green)}
main{border-top:1px solid var(--catalog-line);padding-bottom:80px;background:linear-gradient(var(--catalog-cream) 0 355px,#fff 355px)}
.catalog-intro{padding-block:54px 40px}
.catalog-kicker{margin:0 0 10px;color:#628173;font-size:16px;font-weight:600}
.catalog-intro h1{margin:0;font:42px/1.3 Jua,Pretendard,sans-serif;letter-spacing:-.025em}
.catalog-description{margin:12px 0 30px;color:var(--catalog-muted);font-size:20px;word-break:keep-all}
.catalog-search{display:grid;grid-template-columns:180px minmax(0,1fr) 110px;gap:14px;align-items:end;padding:24px;background:#fff;border:1px solid #cfded3;border-radius:18px;box-shadow:0 8px 25px #294d3510}
.catalog-field,.catalog-query{display:flex;flex-direction:column;gap:7px;min-width:0}
.catalog-search label{color:#4b6858;font-size:15px;font-weight:700}
.catalog-search input,.catalog-search select{min-height:54px;width:100%;min-width:0;border:1px solid #c8d8cd;border-radius:8px;background:#fff;padding:11px 14px;color:var(--catalog-ink);font-size:18px}
.catalog-search input::placeholder{color:#84968c}
.catalog-search-button{min-height:54px;border:0;border-radius:8px;background:var(--catalog-green);color:#fff;font-weight:700;padding:11px 20px}
.catalog-search-button:hover{background:#1b5e4b}
.catalog-search-hint{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;color:#6b8075;font-size:15px}
.catalog-search-hint p{margin:0;word-break:keep-all}
.catalog-search-hint button{border:0;background:transparent;color:var(--catalog-green);font-size:15px;font-weight:700;min-height:44px;padding:8px 0;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.catalog-results{padding-top:12px;scroll-margin-top:24px}
.catalog-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:2px solid #466d5b}
.catalog-results-head h2{margin:0;font:32px/1.4 Jua,Pretendard,sans-serif;word-break:keep-all}
.catalog-results-head h2:focus{outline:0}
.catalog-results-head .catalog-kicker{margin-bottom:6px}
.catalog-updated{margin:0 0 4px;font-size:15px;color:#718478;white-space:nowrap}
.catalog-summary{margin:20px 0;font-size:18px;color:#506d5b;word-break:keep-all;overflow-wrap:anywhere}
.catalog-state{padding:35px 28px;background:#f1f7f2;border:1px solid #e2ece3;border-radius:12px;color:#587061;word-break:keep-all}
.catalog-state h3{margin:0 0 8px;color:var(--catalog-ink);font-size:22px;line-height:1.5}
.catalog-state p{margin:0}
.catalog-error{background:#fffbef;border-color:#e8dcc0}
.catalog-error button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:20px;padding:8px 17px;border:1px solid #96b9a6;border-radius:8px;background:#fff;color:var(--catalog-green);font-weight:700}
.catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none}
.catalog-list>li{min-width:0}
.catalog-book{height:100%;padding:26px 28px;border:1px solid var(--catalog-line);border-radius:14px;background:#fff;box-shadow:0 4px 14px #254d3510;min-width:0}
.catalog-book-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.catalog-book-order{display:grid;place-items:center;flex:none;min-width:32px;height:32px;margin-top:2px;border-radius:50%;background:#edf5ef;color:#68836f;font-size:14px;font-weight:700}
.catalog-book h3{margin:0;min-width:0;font-size:23px;line-height:1.5;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.catalog-book-meta,.catalog-book-details dl{display:grid;grid-template-columns:88px minmax(0,1fr);gap:9px 14px;margin:0;font-size:17px;line-height:1.7}
.catalog-book dt{color:#75877c;font-weight:400}
.catalog-book dd{margin:0;min-width:0;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-wrap}
.catalog-call-number{font-weight:700;color:var(--catalog-green)}
.catalog-registration{font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.015em;color:#718477}
.catalog-book-details{margin-top:20px;border-top:1px solid #e7eee8;padding-top:12px}
.catalog-book-details>summary{cursor:pointer;min-height:44px;display:list-item;margin-left:20px;padding:8px 0;color:var(--catalog-green);font-size:16px;font-weight:700}
.catalog-book-details dl{padding-top:12px;font-size:16px}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:34px}
.catalog-pagination button{min-height:48px;min-width:86px;padding:10px 20px;border:1px solid #bed3c5;border-radius:9px;background:#fff;color:var(--catalog-green);font-weight:700}
.catalog-pagination button:hover:not(:disabled){background:#edf5ef}
.catalog-pagination button:disabled{cursor:default;color:#8c9c92;background:#f5f7f4;border-color:#e0e7e1}
.catalog-pagination p{margin:0;color:#637b6a;font-size:17px;font-variant-numeric:tabular-nums}
.catalog-footer{padding-block:32px;background:#f1f6f1;border-top:1px solid var(--catalog-line);color:#6b7c71;font-size:16px}
.catalog-footer>.catalog-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.catalog-footer strong{color:#315f49;font-size:18px}
.catalog-footer p{margin:4px 0 0}
.catalog-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--catalog-green);font-weight:700;word-break:keep-all}
@media(max-width:900px){.catalog-wrap{width:90%}.library-page-catalog .header{gap:20px}.library-page-catalog .header nav{gap:8px 20px;font-size:17px}.catalog-search{grid-template-columns:155px minmax(0,1fr) 94px;padding:20px;gap:12px}.catalog-list{grid-template-columns:1fr}.catalog-book{padding:25px 28px}.catalog-book-meta{grid-template-columns:92px minmax(0,1fr)}}
@media(max-width:600px){body.library-page-catalog{font-size:18px}.catalog-family-bar>.catalog-wrap{min-height:42px;gap:10px;font-size:13px}.catalog-family-bar span{font-size:12px;text-align:right}.library-page-catalog .header{flex-wrap:wrap;min-height:0;gap:16px;padding-block:18px}.library-page-catalog .header .library-logo-lockup{--library-logo-width:230px}.library-page-catalog .header nav{justify-content:flex-start;width:100%;gap:8px 24px;font-size:17px}.library-page-catalog .header nav>a{min-height:40px}.catalog-intro{padding-block:32px 28px}.catalog-intro h1{font-size:38px}.catalog-description{font-size:18px;margin-bottom:24px}.catalog-search{grid-template-columns:1fr;padding:19px;gap:16px}.catalog-search input,.catalog-search select{font-size:18px}.catalog-search-button{width:100%}.catalog-search-hint{align-items:flex-start;flex-wrap:wrap;gap:2px;margin-top:12px}.catalog-search-hint p{font-size:14px}.catalog-search-hint button{font-size:15px}.catalog-results-head{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:20px}.catalog-results-head h2{font-size:30px}.catalog-kicker{font-size:15px}.catalog-updated{font-size:14px}.catalog-summary{font-size:17px;margin-block:18px}.catalog-book{padding:22px 20px}.catalog-book-heading{gap:10px;margin-bottom:16px}.catalog-book h3{font-size:22px}.catalog-book-order{min-width:28px;height:28px;font-size:13px;margin-top:3px}.catalog-book-meta,.catalog-book-details dl{grid-template-columns:75px minmax(0,1fr);gap:8px 10px;font-size:16px}.catalog-registration{font-size:14px}.catalog-state{padding:27px 22px}.catalog-state h3{font-size:21px}.catalog-pagination{gap:15px}.catalog-pagination button{min-width:75px;padding-inline:15px}.catalog-pagination p{font-size:16px}.catalog-footer>.catalog-wrap{align-items:flex-start;flex-direction:column;gap:16px}main{padding-bottom:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
