@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sdl-blue: #005494;--sdl-light-blue: #009dca;--sdl-red: #e01a22;--sdl-green: #007f3d;--sdl-yellow: #ffdd00;--sdl-navy: #293248;--sdl-light-navy: #8293a3;--primary-50: #e6f2f9;--primary-100: #cce5f3;--primary-200: #99cbe7;--primary-600: #005494;--primary-700: #004378;--primary-800: #00325c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--ok: #007f3d;--ok-bg: #e7f5ed;--warn: #8a5a00;--warn-bg: #fff6d6;--danger: #b91c1c;--danger-bg: #fef2f2;--font-display: "Fraunces Variable", "Fraunces", ui-serif, Georgia, serif;--font-body: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--radius: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow: 0 4px 14px rgb(0 0 0 / .08), 0 1px 3px rgb(0 0 0 / .06);--shadow-lg: 0 10px 40px rgb(0 0 0 / .12), 0 2px 6px rgb(0 0 0 / .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--gray-900);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;letter-spacing:-.015em;color:var(--sdl-navy);margin:0}h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}a{color:var(--sdl-blue)}img{max-width:100%}:where(a,button,input,select,textarea,summary,[role=button]):focus-visible{outline:2px solid var(--sdl-blue);outline-offset:2px;border-radius:.25rem}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;z-index:100;background:var(--sdl-blue);color:#fff;padding:.6rem 1rem;border-radius:var(--radius)}.skip-link:focus{inset-block-start:1rem}.container{inline-size:100%;max-inline-size:80rem;margin-inline:auto;padding-inline:1rem}@media(min-width:640px){.container{padding-inline:1.5rem}}@media(min-width:1024px){.container{padding-inline:2rem}}.section{padding-block:2rem 4rem}.muted{color:var(--gray-500)}.small{font-size:.875rem}.text-danger{color:var(--danger)}.text-end{text-align:end}.eyebrow{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--sdl-blue);margin-block-end:.5rem}.bg-texture-dots{background-image:radial-gradient(circle,rgb(0 84 148 / .05) 1px,transparent 1px);background-size:20px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:2.75rem;padding:.6rem 1.25rem;border-radius:var(--radius);border:2px solid transparent;font:inherit;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-sm{min-block-size:2.5rem;padding:.4rem .9rem;font-size:.875rem}.btn-primary{background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-700);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--primary-600);border-color:var(--primary-600)}.btn-secondary:hover:not(:disabled){background:var(--gray-50)}.btn-outline{background:#fff;color:var(--gray-900);border-color:var(--gray-300)}.btn-outline:hover:not(:disabled){border-color:var(--sdl-blue);color:var(--sdl-blue)}.btn-ghost{background:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:var(--gray-100)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-danger-outline{background:#fff;color:var(--danger);border-color:#fecaca}.btn-danger-outline:hover:not(:disabled){background:var(--danger-bg)}.btn-icon{inline-size:2.75rem;block-size:2.75rem;border:0;background:transparent;font-size:1.75rem;line-height:1;color:var(--gray-500);cursor:pointer;border-radius:var(--radius)}.btn-icon:hover{background:var(--gray-100)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--sdl-blue);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:.875rem;min-block-size:2rem}.site-header{position:sticky;inset-block-start:0;z-index:50;background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.header-top{border-block-end:1px solid var(--gray-200)}.header-top-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.6rem}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;min-inline-size:0}.brand-logo{block-size:2rem;inline-size:auto}.brand-sep{inline-size:1px;block-size:1.75rem;background:var(--gray-300)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--sdl-navy);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.5rem}.user-chip{display:flex;align-items:center;gap:.6rem}.user-chip form{margin:0}.user-avatar{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:999px;background:var(--primary-50);color:var(--sdl-blue);font-weight:700}.user-name{font-size:.875rem;font-weight:500;color:var(--gray-700);max-inline-size:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle{display:none;inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:var(--radius);background:transparent;color:var(--sdl-blue);cursor:pointer}.menu-toggle:hover{background:var(--primary-50)}.header-nav{background:var(--sdl-blue)}.header-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;column-gap:2rem}.header-nav a{display:inline-flex;align-items:center;gap:.4rem;padding-block:.75rem;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.header-nav a:hover,.header-nav a.active{color:var(--sdl-yellow)}.header-nav a.active{box-shadow:inset 0 -3px 0 var(--sdl-yellow)}.nav-external a{opacity:.8}.nav-badge{min-inline-size:1.35rem;block-size:1.35rem;padding-inline:.35rem;border-radius:999px;background:var(--sdl-yellow);color:var(--gray-900);font-size:.75rem;font-weight:700;display:inline-grid;place-items:center}@media(max-width:768px){.user-name,.brand-sep,.brand-name{display:none}.menu-toggle{display:inline-grid;place-items:center}.header-nav{display:none}.header-nav.is-open{display:block}.header-nav ul{flex-direction:column;padding-block:.5rem}.header-nav a{min-block-size:2.75rem}.header-nav a.active{box-shadow:inset 3px 0 0 var(--sdl-yellow);padding-inline-start:.75rem}}@media(max-width:400px){.brand-logo{block-size:1.6rem}}.hero{position:relative;overflow:hidden;color:#fff;isolation:isolate}.hero{background-color:var(--sdl-blue);background-image:repeating-radial-gradient(circle at 18% 28%,transparent 0 22px,rgb(255 255 255 / .07) 22px 23px),repeating-radial-gradient(circle at 78% 72%,transparent 0 30px,rgb(255 255 255 / .055) 30px 31px),linear-gradient(160deg,var(--sdl-blue),var(--primary-800));background-size:420px 420px,560px 560px,auto}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 15%,rgb(0 157 202 / .45),transparent 32%),radial-gradient(circle at 8% 110%,rgb(41 50 72 / .6),transparent 40%)}.hero-inner{padding-block:3.5rem 3rem}.hero-kicker{display:block;color:var(--sdl-yellow);text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:.85rem;margin-block-end:.5rem}.hero h1{color:#fff;font-size:clamp(2.25rem,5vw,3.75rem)}.hero-lead{max-inline-size:40rem;font-size:1.1rem;color:#ffffffe6;margin-block:.75rem 1.75rem}.search{position:relative;display:flex;gap:.5rem;max-inline-size:44rem;background:#fff;border-radius:var(--radius-lg);padding:.4rem;box-shadow:var(--shadow-lg)}.search-icon{position:absolute;inset-inline-start:1rem;inset-block-start:50%;translate:0 -50%;color:var(--gray-400);pointer-events:none}.search input{flex:1;min-inline-size:0;min-block-size:2.75rem;border:0;font:inherit;font-size:1.05rem;padding-inline:2.6rem .5rem;color:var(--gray-900);background:transparent}.search input:focus{outline:none}.search:focus-within{outline:3px solid var(--sdl-yellow);outline-offset:2px}@media(max-width:520px){.search .btn{padding-inline:.9rem}}.page-header{background-color:var(--primary-50);background-image:radial-gradient(circle,rgb(0 84 148 / .05) 1px,transparent 1px),linear-gradient(var(--primary-50),#fff);background-size:20px 20px,auto;padding-block:2.5rem 2rem}.page-header-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.accent-bar{display:block;margin-block-start:1rem;block-size:.25rem;inline-size:4rem;border-radius:999px;background:var(--sdl-blue)}.page-header .lead{margin-block-start:1rem;font-size:1.05rem;color:var(--gray-700);max-inline-size:46rem}.section-title{font-size:1.5rem;margin-block:1.5rem 1rem}.catalog{display:grid;grid-template-columns:17rem 1fr;gap:2.5rem;padding-block:2rem 4rem;align-items:start}.filters{position:sticky;inset-block-start:7.5rem;max-block-size:calc(100vh - 8.5rem);overflow-y:auto;padding-inline-end:.25rem}.filters-head{display:flex;justify-content:space-between;align-items:baseline;margin-block-end:.75rem}.filters-head h2{font-size:1.25rem}.filter-group{border:0;border-block-start:1px solid var(--gray-200);margin:0;padding:1rem 0 1.1rem}.filter-group legend{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);padding:0;margin-block-end:.6rem;float:inline-start;inline-size:100%}.chips{display:flex;flex-wrap:wrap;gap:.4rem;clear:both}.chip{display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.25rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);font:inherit;font-size:.85rem;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--sdl-blue);color:var(--sdl-blue)}.chip.is-active{background:var(--sdl-blue);border-color:var(--sdl-blue);color:#fff}.chip-count{font-size:.75rem;opacity:.65}.chip-skeleton{block-size:4rem;border-radius:var(--radius);background:linear-gradient(90deg,var(--gray-100),var(--gray-50),var(--gray-100))}.check{display:flex;align-items:center;gap:.6rem;min-block-size:2.75rem;font-weight:500;cursor:pointer}.check input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--sdl-blue)}.age-input{display:flex;align-items:center;gap:.6rem;margin-block-start:.75rem;font-size:.85rem;color:var(--gray-600)}.age-input label{white-space:nowrap}.age-input input{inline-size:5.5rem}.results-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-block-end:1.25rem}.results-count{margin:0;color:var(--gray-600)}.results-count strong{color:var(--gray-900)}.results-tools{display:flex;gap:.5rem;align-items:center}.filters-toggle{display:none}.book-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.5rem 1.25rem}.book-card{display:flex;flex-direction:column;block-size:100%;text-decoration:none;color:inherit;border-radius:var(--radius-lg);background:#fff;transition:transform .3s,box-shadow .3s}.book-card .cover{box-shadow:var(--shadow);transition:box-shadow .3s}.book-card:hover{transform:translateY(-4px)}.book-card:hover .cover{box-shadow:var(--shadow-lg)}.book-card:hover .book-card-title{color:var(--sdl-blue)}.book-card-body{display:flex;flex-direction:column;flex:1;padding-block-start:.75rem}.book-card-meta{display:flex;flex-wrap:wrap;gap:.3rem;margin-block-end:.35rem}.book-card-title{font-size:1.05rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.book-card-author{margin:.25rem 0 0;font-size:.85rem;color:var(--gray-600);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-card-foot{margin-block-start:auto;padding-block-start:.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem}.book-card-lang{font-size:.75rem;color:var(--gray-500)}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:var(--primary-50);color:var(--primary-700)}.tag-age{background:#eef7f1;color:var(--sdl-green)}.empty{text-align:center;padding-block:3rem;color:var(--gray-600)}.empty-title{font-family:var(--font-display);font-size:1.4rem;color:var(--sdl-navy);margin-block-end:.25rem}@media(max-width:900px){.catalog{grid-template-columns:1fr;gap:1rem}.filters{display:none;position:static;max-block-size:none;background:var(--gray-50);border-radius:var(--radius-lg);padding:1rem}.filters.is-open{display:block}.filters-toggle{display:inline-flex}.results{order:2}}@media(max-width:480px){.book-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem .85rem}}.cover{position:relative;aspect-ratio:2 / 3;inline-size:100%;border-radius:.35rem;overflow:hidden;background:var(--gray-100)}.cover img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.cover-sm{inline-size:4rem;flex:none}.cover-xs{inline-size:2.5rem;flex:none;border-radius:.2rem}.cover-lg{box-shadow:var(--shadow-lg)}.cover-generated{display:flex;flex-direction:column;justify-content:space-between;padding:12% 10% 10%;background:linear-gradient(to right,#00000040 0,#0000 7%,#ffffff14 8%,#0000 11%),repeating-radial-gradient(circle at 80% 85%,transparent 0 18px,rgb(255 255 255 / .06) 18px 19px),var(--cover-tone, var(--sdl-blue));color:#fff}.cover-generated-title{font-family:var(--font-display);font-weight:600;font-size:clamp(.8rem,1.1vw + .4rem,1.15rem);line-height:1.2;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding-inline-start:6%}.cover-generated-author{font-size:.72rem;opacity:.85;padding-inline-start:6%;border-block-start:1px solid rgb(255 255 255 / .4);padding-block-start:.4rem}.cover-lg .cover-generated-title{font-size:1.6rem}.cover-lg .cover-generated-author{font-size:.95rem}.cover-sm .cover-generated-title,.cover-xs .cover-generated-title{font-size:.5rem;-webkit-line-clamp:4}.cover-sm .cover-generated-author,.cover-xs .cover-generated-author,.cover-xs .cover-generated-title{display:none}.avail{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600}.avail:before{content:"";inline-size:.55rem;block-size:.55rem;border-radius:999px;background:currentColor;flex:none}.avail-ok{color:var(--ok)}.avail-out{color:var(--warn)}.avail-off{color:var(--gray-500)}.badge{display:inline-flex;align-items:center;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-info{background:#e0f4fa;color:#00698a}.badge-blue{background:var(--primary-50);color:var(--primary-700)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-muted{background:var(--gray-100);color:var(--gray-600)}.breadcrumb{margin-block-end:1.5rem}.book-detail{display:grid;grid-template-columns:minmax(12rem,20rem) 1fr;gap:3rem;align-items:start}.book-detail-cover{position:sticky;inset-block-start:8rem}.book-detail h1{font-size:clamp(1.9rem,3.5vw,2.75rem)}.book-detail-author{font-size:1.15rem;color:var(--gray-600);margin-block:.5rem 1.25rem}.loan-box{display:flex;flex-direction:column;gap:.85rem;align-items:flex-start;padding:1.25rem;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-200);border-inline-start:4px solid var(--sdl-blue);margin-block:1rem 1.5rem}.loan-box .alert{margin:0}.loan-box-status{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.loan-box-status .avail{font-size:1rem}.my-loan{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.book-detail-summary{font-size:1.1rem;color:var(--gray-700)}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem 1.5rem;margin:1.5rem 0;padding-block:1.25rem;border-block:1px solid var(--gray-200)}.facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);font-weight:600}.facts dd{margin:.1rem 0 0}.book-detail-desc h2{font-size:1.35rem;margin-block-end:.5rem}.book-detail-desc p{color:var(--gray-700);white-space:pre-line}.admin-link{margin-block-start:2rem}@media(max-width:760px){.book-detail{grid-template-columns:1fr;gap:1.5rem}.book-detail-cover{position:static;max-inline-size:13rem}}.loan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.loan-row{display:flex;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.loan-row.is-overdue{border-inline-start:4px solid var(--danger)}.loan-row-body{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:.3rem}.loan-row-body p{margin:0}.loan-row-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--sdl-navy);text-decoration:none}.loan-row-title:hover{color:var(--sdl-blue)}.loan-row-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.loan-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9rem}.loan-row-actions{display:flex;flex-direction:column;gap:.4rem;align-items:stretch;justify-content:center}.quote{color:var(--gray-600);font-style:italic}.decision-note{background:var(--gray-50);border-radius:var(--radius);padding:.4rem .6rem}.filter-note{font-size:.9rem;color:var(--gray-600)}@media(max-width:640px){.loan-row{flex-wrap:wrap}.loan-row-actions{flex-direction:row;flex-wrap:wrap;inline-size:100%}}.tabs{display:flex;gap:.25rem;flex-wrap:wrap;border-block-end:1px solid var(--gray-200);margin-block-end:1.5rem}.tab{display:inline-flex;align-items:center;gap:.45rem;min-block-size:2.75rem;padding:.5rem 1rem;border:0;background:none;font:inherit;font-weight:500;color:var(--gray-600);cursor:pointer;border-block-end:3px solid transparent;margin-block-end:-1px}.tab:hover{color:var(--sdl-blue)}.tab.is-active{color:var(--sdl-blue);border-block-end-color:var(--sdl-blue)}.tab-count{font-size:.75rem;font-weight:700;background:var(--primary-50);color:var(--sdl-blue);border-radius:999px;padding:0 .45rem;min-inline-size:1.4rem;text-align:center}.tab-alert .tab-count{background:var(--danger);color:#fff}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-block-end:.5rem}.admin-toolbar .tabs{margin-block-end:0;border:0}.admin-toolbar .input{inline-size:min(100%,20rem)}.table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-lg)}.table{inline-size:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:start;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);background:var(--gray-50);padding:.7rem 1rem;white-space:nowrap}.table td{padding:.6rem 1rem;border-block-start:1px solid var(--gray-200);vertical-align:middle}.table tr.is-dim td{background:#fcfcfd}.table tr.is-dim .table-title{color:var(--gray-500)}.table-check{inline-size:2.5rem;padding-inline-end:0!important}.table-check input{inline-size:1.1rem;block-size:1.1rem;cursor:pointer}.table tr.is-selected td{background:#eef4ff}.bulk-edit{position:sticky;inset-block-end:.75rem;z-index:5;display:flex;flex-direction:column;gap:.75rem;margin-block-start:1rem;padding:1rem;background:#fff;border:1px solid var(--sdl-blue);border-radius:var(--radius-lg);box-shadow:0 -4px 24px #1118271f}.bulk-edit-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}.bulk-edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.bulk-edit-row>label,.bulk-edit-label{min-inline-size:7.5rem;font-weight:500;font-size:.9rem;color:var(--gray-700)}.bulk-edit-row .input{inline-size:min(100%,18rem)}.bulk-edit .segmented label{display:flex}.bulk-edit .chips{clear:none}.bulk-edit .hint,.bulk-edit .alert{margin:0}.table-book{display:flex;align-items:center;gap:.75rem;min-inline-size:16rem}.table-book>div{display:flex;flex-direction:column}.table-title{font-weight:600;text-decoration:none;color:var(--gray-900)}.table-title:hover{color:var(--sdl-blue)}.status-select{min-block-size:2.25rem;padding-block:.25rem;font-size:.85rem}.status-select.status-disabled{background-color:var(--warn-bg);border-color:#f3d27a}.status-select.status-archived{background-color:var(--gray-100)}:where(input:not([type=checkbox],[type=radio],[type=file]),select,textarea,.input){font:inherit;color:var(--gray-900);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius);padding:.55rem .75rem;min-block-size:2.75rem;inline-size:100%}textarea{resize:vertical;line-height:1.5}:where(select){inline-size:auto;cursor:pointer}.sort select{min-block-size:2.5rem;font-size:.875rem}:where(input,select,textarea):focus{outline:2px solid var(--sdl-blue);outline-offset:0;border-color:var(--sdl-blue)}.form{display:flex;flex-direction:column;gap:1rem}.form label,.field{display:flex;flex-direction:column;gap:.3rem;font-weight:500;font-size:.9rem;color:var(--gray-700)}fieldset.field{border:0;margin:0;padding:0;min-width:0}fieldset.field legend{padding:0;margin-bottom:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{grid-template-columns:2fr 1fr 1fr}@media(max-width:640px){.form-row,.form-row-3{grid-template-columns:1fr}}.form-section{font-size:1.15rem;margin-block-start:.75rem;padding-block-start:1rem;border-block-start:1px solid var(--gray-200)}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sticky-actions{position:sticky;inset-block-end:0;background:#fff;padding-block:.75rem;border-block-start:1px solid var(--gray-200);margin-block-end:-.5rem}.hint{font-size:.85rem;color:var(--gray-500);margin:0}.has-error input,.has-error textarea{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.8rem;font-weight:500}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);padding:1.5rem}.edit-layout{display:grid;grid-template-columns:1fr 19rem;gap:2rem;align-items:start}.edit-side{display:flex;flex-direction:column;gap:1.25rem;position:sticky;inset-block-start:8rem}.edit-side .form-section{margin-block-start:0;padding-block-start:0;border:0;margin-block-end:.75rem}@media(max-width:960px){.edit-layout{grid-template-columns:1fr}.edit-side{position:static;order:-1}.cover-panel .cover{max-inline-size:10rem}}.status-box{border:1px solid var(--gray-200);border-inline-start:4px solid var(--ok);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin:0;display:flex;flex-direction:column;gap:.75rem;background:var(--gray-50)}.status-box-disabled{border-inline-start-color:#e0a800;background:#fffbeb}.status-box-archived{border-inline-start-color:var(--gray-400)}.status-box legend{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--sdl-navy);padding-inline:.25rem}.segmented{display:inline-flex;flex-wrap:wrap;background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius);padding:.2rem;gap:.2rem;align-self:flex-start}.segmented label{flex-direction:row;align-items:center;min-block-size:2.4rem;padding:.3rem 1rem;border-radius:.35rem;cursor:pointer;font-weight:500;color:var(--gray-700)}.segmented label:has(input:focus-visible){outline:2px solid var(--sdl-blue)}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label.is-active{background:var(--sdl-blue);color:#fff}.tag-input{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;border:1px solid var(--gray-300);border-radius:var(--radius);padding:.3rem .4rem;min-block-size:2.75rem;background:#fff}.tag-input:focus-within{outline:2px solid var(--sdl-blue);border-color:var(--sdl-blue)}.tag-input input{flex:1;min-inline-size:7rem;border:0!important;outline:none!important;padding:.2rem!important;min-block-size:2rem!important}.tag-removable{font-size:.8rem;padding-inline-end:.2rem}.tag-removable button{border:0;background:none;cursor:pointer;color:inherit;font-size:1rem;line-height:1;inline-size:1.4rem;block-size:1.4rem;border-radius:999px}.tag-removable button:hover{background:#00000014}.cover-panel .cover{max-inline-size:14rem;margin-inline:auto}.cover-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-block:.75rem .5rem}.cover-url{display:flex;gap:.35rem}.cover-url input{font-size:.85rem;min-block-size:2.5rem}.side-facts .avail{font-size:.95rem}.small-title{font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-block:1rem .25rem}.plain{list-style:none;padding:0;margin:0}.plain li{overflow-wrap:anywhere}.alert{border-radius:var(--radius);padding:.75rem 1rem;border:1px solid transparent}.alert-danger{background:var(--danger-bg);border-color:#fecaca;color:var(--danger)}.alert-success{background:var(--ok-bg);border-color:#b7e2c8;color:#05612f}.alert strong{display:block}.spinner-wrap{display:grid;place-items:center;padding:4rem 1rem}.spinner{inline-size:2.25rem;block-size:2.25rem;border:3px solid var(--primary-100);border-block-start-color:var(--sdl-blue);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{border:0;padding:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);inline-size:min(34rem,calc(100vw - 2rem));max-block-size:calc(100vh - 2rem)}.modal::backdrop{background:#2932488c}.modal-body{padding:1.25rem 1.5rem 1.5rem;border-block-start:4px solid var(--sdl-blue)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem}.modal-head h2{font-size:1.35rem}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3rem;margin-block-start:2.5rem}.pagination-gap{color:var(--gray-400);padding-inline:.25rem}.site-footer{background:var(--sdl-navy);color:#d1d5db;margin-block-start:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-block:2.5rem}.footer-logo{filter:brightness(0) invert(1);inline-size:4.5rem;block-size:auto}.footer-text{font-size:.85rem;max-inline-size:26rem;line-height:1.6}.footer-title{font-family:var(--font-body);color:#fff;font-size:.9rem;font-weight:600;margin-block-end:.75rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.footer-links a{color:#d1d5db;text-decoration:none;font-size:.85rem}.footer-links a:hover{color:#fff}.footer-bottom{border-block-start:1px solid rgb(130 147 163 / .3);padding-block:1.1rem;font-size:.78rem;color:var(--gray-400)}@media(max-width:640px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}