/* Kho trắc nghiệm: resilient layout layer.
 * Loaded after the shared bundle so the page remains usable when a host has
 * an older cached public-bundle.css.  All selectors are scoped to .library-page
 * and therefore do not alter the quiz, blog or discovery pages.
 */
.library-page{padding:34px 0 88px;background:#f5f7fb;min-height:calc(100vh - 110px)}
.library-page .public-container{position:relative;width:min(1200px,calc(100% - 36px));margin-inline:auto}
.library-page .library-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:34px;min-height:286px;padding:48px 52px;border:0;border-radius:24px;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(137,158,255,.34),transparent 31%),linear-gradient(125deg,#18356e 0%,#3159c7 56%,#6842dc 100%);box-shadow:0 24px 55px rgba(28,59,137,.22)}
.library-page .library-hero>div:first-child{min-width:0}
.library-page .library-hero .public-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#d6e1ff;font-size:12px;font-weight:900;letter-spacing:.12em}
.library-page .library-hero h1{max-width:820px;margin:13px 0 10px;color:#fff;font-size:clamp(36px,4.5vw,58px);font-weight:900;line-height:1.06;letter-spacing:-.045em}
.library-page .library-hero p{max-width:760px;margin:0;color:#e4ebff;font-size:16px;line-height:1.65}
.library-page .library-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;color:#e4ecff;font-size:12px}
.library-page .library-hero-points span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.library-page .library-hero-points i{color:#82edc2;font-size:15px}
.library-page .library-hero-stat{display:grid;justify-items:center;align-content:center;min-height:158px;padding:24px 14px;border:1px solid rgba(255,255,255,.3);border-radius:22px;text-align:center;background:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.library-page .library-hero-stat strong{color:#fff;font-size:45px;font-weight:900;line-height:1}
.library-page .library-hero-stat span{margin-top:10px;color:#e7edff;font-size:12px;line-height:1.45}
.library-page .library-hero-stat i{margin-top:15px;color:#fff;font-size:20px}
.library-page .library-language-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:20px 0 16px;padding:14px 16px;border:1px solid #d9e3f0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(24,52,98,.05)}
.library-page .library-links-title{display:inline-flex;align-items:center;gap:7px;margin-right:3px;color:#31506f;font-size:12px;font-weight:850}
.library-page .library-language-links a{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid #dbe5f0;border-radius:999px;color:#526985;background:#f9fbff;text-decoration:none;font-size:12px;font-weight:700;transition:.18s ease}
.library-page .library-language-links a:hover,.library-page .library-language-links a.active{border-color:#4c6fe1;color:#3158c9;background:#edf2ff}
.library-page .library-filter{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(145px,1fr)) auto;align-items:center;gap:12px;margin:18px 0 34px;padding:18px;border:1px solid #dce5f0;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(24,45,84,.12)}
.library-page .library-filter .library-search{position:relative;min-width:0}
.library-page .library-filter .library-search>i{position:absolute;z-index:1;top:50%;left:16px;transform:translateY(-50%);color:#71829b;pointer-events:none}
.library-page .library-filter .library-search .form-control{padding-left:44px}
.library-page .library-filter .form-control,.library-page .library-filter .form-select{width:100%;min-height:48px;border-color:#dbe3ef;border-radius:12px;color:#31425e;background-color:#fff}
.library-page .library-filter>.btn{min-height:48px;white-space:nowrap;border-radius:12px}
.library-page .library-filter-language{display:block;margin-top:14px;padding:24px 26px}
.library-page .library-filter-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #e6ebf2}
.library-page .library-filter-heading h2{margin:5px 0 0;color:#17284a;font-size:21px;font-weight:850}
.library-page .library-filter-reset{padding:8px 11px;border-radius:9px;color:#53657d;background:#f0f4fa;font-size:11px;font-weight:750}
.library-page .library-filter-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.library-page .library-filter-step{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;align-items:center;min-width:0;padding:15px;border:1px solid #dbe5f0;border-radius:14px;background:#fbfdff}
.library-page .library-filter-step>span{grid-row:1/4;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#315bc8;background:#eaf0ff;font-size:11px;font-weight:900}
.library-page .library-filter-step>b{min-width:0;color:#304661;font-size:12px}
.library-page .library-filter-step>b em{color:#df684d;font-style:normal}
.library-page .library-filter-step .form-select{grid-column:2;margin-top:7px}
.library-page .library-filter-step>small{grid-column:2;margin-top:6px;color:#7a8ba2;font-size:10px;line-height:1.4}
.library-page .library-filter-search{display:flex;align-items:center;gap:10px;margin-top:14px}
.library-page .library-filter-search>i{margin-right:-38px;z-index:1;color:#71829b}
.library-page .library-filter-search input{min-height:46px;padding-left:40px}
.library-page .library-filter-search .btn{min-height:46px;white-space:nowrap;border-radius:11px}
.library-page .library-reset{display:inline-flex;align-items:center;gap:5px;grid-column:1/-1;margin-top:-3px;color:#3863cd;text-decoration:none;font-size:12px;font-weight:750}
.library-page .library-result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px}
.library-page .library-result-heading h2{margin:6px 0 4px;color:#17213a;font-size:24px;font-weight:900;letter-spacing:-.025em}
.library-page .library-result-heading p{margin:0;color:#718096;font-size:13px}
.library-page .library-selection{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d4e0fb;border-radius:999px;color:#315bc8;background:#edf2ff;font-size:12px;font-weight:800}
.library-page .library-results>.col-md-6{display:flex}
.library-page .library-results .content-card-unified{width:100%;height:100%;min-height:245px}
.library-page .library-results .content-card-unified .exam-card-body{display:flex;flex:1;flex-direction:column;padding:25px}
.library-page .library-results .content-card-unified .exam-card-title{min-height:54px;margin:17px 0 15px}
.library-page .library-results .content-card-unified .exam-meta{margin-top:auto}
.library-page .library-results .content-card-unified .exam-action{min-height:64px;margin-top:auto}
.library-page .public-empty{padding:58px 24px}
@media(max-width:1199px){.library-page .library-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.library-page .library-filter .library-search{grid-column:1/-1}.library-page .library-filter>.btn{grid-column:auto}.library-page .library-filter-language{display:block}.library-page .library-filter-language .library-filter-heading,.library-page .library-filter-language .library-filter-flow,.library-page .library-filter-language .library-filter-search,.library-page .library-filter-language .library-reset{width:100%}}
@media(max-width:767px){.library-page{padding:20px 0 60px}.library-page .library-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding:30px 24px;border-radius:20px}.library-page .library-hero h1{font-size:36px}.library-page .library-hero p{font-size:14px}.library-page .library-hero-points{display:grid;gap:7px;margin-top:18px}.library-page .library-hero-stat{grid-template-columns:auto auto;justify-content:start;column-gap:11px;justify-items:start;min-height:0;padding:14px}.library-page .library-hero-stat strong{grid-row:span 2;font-size:34px}.library-page .library-hero-stat i{align-self:center;margin:0}.library-page .library-language-links{gap:7px;padding:13px}.library-page .library-links-title{width:100%;margin-bottom:2px}.library-page .library-filter{grid-template-columns:1fr;gap:10px;margin:14px 0 27px;padding:14px}.library-page .library-filter .library-search{grid-column:auto}.library-page .library-filter>.btn{grid-column:auto;width:100%}.library-page .library-filter-language{padding:18px 15px}.library-page .library-filter-heading{align-items:flex-start;flex-direction:column;gap:9px}.library-page .library-filter-flow{grid-template-columns:1fr;gap:10px}.library-page .library-filter-search{align-items:stretch;flex-direction:column}.library-page .library-filter-search .btn{width:100%}.library-page .library-reset{grid-column:auto}.library-page .library-result-heading{align-items:flex-start;flex-direction:column;gap:10px}.library-page .library-result-heading h2{font-size:21px}.library-page .library-results{--bs-gutter-y:16px}}