:root{--brand-primary: #0c6dd8;--brand-primary-light: #cfe7ff;--brand-primary-dark: #041b3d;--brand-accent: #f7b500;--brand-neutral: #f0f5ff;--ink: #1c1c1c;--ink-rgb: 28, 28, 28;--brand-dark-rgb: 4, 27, 61;--muted: rgba(12, 109, 216, .65);--radius: 18px;--accent: var(--brand-primary);--accent-rgb: 12, 109, 216;--accent-strong: var(--brand-primary-dark);--accent-soft: rgba(var(--accent-rgb), .18);--accent-softer: rgba(var(--accent-rgb), .12);--accent-border: rgba(var(--accent-rgb), .3);--accent-ghost-border: rgba(var(--accent-rgb), .42);--accent-ghost-background: rgba(var(--accent-rgb), .12);--focus-border: rgba(var(--accent-rgb), .85);--focus-ring: rgba(var(--accent-rgb), .25);--page-background: var(--brand-neutral);--panel-background: #fff;--panel-shadow: 0 15px 30px rgba(var(--brand-dark-rgb), .08);--hero-gradient: linear-gradient( 120deg, rgba(4, 27, 61, .94), rgba(12, 109, 216, .85) );--surface: #ffffff;--text: var(--ink);font-size:17px}body[data-page=student]{--accent: #4ab7ff;--accent-rgb: 74, 183, 255;--accent-strong: #0c6dd8;--muted: rgba(12, 109, 216, .68);--accent-soft: rgba(74, 183, 255, .24);--accent-softer: rgba(74, 183, 255, .14);--accent-border: rgba(74, 183, 255, .32);--accent-ghost-border: rgba(74, 183, 255, .4);--accent-ghost-background: rgba(74, 183, 255, .14);--focus-border: rgba(74, 183, 255, .85);--focus-ring: rgba(74, 183, 255, .28);--page-background: #f5faff;--panel-background: rgba(255, 255, 255, .98);--panel-shadow: 0 18px 32px rgba(12, 109, 216, .12);--hero-gradient: linear-gradient( 120deg, rgba(74, 183, 255, .92), rgba(207, 231, 255, .88) )}body[data-page=staff]{--accent: #0b2c63;--accent-rgb: 11, 44, 99;--accent-strong: #041b3d;--muted: rgba(11, 44, 99, .7);--accent-soft: rgba(11, 44, 99, .2);--accent-softer: rgba(11, 44, 99, .12);--accent-border: rgba(11, 44, 99, .38);--accent-ghost-border: rgba(11, 44, 99, .5);--accent-ghost-background: rgba(11, 44, 99, .14);--focus-border: rgba(11, 44, 99, .85);--focus-ring: rgba(11, 44, 99, .28);--page-background: linear-gradient(180deg, #071a33 0%, #e3ebf8 60%);--panel-background: rgba(255, 255, 255, .98);--panel-shadow: 0 18px 34px rgba(4, 27, 61, .25);--hero-gradient: linear-gradient( 120deg, rgba(4, 27, 61, .92), rgba(11, 44, 99, .88) )}body[data-page=staff] .filters{gap:.75rem;margin-bottom:1rem}body[data-page=staff] .summary{margin-bottom:1rem}body[data-page=student],body[data-page=student] *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body[data-page=student] input,body[data-page=student] textarea,body[data-page=student] [contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.filters__group{display:grid;gap:.35rem;min-width:min(100%,14rem)}.filters__group input,.filters__group select{width:100%}.filters__group--pages{min-width:min(100%,16rem)}.page-filter{display:grid;gap:.4rem}.page-filter input[type=range]{width:100%;accent-color:var(--accent)}.page-filter__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.95rem}.page-filter__reset{border:0;background:transparent;color:var(--accent-strong);cursor:pointer;font:inherit;font-weight:600;padding:0}.page-filter__reset:hover,.page-filter__reset:focus-visible{text-decoration:underline}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page-background, var(--surface));line-height:1.6}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:3rem clamp(1rem,4vw,4rem) 2rem;background:var( --hero-gradient, linear-gradient(120deg, rgba(4, 27, 61, .94), rgba(12, 109, 216, .85)) );color:#fff;position:relative;overflow:hidden}.hero__content h1{font-family:"Baloo 2",cursive;font-size:clamp(2.4rem,5vw,3.2rem);line-height:1.1;margin:0 0 1rem}.hero__content p{font-size:clamp(1.1rem,2vw,1.25rem);max-width:32rem;margin:0;line-height:1.5}.hero--student .hero__content h1,.hero--staff .hero__content h1{font-size:clamp(2.4rem,5vw,3.2rem)}.hero--student .hero__content p,.hero--staff .hero__content p{font-size:clamp(1.1rem,2vw,1.25rem)}.hero--student .hero__actions .btn,.hero--staff .hero__actions .btn{font-size:1rem;padding:.75rem 1.4rem;line-height:1.2}.hero__illustration{position:relative;min-height:160px;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,2vw,1.1rem);border-radius:1rem;background:#ffffff3d;border:1px solid rgba(255,255,255,.38)}.hero__logo{width:min(100%,440px);max-height:180px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 6px 16px rgba(4,27,61,.25))}.hero__actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.hero__link{text-decoration:none;font-weight:600}.hero--student{--hero-gradient: linear-gradient( 120deg, rgba(74, 183, 255, .92), rgba(207, 231, 255, .9) );grid-template-columns:minmax(0,1fr) minmax(150px,28vw);row-gap:.9rem;align-items:center}.hero--student .hero__actions{grid-column:1 / -1;width:100%;margin-top:.5rem;justify-content:space-between}.hero--student .hero__illustration{background:transparent;border:0;border-radius:0;padding:0}.hero--student .hero__logo{max-height:180px;filter:none}.hero--student .hero__actions-spacer{flex:1}.hero--staff{--hero-gradient: linear-gradient( 120deg, rgba(18, 66, 129, .95), rgba(104, 169, 228, .92) );grid-template-columns:minmax(0,1fr) minmax(150px,28vw);row-gap:.9rem;align-items:center}.hero--staff .hero__actions{grid-column:1 / -1;width:100%;margin-top:.5rem;justify-content:space-between}.hero--staff .hero__illustration{background:transparent;border:0;border-radius:0;padding:0}.hero--staff .hero__logo{max-height:180px;filter:none}main{padding:2rem clamp(1rem,4vw,4rem) 4rem;display:grid;gap:clamp(1.5rem,2vw,2rem);grid-template-columns:minmax(0,1fr);justify-items:stretch;width:min(95vw,1280px);margin:0 auto}.hidden,[hidden]{display:none!important}.panel{background:var(--panel-background, #fff);border-radius:var(--radius);padding:clamp(1.5rem,2vw,2.5rem);box-shadow:var(--panel-shadow, 0 15px 30px rgba(var(--brand-dark-rgb), .08));width:100%}.panel--staff{border:2px dashed var(--accent-border);background:linear-gradient(135deg,rgba(255,255,255,.97),var(--accent-softer))}.panel--login{background:linear-gradient(135deg,#fffffff2,rgba(var(--accent-rgb),.08))}body[data-page=student] .panel--login{background:linear-gradient(135deg,#fffffff7,#4ab7ff2e);border:1px solid var(--accent-border)}body[data-page=staff] .panel--login{background:linear-gradient(135deg,#fffffff7,#0b2c632e);border:1px solid var(--accent-border)}.panel--student{border:2px dashed var(--accent-border);background:linear-gradient(135deg,rgba(255,255,255,.97),var(--accent-softer))}.panel__header--staff{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:1rem}.panel__header-main{flex:1;min-width:0}.panel__header--admin{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.panel__header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.panel__header-actions .hint{margin:0;text-align:right}.panel__header h2{font-family:"Baloo 2",cursive;font-size:clamp(1.6rem,3vw,2.2rem);margin:0}.panel__subtitle{margin:0 0 .5rem;color:var(--muted);max-width:42rem}#student-collection .panel__header{margin-bottom:.5rem}.muted{color:var(--muted)}.student-dashboard__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.student-dashboard__info{display:flex;flex-direction:column;gap:1rem;background:var(--accent-softer);border:1px solid var(--accent-border);padding:1.5rem;border-radius:var(--radius)}.student-dashboard__identity{display:flex;flex-direction:column;gap:.125rem}.student-dashboard__info h4,.student-dashboard__info>p,.student-dashboard__info .hint,.student-dashboard__identity p{margin:0}.student-dashboard__info h3{margin:0;font-size:1.5rem}.student-dashboard__scan{display:flex;flex-direction:column;gap:.75rem}.student-dashboard__scan input{font-size:1.1rem}.borrowed-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.borrowed-list__item{display:flex;flex-direction:column;gap:.25rem;background:#fff;border-radius:12px;padding:.75rem 1rem;box-shadow:0 8px 18px rgba(var(--brand-dark-rgb),.12)}.borrowed-list__item span{color:var(--muted);font-size:.9rem}.activity-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.activity-list__item{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;align-items:baseline;padding:.75rem 1rem;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(var(--brand-dark-rgb),.12)}.activity-list__item strong{color:var(--accent-strong)}.activity-list__item .activity-list__time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem}.student-flow{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}label{font-weight:600;display:block;margin-bottom:.35rem}select,input[type=text],input[type=search],input[type=password],input[type=number],input[type=url],textarea{width:100%;padding:.6rem .85rem;border-radius:12px;border:2px solid rgba(var(--brand-dark-rgb),.12);font-size:1rem;font-family:inherit;transition:border .2s ease,box-shadow .2s ease}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}textarea{resize:vertical;min-height:72px}select[multiple]{min-height:0;max-height:9.5rem;overflow-y:auto;padding-right:.6rem}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.form-field{display:grid;gap:.25rem}.form-field>label{margin:0}.form-field--checkbox{align-items:center;display:flex;gap:.5rem;margin-top:.5rem;grid-column:1 / -1}.form-field--full{grid-column:1 / -1}.form-field--double{grid-column:span 2}.login-form{display:grid;gap:1rem;max-width:420px}.form-field{position:relative}.login-suggestions{position:absolute;top:100%;left:0;right:0;list-style:none;margin:.25rem 0 0;padding:0;background:#fff;border:1px solid var(--border);border-radius:.375rem;box-shadow:0 4px 6px #0000001a;max-height:300px;overflow-y:auto;z-index:10}.login-suggestions.hidden{display:none}.login-suggestions li{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05)}.login-suggestions li:last-child{border-bottom:none}.login-suggestions li:hover,.login-suggestions li[aria-selected=true]{background:var(--muted-light, rgba(0, 0, 0, .04))}.login-suggestions li strong{display:block;font-weight:600;color:var(--text)}.login-suggestions li small{display:block;font-size:.875rem;color:var(--muted);margin-top:.25rem}.form-inline{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.form-inline input{flex:1 1 220px}.staff-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-weight:600;color:var(--muted)}.staff-meta__name{color:var(--text)}.staff-meta--hero{color:#ffffffeb;justify-self:end;margin-left:auto;justify-content:flex-end;align-items:center;text-align:right}.staff-meta--hero .staff-meta__name,.staff-meta--hero .staff-meta__role{color:#fff;display:inline-flex;align-items:center;line-height:1.2}.staff-meta--hero .btn{margin-top:0;align-self:center;line-height:1.2}.teacher-overview__header{display:flex;align-items:flex-start;margin-bottom:1rem}.teacher-overview__header h3{margin:0}#staff-book-overview-content[hidden]{display:none}.btn--ghost{background:transparent;color:var(--accent);border:2px solid var(--accent-ghost-border);margin-top:0}.btn--ghost:not(:disabled):hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 18px var(--accent-soft)}.btn--ghost:focus-visible{outline:none;background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring),0 10px 18px var(--accent-soft)}.btn--ghost:disabled{color:rgba(var(--brand-dark-rgb),.5);border-color:rgba(var(--brand-dark-rgb),.24);background:transparent}.btn--secondary{background:var(--brand-accent);color:#000}.btn--secondary:hover{box-shadow:0 10px 18px var(--accent-soft)}.teacher-student-form .btn--secondary,.admin-card__section--import .btn--secondary,#admin-student-form .btn--secondary{background:var(--accent);color:#fff}.teacher-student-form .btn--secondary:not(:disabled):hover,.admin-card__section--import .btn--secondary:not(:disabled):hover,#admin-student-form .btn--secondary:not(:disabled):hover{box-shadow:0 10px 18px var(--accent-soft)}.btn--danger{background:#e85d75;color:#fff}.btn--danger:not(:disabled):hover{background:#c62828;border-color:#b71c1c;color:#fff;box-shadow:0 10px 20px #c6282859}.teacher-layout{display:grid;gap:clamp(1.5rem,2vw,2rem);grid-template-columns:minmax(0,1fr);align-items:start}.teacher-layout__classes{display:grid;gap:clamp(.5rem,1vw,1rem);align-content:start}.teacher-layout__classes h3,.teacher-layout__classes h4,.teacher-layout__classes p,.teacher-layout__classes .hint{margin:0}.teacher-layout__classes h3+.hint{margin-top:clamp(.25rem,.8vw,.5rem);margin-bottom:0}.teacher-layout--single{grid-template-columns:minmax(0,1fr)}.teacher-actions{margin-top:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.25rem,2vw,1.75rem);border-radius:var(--radius);border:1px solid rgba(var(--brand-dark-rgb),.14);background:#fffffff5;box-shadow:0 16px 28px rgba(var(--brand-dark-rgb),.12);display:grid;gap:clamp(.65rem,1.2vw,1.2rem);align-content:start}body[data-page=staff] .teacher-catalog-card,body[data-page=staff] .teacher-actions{background:linear-gradient(135deg,#fffffffa,rgba(var(--accent-rgb),.08))}.class-list{display:grid;gap:1.25rem}.class-card{border:1px solid rgba(var(--brand-dark-rgb),.16);border-radius:16px;padding:1.2rem;background:rgba(var(--brand-dark-rgb),.04);display:grid;gap:1rem}.class-card__header{display:flex;align-items:center;gap:.75rem;font-weight:600}.class-card__header h4{margin:0}.class-card__header-main{display:flex;align-items:baseline;gap:.35rem}.class-card__count{font-size:.95rem;color:var(--muted)}.class-card__stats-button{margin-left:auto}.class-card__header .btn--pill{padding-inline:1.1rem}.class-card__students{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.class-card__students li{background:#fff;border-radius:12px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid rgba(var(--brand-dark-rgb),.12);cursor:pointer}.class-card__student-actions{display:flex;flex-wrap:wrap;gap:.4rem .5rem;justify-content:flex-end;cursor:default}.class-card__student-actions .btn--pill{padding:.35rem .95rem}.class-card__students .btn{margin-top:0;white-space:nowrap}.class-card__students strong{display:block}.class-card__students span{display:block;font-size:.85rem;color:var(--muted)}.class-card__form{display:grid;gap:.5rem}.class-card__form select{min-width:0}.class-card__form .btn{margin-top:0;align-self:start}.class-card__form--admin select{min-height:160px}.class-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-form{display:grid;gap:1.25rem}.admin-book-tags{width:100%;min-height:2.75rem;padding:.25rem .25rem .1rem;border-radius:10px;border:1px solid var(--accent-border);background:#fff;align-items:flex-start}.admin-book-tags .filters__pill{margin:.1rem 0}.admin-form--compact{gap:.75rem}.form-field__group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.form-field__group input{flex:1 1 220px}.form-field__group .btn{margin-top:0}.form-field--barcode .form-field__group{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem;align-items:start}.form-field--barcode #admin-book-barcode{width:100%}.form-field--barcode #admin-book-lookup{justify-self:start;align-self:start}.admin-barcode-exam{align-content:start}.admin-barcode-exam__label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.admin-barcode-exam__label input{margin:0}.admin-book-grid__barcode-results{grid-column:1 / -1}.admin-barcode-results{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.admin-barcode-result{border:1px solid rgba(var(--brand-dark-rgb),.12);border-radius:10px;padding:.75rem;background:#fffc;box-shadow:0 6px 14px rgba(var(--brand-dark-rgb),.08)}.admin-barcode-result__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}.admin-barcode-result__summary{font-weight:600;color:var(--muted)}.admin-barcode-result__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.admin-barcode-result__copies{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.admin-barcode-result__copy{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;justify-content:space-between}.admin-barcode-result__copy-status{font-size:.9rem;color:var(--muted)}.admin-book-grid{row-gap:.75rem}.admin-book-grid__exam,.admin-book-grid__easy-reading{grid-column:1 / -1;margin-top:-.65rem}.admin-book-grid__right{display:grid;row-gap:.35rem}@media (min-width: 720px){.admin-barcode-exam{align-self:start}.admin-book-grid{grid-template-columns:repeat(4,minmax(220px,1fr));grid-auto-flow:row}.admin-book-grid__title{grid-column:1;grid-row:1}.admin-book-grid__author{grid-column:2;grid-row:1 / span 2}.admin-book-grid__barcode{grid-column:3;grid-row:1 / span 2}.admin-book-grid__metadata{grid-column:4;grid-row:1 / span 2}.admin-book-grid__exam{grid-column:1;grid-row:2;margin-top:-.75rem}.admin-book-grid__easy-reading{grid-column:2;grid-row:2;margin-top:-.75rem}.admin-book-grid__themes{grid-column:1 / span 2;grid-row:3}.admin-book-grid__right{grid-column:3 / span 2;grid-row:3;align-self:start;grid-template-columns:minmax(0,1.6fr) minmax(110px,.9fr);column-gap:.9rem;align-items:start}.admin-book-grid__cover{grid-column:1}.admin-book-grid__quantity{grid-column:2;align-self:start}.admin-book-grid__quantity input{width:7ch;min-width:5rem}}#admin-book-lookup-message:empty{margin-top:0}.admin-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-start}.admin-form__actions .btn,#admin-class-form button.btn,#admin-student-form button.btn{margin-top:.5rem}#admin-class-form .form-grid{gap:1.25rem}.admin-class-create{display:grid;gap:.75rem}.teacher-picker{display:grid;gap:.5rem}.teacher-picker input[type=search]{width:100%}.teacher-picker__selected{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;min-height:2.5rem}.teacher-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border, rgba(var(--accent-rgb), .25));color:var(--accent-strong, #041b3d);font-weight:600;line-height:1.2}.teacher-chip__remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;line-height:1;cursor:pointer;color:inherit}.teacher-picker__results{border:1px solid rgba(var(--brand-dark-rgb),.12);border-radius:var(--radius-medium);padding:.35rem;display:grid;gap:.35rem;background:#fff}.teacher-picker__results button{width:100%;text-align:left;background:#f7f9fc;border:1px solid rgba(var(--brand-dark-rgb),.1);border-radius:var(--radius-small);padding:.45rem .6rem;cursor:pointer}.teacher-picker__results button:hover,.teacher-picker__results button:focus-visible{border-color:rgba(var(--accent-rgb),.4);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}.teacher-picker__results:empty{display:none}#admin-student-form .form-grid{gap:.75rem}#admin-student-class{margin-top:.5rem}.form-grid--compact{gap:.75rem}.teacher-student-form{display:grid;gap:1rem}.teacher-student-form .form-grid{gap:.5rem}.admin-dashboard{display:grid;gap:clamp(1.5rem,2vw,2rem);width:100%}.admin-card{background:#fffffffa;border-radius:var(--radius);box-shadow:0 18px 30px rgba(var(--brand-dark-rgb),.12);padding:clamp(1.5rem,2vw,2.25rem);display:grid;gap:clamp(1rem,2vw,1.25rem)}.admin-card--teachers{gap:clamp(.75rem,1.5vw,1.25rem)}.admin-teacher-add{display:grid;gap:.75rem}.admin-teacher-add h4,.admin-teacher-edit-title,.admin-student-edit-title{margin:0;font-size:1.1rem}.admin-teacher-add-form{display:grid;gap:1rem}.admin-teacher-add-form .form-grid{gap:.75rem}.admin-teacher-add-form .btn{justify-self:start}.admin-card--teachers>.admin-card__intro .hint{margin-top:.35rem}.admin-teacher-controls,.admin-student-controls{display:flex}.admin-teacher-controls{justify-content:flex-start}.admin-teacher-selection-hint{margin-top:.75rem}.admin-student-controls{justify-content:flex-start}.admin-teacher-controls input[type=search],.admin-student-controls input[type=search]{width:min(100%,24rem);padding:.6rem .9rem;border-radius:999px;border:1px solid rgba(var(--brand-dark-rgb),.18);background:#ffffffeb;box-shadow:inset 0 1px 2px #00000014}.admin-teacher-layout{display:grid;gap:clamp(1rem,2vw,1.5rem)}.admin-teacher-list{display:grid;gap:.75rem}.admin-teacher-detail{display:grid}.admin-teacher-detail__placeholder,.admin-teacher-detail__content{border:1px solid rgba(var(--brand-dark-rgb),.12);border-radius:14px;padding:clamp(1rem,1.8vw,1.5rem);background:#fffffff0;min-height:5rem}.admin-teacher-detail__placeholder{display:grid;place-items:center;text-align:center;color:var(--muted);border-style:dashed}.admin-teacher-detail__content{display:grid;gap:1.1rem}.admin-teacher-detail__content.hidden{display:none}.admin-teacher-detail__header h4{margin:0;font-size:1.2rem}.admin-teacher-detail__username{margin:.25rem 0 0;color:var(--muted)}.admin-student-layout{display:grid;gap:clamp(1rem,2vw,1.5rem)}.admin-student-list{display:grid;gap:.75rem}.admin-student-detail{display:grid}.admin-student-detail__placeholder,.admin-student-detail__content{border:1px solid rgba(var(--brand-dark-rgb),.12);border-radius:14px;padding:clamp(1rem,1.8vw,1.5rem);background:#fffffff0;min-height:5rem}.admin-student-detail__placeholder{display:grid;place-items:center;text-align:center;color:var(--muted);border-style:dashed}.admin-student-detail__content{display:grid;gap:1.1rem}.admin-student-detail__content.hidden{display:none}.admin-student-detail__header h4{margin:0;font-size:1.2rem}.admin-student-detail__username{margin:.25rem 0 0;color:var(--muted)}@media (min-width: 900px){.admin-student-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}}.admin-teacher-detail__section{display:grid;gap:.75rem}.admin-teacher-detail__section h5{margin:0;font-size:1.05rem}.admin-teacher-class-list{display:grid;gap:.5rem}.admin-teacher-class-option{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(var(--brand-dark-rgb),.1);background:#ffffffeb}.admin-teacher-class-option input{width:1.05rem;height:1.05rem}.admin-teacher-password{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.admin-teacher-password input{flex:1 1 12rem;min-width:12rem}.admin-teacher-delete{justify-self:start}.student-list__item--selectable{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.student-list__item--selectable:hover,.student-list__item--selectable:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 10px 20px rgba(var(--accent-rgb),.18);transform:translateY(-1px);outline:none}.student-list__item--active{border-color:rgba(var(--accent-rgb),.8);box-shadow:0 14px 28px rgba(var(--accent-rgb),.25)}@media (min-width: 900px){.admin-teacher-layout{grid-template-columns:minmax(0,1fr);align-items:start}}.admin-card h3,.admin-card h4{margin:0}.admin-card--students .admin-card__intro .hint{margin-top:.35rem}.admin-card>.hint{margin-top:0}.admin-card>.admin-form,.admin-card>.admin-card__section,.admin-card>.admin-book-list,.admin-card>.class-list,.admin-card>.student-list,.admin-card>.import-results{margin-top:.5rem}.admin-card__section{display:grid;gap:1rem;padding:clamp(1.25rem,2vw,1.75rem);border-radius:14px;border:1px solid rgba(var(--brand-dark-rgb),.12);background:#fffffff0}.admin-expandable{display:grid;gap:.75rem}.admin-expandable__toggle{justify-self:start}.admin-expandable__content[hidden]{display:none}.admin-book-list{display:grid;gap:1rem}.teacher-student-form .btn{justify-self:start;margin-top:.5rem}.admin-detail{display:grid;gap:.75rem}.admin-detail__body{border:1px solid rgba(var(--brand-dark-rgb),.12);border-radius:14px;padding:clamp(.75rem,1.4vw,1.2rem);background:#fffffff0;min-height:3.5rem;display:grid;gap:.85rem}.admin-detail__body>p{margin:0;color:var(--muted)}.admin-detail__body--empty{border-style:dashed;justify-content:center;text-align:center}.admin-class-details__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-weight:600}.admin-class-details__students{border-top:1px solid rgba(var(--brand-dark-rgb),.1);padding-top:.75rem;display:grid;gap:.6rem}.admin-class-details__students ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.admin-class-details__students li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.admin-class-details__students li span{font-size:.95rem}.admin-class-details__students .btn{margin-top:0}.admin-class-details__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-class-details__form{display:grid;gap:.75rem}.admin-class-details__form .hint{margin:0}.admin-class-details__add{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-class-details__add select{flex:1 1 220px}.admin-student-details__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.95rem;color:var(--muted)}.admin-student-details__section{border-top:1px solid rgba(var(--brand-dark-rgb),.1);padding-top:.75rem;display:grid;gap:.6rem}.admin-student-details__actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-student-details__actions .btn{margin-top:0}.admin-student-details__classes ul,.admin-student-details__loans ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.admin-student-details__classes li,.admin-student-details__loans li{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.admin-student-details__classes .btn,.admin-student-details__loans .btn{margin-top:0}.admin-card{background:#fffffffa;border-radius:var(--radius);box-shadow:0 18px 30px rgba(var(--brand-dark-rgb),.12);padding:clamp(1rem,1.6vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.25rem)}.admin-card__intro{display:grid;gap:.5rem}.admin-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-card__heading{display:grid;gap:.35rem}.admin-card__heading .hint{margin:0}.admin-card__toggle{flex-shrink:0}.admin-card__content{display:grid;gap:clamp(1rem,2vw,1.25rem)}.admin-card__content[hidden]{display:none}.admin-card--collapsed{gap:.75rem}.admin-card h3{margin:0}.admin-card__section{display:grid;gap:.75rem;padding:clamp(.75rem,1.5vw,1.25rem);border-radius:14px;border:1px solid rgba(var(--brand-dark-rgb),.12);background:#fffffff0}.admin-card__section--import{display:flex;flex-direction:column;gap:1rem;background:rgba(var(--accent-rgb),.06);border-style:dashed}.class-list--admin .class-card{border:1px solid rgba(var(--brand-dark-rgb),.14)}.teacher-students{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(var(--brand-dark-rgb),.14);display:grid;gap:.75rem}.student-list--admin{margin-top:.5rem}.btn--pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.55rem 1rem;font-weight:600;line-height:1.2}.student-list--admin .student-list__item{border-width:1.5px}.student-list{display:grid;gap:.75rem}.student-list__item{background:#fff;border-radius:12px;border:1px solid rgba(var(--brand-dark-rgb),.1);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 6px 16px rgba(var(--brand-dark-rgb),.08)}.student-list__item[type=button],button.student-list__item{cursor:pointer;text-align:left;font-size:1.05rem;font-weight:600}.student-list__item strong{font-size:1.05rem}.student-list__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;color:var(--muted)}.student-list__actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-grid{display:grid;gap:1rem;align-items:start}.admin-import__form{display:grid;gap:.75rem;align-items:start}.admin-import__form input[type=file]{border:2px dashed var(--accent-ghost-border);background:var(--accent-softer);padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer}.admin-import__submit{align-self:flex-start;margin-top:0}.import-results{display:grid;gap:1rem}.import-results__list,.import-results__skipped{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.import-results__list li{background:var(--accent-soft);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.import-results__list span{color:var(--muted);font-size:.9rem}.import-results__skipped li{background:#f977902e;border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.admin-import h4{margin:.5rem 0 0;font-size:1rem}@media (min-width: 720px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid.admin-book-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}}.hint{font-size:.9rem;color:var(--muted);margin-top:.5rem}.student-info{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--accent-softer);border:1px solid var(--accent-border);display:none}.student-info.active{display:block}.student-info h3{margin:0 0 .25rem;font-family:"Baloo 2",cursive}.student-info ul{margin:0;padding-left:1.2rem}.btn{margin-top:.75rem;display:inline-flex;align-items:center;gap:.35rem;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn--compact{padding:.35rem .85rem;font-size:.85rem;line-height:1.2}body[data-page=staff] .class-card__student-actions .btn{padding:.35rem .85rem;font-size:.85rem;line-height:1.2;margin-top:0}.btn:disabled{background:rgba(var(--brand-dark-rgb),.3);cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 18px var(--accent-soft)}.btn--secondary:not(:disabled):hover{box-shadow:0 10px 18px var(--accent-soft)}.book-result{margin-top:1rem;min-height:130px;padding:1rem;border-radius:12px;background:rgba(var(--brand-dark-rgb),.08);border:1px solid rgba(var(--brand-dark-rgb),.16);display:grid;gap:.75rem}.book-result__group-select{display:flex;flex-direction:column;gap:.35rem}.book-result__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(var(--brand-dark-rgb),.2);border-radius:8px;padding:.4rem .6rem;font-size:1rem;background:#fff}.book-result__summary{font-weight:600}.book-result__actions{display:flex;flex-wrap:wrap;gap:.75rem}.book-result__status{font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;margin-bottom:1.5rem}.filters__themes{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;flex:1 1 100%}.filters__themes .filters__label{margin-top:.25rem}.filters__pills{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.filters__pill{--theme-pill-bg: rgba(var(--accent-rgb), .12);--theme-pill-hover-bg: rgba(var(--accent-rgb), .18);--theme-pill-active-bg: rgba(var(--accent-rgb), .22);--theme-pill-text: var(--accent-strong);--theme-pill-border: rgba(var(--accent-rgb), .18);--theme-pill-active-border: rgba(var(--accent-rgb), .36);--theme-pill-ring: rgba(var(--accent-rgb), .25);background:var(--theme-pill-bg);color:var(--theme-pill-text);border-radius:999px;border:1px solid var(--theme-pill-border);padding:.35rem .85rem;font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;background-clip:padding-box}.filters__pill:hover{background:var(--theme-pill-hover-bg);border-color:var(--theme-pill-active-border)}.filters__pill:focus-visible{outline:2px solid var(--focus-border);outline-offset:2px}.filters__pill--active{background:var(--theme-pill-active-bg);border-color:var(--theme-pill-active-border);color:var(--theme-pill-text);box-shadow:0 0 0 1px var(--theme-pill-active-border),0 0 0 3px var(--theme-pill-ring)}.filters__pill--exam{--theme-pill-bg: rgba(var(--accent-rgb), .08);--theme-pill-hover-bg: rgba(var(--accent-rgb), .15);--theme-pill-active-bg: rgba(var(--accent-rgb), .22);--theme-pill-text: var(--accent);--theme-pill-border: rgba(var(--accent-rgb), .42);--theme-pill-active-border: rgba(var(--accent-rgb), .55);--theme-pill-ring: rgba(var(--accent-rgb), .22);border-width:2px;padding:.3rem .8rem}.filters__pill--clear{--theme-pill-bg: rgba(var(--accent-rgb), .05);--theme-pill-hover-bg: rgba(var(--accent-rgb), .1);--theme-pill-active-bg: rgba(var(--accent-rgb), .14);--theme-pill-text: var(--accent-strong);--theme-pill-border: rgba(var(--accent-rgb), .18);--theme-pill-active-border: rgba(var(--accent-rgb), .32);--theme-pill-ring: rgba(var(--accent-rgb), .18)}.filters__pill--toggle{--theme-pill-bg: #fff;--theme-pill-hover-bg: #fff;--theme-pill-active-bg: #fff;--theme-pill-text: #000;--theme-pill-border: #000;--theme-pill-active-border: #000;--theme-pill-ring: rgba(0, 0, 0, .35)}.filters__pill-placeholder{font-size:.85rem;color:var(--muted)}.filters__label{font-weight:600}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}@media (min-width: 900px){.summary{grid-template-columns:repeat(4,minmax(0,1fr))}}.summary__item{padding:1rem 1.2rem;border-radius:14px;background:var(--accent-softer);border:1px solid var(--accent-border);font-weight:600;display:flex;align-items:center;gap:.35rem;justify-content:center;text-align:center}.summary__item span{display:inline-flex;font-size:.85rem;color:var(--muted);font-weight:500;margin-left:0}.book-grid{--book-grid-column-min: 320px;--book-grid-column-max: 360px;--book-grid-gap: 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--book-grid-gap);justify-content:center;width:100%;max-width:calc(3 * var(--book-grid-column-max) + 2 * var(--book-grid-gap));margin-inline:auto}@media (max-width: 1024px){.book-grid{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1024px){.hero{padding:2.25rem clamp(1rem,3.4vw,2rem) 1.5rem}.hero__content h1{font-size:clamp(2rem,4vw,2.6rem)}.hero__content p{font-size:clamp(1rem,2vw,1.1rem);max-width:28rem}.hero__logo,.hero--student .hero__logo,.hero--staff .hero__logo{max-height:clamp(100px,16vw,150px)}}@media (max-width: 760px){.hero{gap:.85rem}.hero--student,.hero--staff{grid-template-columns:minmax(0,1fr) minmax(96px,34vw);column-gap:.85rem;row-gap:.7rem}.hero__content h1,.hero--student .hero__content h1,.hero--staff .hero__content h1{font-size:clamp(1.55rem,6.6vw,2rem);line-height:1.16;margin-bottom:.55rem}.hero__content p,.hero--student .hero__content p,.hero--staff .hero__content p{font-size:clamp(.93rem,2.9vw,1rem);line-height:1.4;max-width:22rem}.hero__logo,.hero--student .hero__logo,.hero--staff .hero__logo{max-height:clamp(72px,22vw,120px)}.hero--student .hero__actions,.hero--staff .hero__actions{margin-top:.2rem;gap:.5rem}}@media (max-width: 640px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 480px){.book-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}}.book-card{--book-cover-color: #dbe2f5;position:relative;border-radius:12px;padding:.85rem;background:#fff;border:1px solid rgba(var(--brand-dark-rgb),.08);box-shadow:0 4px 12px rgba(var(--brand-dark-rgb),.08);display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:360px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}@media (min-width: 640px){.book-card{grid-template-columns:minmax(120px,.55fr) 1fr;align-items:stretch;padding:1rem}}.book-card--hidden{display:none!important}.book-card__media{align-self:stretch;display:flex;flex-direction:column;gap:.65rem;align-items:center;width:100%;height:100%}@media (min-width: 640px){.book-card__media{align-items:stretch;max-width:180px}}.book-card__cover-wrapper{background:var(--book-cover-color);border:1px solid rgba(var(--brand-dark-rgb),.06);border-radius:10px;overflow:hidden;display:grid;place-items:center;width:100%;aspect-ratio:2 / 3;min-height:150px;box-shadow:inset 0 1px #ffffff59}.book-card__cover{width:100%;height:100%;object-fit:contain;display:block}.book-card__cover[hidden]{display:none}.book-card__cover-fallback{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:.85rem;font-weight:700;font-size:clamp(1.1rem,3vw,1.6rem);color:rgba(var(--brand-dark-rgb),.62);line-height:1;background:var(--book-cover-color)}.book-card__cover-fallback[hidden]{display:none}.book-card__content{display:flex;flex-direction:column;gap:.6rem;min-height:100%}.book-card:hover,.book-card:focus-within{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--brand-dark-rgb),.12);border-color:rgba(var(--brand-dark-rgb),.12)}.book-card--selectable{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.book-card--selectable:hover,.book-card--selectable:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--brand-dark-rgb),.14);border-color:rgba(var(--brand-dark-rgb),.18);outline:none}.book-card--selected{border-color:var(--accent-border);box-shadow:0 8px 20px rgba(var(--accent-rgb),.2)}.book-card--easy-reading{outline:2px solid rgba(16,185,129,.45);outline-offset:2px;box-shadow:0 0 0 1px #10b98140,0 4px 12px rgba(var(--brand-dark-rgb),.08)}.book-card--exam-list{position:relative;overflow:visible}.book-card--exam-list:before{content:"";position:absolute;top:-.45rem;right:2rem;width:34px;height:46px;background:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='-18.5%200%20155%20155'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke=''%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cg%20clip-path='url(%23clip0)'%3e%3cpath%20d='M56.0783%20107.382C55.4041%20108.47%2054.645%20109.505%2053.8083%20110.474C41.3062%20122.797%2028.7751%20135.09%2016.2149%20147.353C14.0892%20149.468%2011.7634%20151.374%209.27033%20153.043C5.04205%20155.798%201.705%20154.135%201.00105%20149.114C0.880203%20147.788%200.852448%20146.455%200.917897%20145.124C0.964697%20113.828%200.930928%2082.5317%201.11293%2051.2362C1.18378%2038.9257%201.66869%2026.6152%202.12109%2014.3105C2.32537%2011.6584%202.7779%209.03129%203.47299%206.46332C4.21009%203.25696%205.09796%202.39559%208.47798%202.1245C15.3478%201.57324%2022.2313%200.939644%2029.1155%200.846904C54.251%200.510311%2079.3897%200.402671%20104.527%200.150391C107.856%200.184034%20111.148%200.847844%20114.229%202.10645C114.975%202.3557%20115.635%202.81229%20116.13%203.42268C116.625%204.03307%20116.935%204.77187%20117.024%205.55211C117.262%207.08419%20117.366%208.63381%20117.335%2010.1839C115.675%2053.3361%20114.86%2096.4946%20116.072%20139.676C116.054%20143.084%20115.767%20146.486%20115.213%20149.848C114.88%20152.368%20112.483%20153.852%20109.719%20153.48C106.933%20153.093%20104.387%20151.697%20102.565%20149.56C88.7036%20134.096%2071.7678%20122.033%2056.0783%20107.382ZM108.629%207.75387L10.4976%208.46337C10.3676%209.60868%2010.2481%2010.2502%2010.2331%2010.8935C10.083%2017.6564%209.79098%2024.4206%209.83713%2031.1822C10.0789%2066.5829%2010.3705%20101.983%2010.712%20137.382C10.7185%20138.076%2010.8115%20138.769%2010.8999%20139.936C12.092%20138.828%2012.9111%20138.112%2013.6788%20137.347C25.9464%20125.103%2038.2079%20112.855%2050.4634%20100.602C54.9348%2096.123%2057.7733%2096.0063%2062.4611%20100.122C68.3898%20105.326%2074.414%20110.423%2080.3179%20115.656C88.7133%20123.096%2097.0353%20130.619%20105.398%20138.096C105.947%20138.504%20106.521%20138.878%20107.115%20139.218C104.65%2095.2053%20107.356%2051.7531%20108.629%207.75387Z'%20fill='%23f7b500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='117'%20height='155'%20fill='white'%20transform='translate(0.777344)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;pointer-events:none;z-index:1}.book-card__status{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;align-self:start;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;background:var(--status-bg, rgba(var(--brand-dark-rgb), .08));color:var(--status-text, var(--accent-strong));text-align:center}.book-card__status--available{--status-bg: #e6f4f1;--status-text: #0f766e}.book-card__status--borrowed{--status-bg: #fcebee;--status-text: #b42318}.book-card__title{font-size:1.05rem;margin:0}.book-card__author{margin:0;color:rgba(var(--ink-rgb),.7);font-weight:600}.book-card__tags{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-start}.book-card__tags.hidden{display:none}.book-card__tag{--theme-pill-bg: rgba(var(--brand-dark-rgb), .12);--theme-pill-text: var(--accent-strong);--theme-pill-border: rgba(var(--brand-dark-rgb), .18);background:var(--theme-pill-bg);color:var(--theme-pill-text);border-radius:999px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1.2;border:1px solid var(--theme-pill-border)}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.history-item{background:rgba(var(--brand-dark-rgb),.05);border-radius:14px;padding:.85rem 1rem;display:grid;gap:.35rem;border:1px solid rgba(var(--brand-dark-rgb),.12)}.history-item__time{font-size:.8rem;color:var(--muted)}.footer{padding:2rem;text-align:center;font-size:.95rem;color:var(--muted)}.password-change-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);background:rgba(var(--brand-dark-rgb, 4, 27, 61),.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.password-change-modal.hidden{display:none!important}.password-change-modal__dialog{width:min(100%,420px);background:var(--panel-background, #fff);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 20px 45px rgba(var(--brand-dark-rgb),.28);display:grid;gap:1rem}.password-change__intro{margin:0;color:var(--muted);font-weight:600}.password-change__form{display:grid;gap:1rem}.password-change__form .form-field{margin:0}.password-change__form input{width:100%}.password-change__message{min-height:1.5rem;margin:0;color:var(--accent-strong)}.password-change__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.stats-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;padding:clamp(1rem,4vw,2rem);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-dark-rgb, 4, 27, 61),.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stats-modal.hidden{display:none!important}.stats-modal__dialog{width:min(100%,640px);background:var(--panel-background, #fff);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 20px 45px rgba(var(--brand-dark-rgb),.25);display:grid;gap:1rem;outline:none}.stats-modal__title{margin:0}.stats-modal__close{justify-self:end}.stats-modal__content{display:grid;gap:1rem}.stats-modal__list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35rem .75rem;margin:0}.stats-modal__list dt{font-weight:700}.stats-modal__list dd{margin:0;color:var(--muted)}.stats-modal__section{padding:1rem;border-radius:var(--radius);background:rgba(var(--brand-dark-rgb),.04);border:1px solid rgba(var(--brand-dark-rgb),.08)}.stats-modal__section h4{margin:0 0 .35rem}.stats-modal__items{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}.stats-modal__status{margin:0;color:var(--muted)}.stats-modal__pills{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.stats-modal__section--reading-list{margin-top:-.5rem}.password-change__actions .btn{flex:1 1 160px}.password-change__actions .btn.btn--ghost{flex:0 1 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.book-detail-open{overflow:hidden}.book-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.book-detail.hidden{display:none!important}.book-detail__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#041b3d8c}.book-detail__dialog{position:relative;background:#fff;color:var(--text, #1c1c1c);max-width:min(720px,95vw);width:100%;max-height:min(90vh,700px);overflow-y:auto;border-radius:calc(var(--radius, 18px) + 6px);padding:clamp(1.5rem,2vw,2rem);box-shadow:0 25px 50px rgba(var(--brand-dark-rgb, 4, 27, 61),.25);z-index:1;display:flex;flex-direction:column;gap:1.25rem}.book-detail__close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.book-detail__close:focus-visible{outline:2px solid var(--focus-border, rgba(var(--accent-rgb, 12, 109, 216), .85));outline-offset:2px}.book-detail__loading{text-align:center;font-weight:600}.book-detail__header{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:stretch}.book-detail__media{width:140px;height:auto;aspect-ratio:2 / 3;border-radius:12px;overflow:hidden;position:relative;background:var(--accent-soft, rgba(var(--accent-rgb, 12, 109, 216), .18));display:grid;place-items:center}.book-detail__cover-fallback{font-size:3rem}.book-detail__cover{width:100%;height:100%;object-fit:contain}.book-detail__summary{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}.book-detail__title{margin:0}.book-detail__status{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;background:var(--status-bg, #e6f4f1);color:var(--status-text, #0f766e)}.book-detail__status--available{--status-bg: #e6f4f1;--status-text: #0f766e}.book-detail__status--borrowed{--status-bg: #fcebee;--status-text: #b42318}.book-detail__author{margin:0;font-weight:600}.book-detail__tags{list-style:none;padding:0;margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.book-detail__tags:empty{display:none}.book-detail__tag{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--theme-pill-bg, var(--accent-soft));border:1px solid var(--theme-pill-border, var(--accent-border, rgba(var(--accent-rgb, 12, 109, 216), .32)));color:var(--theme-pill-text, var(--accent-strong, #041b3d))}.book-detail__description{margin:1rem 0 0;white-space:normal;min-height:3.75rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.book-detail__description--expanded{overflow:visible}.book-detail__description-toggle{margin:.4rem 0 0;border:none;background:transparent;color:var(--accent, #0c6dd8);font-weight:700;padding:0;cursor:pointer}.book-detail__description-toggle:hover{text-decoration:underline}.book-detail__description-toggle:focus-visible{outline:2px solid var(--focus-border, rgba(var(--accent-rgb, 12, 109, 216), .85));outline-offset:3px;border-radius:4px}.book-detail__description-expanded{margin:1rem 0 0;white-space:pre-line}.book-detail__availability{font-weight:700;margin:.5rem 0 0}.book-detail__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:2rem 0 0}.book-detail__meta-item{display:flex;flex-direction:column;gap:.25rem}.book-detail__meta-item--status{margin-top:.5rem}.book-detail__meta-item--status .book-detail__status{margin-top:.25rem}.book-detail__meta-item dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, rgba(12, 109, 216, .65))}.book-detail__meta-item dd{margin:0;font-weight:600}.book-detail__footer{display:flex;flex-direction:column;gap:.75rem}.book-detail__message{margin:0}.book-detail__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.book-detail__import-data{border:1px solid rgba(12,109,216,.2);border-radius:.75rem;padding:.75rem;background:#0c6dd80a}.book-detail__import-data h4{margin:0 0 .5rem;font-size:.95rem}.book-detail__import-list{display:grid;grid-template-columns:max-content 1fr;gap:.3rem .75rem;margin:0}.book-detail__import-list dt{font-weight:700}.book-detail__import-list dd{margin:0}@media (max-width: 640px){.book-detail{padding:1rem}.book-detail__header{grid-template-columns:1fr}.book-detail__media{width:min(45vw,180px);height:auto;aspect-ratio:2 / 3}}@media (max-width: 680px){.hero--staff .hero__actions{flex-direction:column;align-items:flex-start;gap:.75rem}.staff-meta--hero{width:100%;margin-left:0;justify-content:flex-start;text-align:left}}@media (max-width: 960px){.hero--staff .hero__actions{gap:.75rem 1rem}}.admin-cover-crop{display:grid;gap:.55rem;margin-top:.75rem}.admin-cover-crop[hidden]{display:none}.admin-cover-crop__preview{width:min(100%,180px);aspect-ratio:2 / 3;overflow:hidden;background:#e7e7e7;border-radius:9px;border:1px solid rgba(0,0,0,.15)}.admin-cover-crop__preview img{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:grab}.admin-cover-crop__preview img:active{cursor:grabbing}.admin-cover-crop input[type=range]{width:min(100%,260px)}.admin-cover-crop__toggle{display:inline-flex;gap:.5rem;align-items:center}body[data-page=student] .bb-student-school-brand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;gap:6px;color:#fff;font:500 20px/1.1 system-ui,-apple-system,Segoe UI,sans-serif;white-space:nowrap}body[data-page=student] .bb-student-school-emblem,body[data-page=staff] .bb-login-school-emblem{display:block;flex:0 0 40px;width:40px;height:45px;background-image:url(/assets/het-dok-logo-ReciU8uT.svg);background-repeat:no-repeat;background-size:132px 43px;background-position:left center}body[data-page=student] .bb-student-context{display:none}body[data-page=staff] .bb-login-site-brand{display:none;align-items:center;gap:22px;white-space:nowrap}body[data-page=staff] .bb-login-wordmark{display:inline-flex;align-items:center;gap:10px;font:850 19px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-decoration:none}body[data-page=staff] .bb-login-book-symbol{width:39px;height:39px;flex:0 0 39px;border-radius:9px;background:#ffffff20 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20aria-hidden='true'%3e%3cpath%20d='M16%208c-4-2.4-8-2.4-12-1.5v18c4-1.1%208-1.1%2012%201.5%204-2.6%208-2.6%2012-1.5v-18c-4-.9-8-.9-12%201.5ZM16%208v18'/%3e%3c/svg%3e") center/27px no-repeat}body[data-page=staff] .bb-login-school-brand{display:inline-flex;align-items:center;gap:7px;color:#fff;font:500 20px/1.15 system-ui,-apple-system,Segoe UI,sans-serif}body[data-page=staff] .bb-login-back{display:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)){display:flex;flex-direction:column;min-height:100dvh;background:#f1f5fb;color:#172e51;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero.hero--staff{display:flex;align-items:center;flex:0 0 68px;width:100%;height:68px;min-height:68px;gap:0;margin:0;padding:0 30px;border:0;border-radius:0;background:#102f64;box-shadow:0 1px #0b2753;overflow:visible}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero--staff .hero__content,body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero--staff .hero__illustration,body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero--staff .hero__actions{display:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-site-brand{display:inline-flex}body[data-page=staff]:has(#staff-login-panel:not(.hidden))>main{display:flex;flex:1 0 auto;align-items:center;justify-content:center;width:100%;max-width:none;min-width:0;margin:0;padding:clamp(32px,7vh,90px) 20px;background:radial-gradient(ellipse 54% 62% at -10% 110%,#dce8f9 0%,transparent 95%),radial-gradient(ellipse 42% 40% at 106% -10%,#dfeafa 0%,transparent 94%),#f3f7fd}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #staff-login-panel{width:min(100%,650px);max-width:650px;margin:0;padding:clamp(24px,3.4vw,42px);border:1px solid #c8d8f0;border-radius:22px;background:#fff;box-shadow:0 16px 38px #153c6b18}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #staff-login-panel .panel__header{margin:0 0 27px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #staff-login-title{margin:0;color:#142f60;font:850 clamp(25px,2.6vw,35px)/1.16 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em;overflow-wrap:break-word}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form{display:grid;gap:18px;width:100%;max-width:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form .form-field{min-width:0}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form .form-field>label{display:block;color:#27456f;font-size:15px;font-weight:750;margin:0 0 8px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form input[type=text],body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form input[type=password]{width:100%;min-height:48px;padding:10px 14px;border:1px solid #c8d2e0;border-radius:11px;background:#fff;color:#192f51;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form input:not([type=checkbox]):focus-visible{outline:3px solid #80aef2;outline-offset:2px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form button[type=submit]{width:100%;min-height:49px;padding:11px 16px;border:1px solid #102f64;border-radius:10px;background:#102f64;color:#fff;font:800 15px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form button[type=submit]:hover:not(:disabled){background:#1a4583}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-form button[type=submit]:disabled{opacity:.52;cursor:not-allowed}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-message:empty{display:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #login-message{margin:13px 0 0;font-size:13px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-back{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:17px;padding:10px 12px;border-radius:10px;background:#e5effb;color:#183f78;font-size:14px;font-weight:750;text-align:center;text-decoration:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-back:hover{background:#d7e7fa}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .footer{display:block;width:100%;margin:0;padding:15px 20px 24px;color:#657d9d;background:#f3f7fd;text-align:center;font-size:12px}body[data-page=student] #book-grid>.book-card,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card{box-sizing:border-box;border:1px solid #dce4ef;border-radius:13px;background:#fff;box-shadow:0 2px 10px #152d520d;outline:0;overflow:visible;transition:border-color .17s ease,box-shadow .17s ease,transform .17s ease}body[data-page=student] #book-grid>.book-card--easy-reading,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading{border:2px solid #19b99a;outline:0;box-shadow:0 2px 10px #152d520d}body[data-page=student] #book-grid .book-card--easy-reading .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--easy-reading .book-card__cover-wrapper{outline:0!important;outline-offset:0!important;border:0}@media (hover:hover) and (pointer:fine){body[data-page=student] #book-grid>.book-card:hover,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:hover{border-color:#9dbbdc;box-shadow:0 8px 23px #152d5224;transform:translateY(-2px)}body[data-page=student] #book-grid>.book-card--easy-reading:hover,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading:hover{border-color:#109c84;box-shadow:0 8px 23px #14766624}}body[data-page=student] #book-grid>.book-card:focus-within,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:focus-within{box-shadow:0 7px 21px #152d521e}body[data-page=student] #book-grid>.book-card--easy-reading:focus-within,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading:focus-within{border-color:#109c84}body[data-page=student] #book-grid>.book-card:focus-visible,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:focus-visible{outline:3px solid #78a9e7;outline-offset:3px}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__cover-wrapper{transition:none}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card:hover .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card:focus-visible .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card:focus-within:not(:focus-visible) .book-card__cover-wrapper{box-shadow:0 3px 12px #12356222;transform:none}body[data-page=student] #book-grid .book-card--exam-list:before{display:none}body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card{display:flex;flex-direction:column;align-self:stretch;justify-self:stretch;width:100%;max-width:none;min-width:0;min-height:0;margin:0;padding:12px;gap:8px}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__media{width:100%;height:auto;min-width:0;max-width:none;padding:0;margin:0;flex:0 0 auto}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__cover-wrapper{width:100%!important;max-width:none!important;height:auto;min-height:0;aspect-ratio:2/3;margin:0;border-radius:7px;overflow:hidden}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__content{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;min-width:0;padding:0;margin:0;background:transparent}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__title{min-height:0;font-size:14px;line-height:1.3;font-weight:810}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__author{font-size:12px;line-height:1.45;margin:0}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-pages{font-size:11.5px;line-height:1.45;margin:0}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__tags{order:1;display:flex;flex-wrap:wrap;gap:5px;min-height:22px;margin:2px 0 9px}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__tag{padding:4px 7px;border-radius:9px;font-size:10.7px;line-height:1.3;font-weight:720}body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__status{order:2;align-self:flex-start;margin-top:auto;gap:7px;font-size:11.7px;line-height:1.45}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-actions{order:3;display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;margin-top:7px}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-actions button{min-height:38px;padding:7px 8px;border-radius:9px;font-size:12px;font-weight:750}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-view{background:#e7effb;border:1px solid #d3e0ef;color:#184b85}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-edit{padding:7px 8px;background:transparent;border:1px solid transparent;color:#184b85}body[data-page=staff] .bb-catalog-v36 #book-grid .bb-cat-card-edit:hover{background:#eef3fb;border-color:#d8e4f2}@media (max-width:760px){body[data-page=student] .bb-student-school-brand{gap:4px;font-size:16px}body[data-page=student] .bb-student-school-emblem{flex-basis:31px;width:31px;height:36px;background-size:105px 34px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero.hero--staff{height:63px;min-height:63px;flex-basis:63px;padding:0 14px}body[data-page=staff]:has(#staff-login-panel:not(.hidden))>main{padding:25px 13px 40px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) #staff-login-panel{padding:25px 19px;border-radius:15px}body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card{padding:9px;gap:6px}}@media (max-width:470px){body[data-page=student] .bb-student-school-brand{font-size:13px;gap:2px}body[data-page=student] .bb-student-school-emblem{flex-basis:25px;width:25px;height:29px;background-size:83px 27px}body[data-page=staff] .bb-login-site-brand{gap:11px}body[data-page=staff] .bb-login-wordmark{font-size:15px;gap:6px}body[data-page=staff] .bb-login-book-symbol{flex-basis:32px;width:32px;height:32px;background-size:23px}body[data-page=staff] .bb-login-school-brand{gap:4px;font-size:14px}body[data-page=staff] .bb-login-school-emblem{flex-basis:30px;width:30px;height:34px;background-size:99px 33px}}@media (prefers-reduced-motion:reduce){body[data-page=student] #book-grid>.book-card,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card{transition:none;transform:none!important}}@media (forced-colors:active){body[data-page=student] #book-grid>.book-card--easy-reading,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading{border:2px solid Highlight}body[data-page=student] #book-grid>.book-card:focus-visible,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:focus-visible{outline:3px solid Highlight}}body[data-page=student] .bb-student-sitebar,body[data-page=staff].bb-v32-active .hero.hero--staff,body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero.hero--staff{box-sizing:border-box;height:64px!important;min-height:64px!important;padding:0 28px!important;gap:13px!important;background:#102f64!important;box-shadow:0 1px #0b2753!important}body[data-page=student] .bb-student-sitebar{width:100%;display:flex;align-items:center}body[data-page=student] .bb-student-wordmark{display:inline-flex;align-items:center;gap:10px;margin:0;font:800 19px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-.024em;color:#fff;text-decoration:none;white-space:nowrap}body[data-page=student] .bb-student-wordmark-icon,body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before,body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-book-symbol{box-sizing:border-box;display:inline-block;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;border:0;border-radius:9px!important;background:#ffffff19 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20aria-hidden='true'%3e%3cpath%20d='M16%208c-4-2.4-8-2.4-12-1.5v18c4-1.1%208-1.1%2012%201.5%204-2.6%208-2.6%2012-1.5v-18c-4-.9-8-.9-12%201.5ZM16%208v18'/%3e%3c/svg%3e") center / 25px no-repeat!important}body[data-page=student] .bb-student-brand-text{position:relative;top:1px}body[data-page=student] .bb-shared-school-logo{box-sizing:border-box;display:block;flex:0 0 132px;width:132px;height:43px;object-fit:contain;margin:0 0 0 8px}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1{font:800 19px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;letter-spacing:-.024em;gap:10px!important;align-items:center;white-space:nowrap}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:first-line{line-height:1}body[data-page=staff].bb-v32-active .hero--staff .hero__illustration{box-sizing:border-box;flex:0 0 132px!important;width:132px!important;height:43px!important;margin:0 0 0 8px!important;padding:0!important}body[data-page=staff].bb-v32-active .hero--staff .hero__logo{width:132px!important;height:43px!important;max-height:43px!important;object-fit:contain}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-site-brand{gap:21px;align-items:center}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-wordmark{display:inline-flex;gap:10px;align-items:center;font:800 19px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:-.024em}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-school-brand{width:132px;height:43px}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-school-brand .bb-login-school-emblem{display:none}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-school-brand img{width:132px;height:43px;object-fit:contain}body[data-page=student] .bb-shared-primary-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:6px;margin-left:clamp(6px,3vw,44px);min-width:0}body[data-page=student] .bb-student-nav-button,body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar .admin-modern__tab,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar .bb-teacher-v31-nav{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:auto;height:38px!important;min-height:38px!important;padding:0 13px!important;border-radius:9px!important;border:1px solid transparent;background:transparent;color:#f4f8ff;font:700 13px/1 system-ui,-apple-system,Segoe UI,sans-serif;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease}body[data-page=student] .bb-student-nav-button{gap:8px}body[data-page=student] .bb-student-nav-symbol{display:inline-grid;place-items:center;width:17px;font-size:16px;line-height:1;color:inherit}body[data-page=student] .bb-student-nav-symbol svg{display:block;width:17px;height:17px}body[data-page=student] .bb-student-login-person svg{display:block;width:27px;height:27px}body[data-page=student] .bb-student-preview-icon svg{display:block;width:24px;height:24px}body[data-page=student] .bb-student-nav-button.is-active,body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar .admin-modern__tab--active,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar .bb-teacher-v31-nav--active{background:#23599f!important;color:#fff!important;border-color:#2a65aa!important}body[data-page=student] .bb-student-nav-button:hover,body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar .admin-modern__tab:hover,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar .bb-teacher-v31-nav:hover{background:#ffffff24;color:#fff!important}body[data-page=student] .bb-student-nav-button:focus-visible,body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar .admin-modern__tab:focus-visible,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar .bb-teacher-v31-nav:focus-visible{outline:3px solid #a9d0ff;outline-offset:2px}body[data-page=student] .bb-student-account-button,body[data-page=student] .bb-student-staff-link{display:inline-flex;align-items:center;justify-content:center;height:38px;min-height:38px;padding:0 12px;border-radius:9px;border:1px solid #ffffff70;font-size:12px;background:#ffffff13}body[data-page=student] .bb-student-account-button:hover,body[data-page=student] .bb-student-staff-link:hover{background:#ffffff28}body[data-page=staff].bb-v32-active .hero--staff #logout-button{min-height:38px;border-radius:9px;border-color:#ffffff6a}body[data-page=student] .bb-student-layout{display:block!important;width:100%;max-width:none!important;min-height:calc(100dvh - 64px)}body[data-page=student] .bb-student-main{display:block;width:100%;max-width:none;margin:0;padding:27px clamp(16px,2.6vw,44px) 70px}body[data-page=student] .bb-student-content{width:100%;max-width:none;margin:0 auto}body[data-page=student] .bb-student-page-heading{margin-bottom:17px}body[data-page=student] .bb-student-page-heading h1{font-size:clamp(25px,2.5vw,32px)}body[data-page=student] .bb-student-page-heading p{margin:6px 0 0}body[data-page=student] #student-collection{background:#fff;border-radius:14px;padding:18px!important;box-shadow:0 2px 12px #122d5011}body[data-page=student] #student-collection>.panel__header,body[data-page=student] #student-collection .bb-catalog-v36>.bb-catalog-intro{display:none}body[data-page=student] #student-collection .bb-catalog-filter-panel{display:block;padding:13px!important;background:#f8faff;border:1px solid #dbe6f3;border-radius:12px;box-shadow:none;margin:0}body[data-page=student] #student-collection .bb-cat-search-row{display:grid!important;grid-template-columns:minmax(190px,1fr) auto auto auto!important;align-items:center;gap:9px!important;margin:0!important}body[data-page=student] #student-collection .bb-cat-search-field{min-width:0;width:100%;height:44px;border-radius:10px;background:#fff}body[data-page=student] #student-collection .bb-cat-search-field input{width:100%;height:100%;min-height:42px;font-size:13px;border-radius:10px}body[data-page=student] #student-collection .bb-student-filter-button,body[data-page=student] #student-collection .bb-student-choose-button,body[data-page=student] #student-collection .bb-cat-scan-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;height:44px;padding:0 14px;font:750 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;border-radius:10px;white-space:nowrap}body[data-page=student] #student-collection .bb-student-filter-button{border:1px solid #d2e1f3;background:#eaf2fd;color:#194477;cursor:pointer}body[data-page=student] #student-collection .bb-student-filter-button:hover{background:#dceafd}body[data-page=student] #student-collection .bb-student-filter-count:empty{display:none}body[data-page=student] #student-collection .bb-student-filter-count:not(:empty){display:inline;padding:3px 6px;border-radius:7px;font-size:10px;background:#d2e3fa}body[data-page=student] #student-collection .bb-student-choose-button:disabled{border:1px solid #aac9ef;background:linear-gradient(120deg,#dbeafb,#edf5ff);color:#1c518e;box-shadow:0 2px 7px #234d8614;cursor:not-allowed;opacity:1}body[data-page=student] #student-collection .bb-student-choose-button small{padding:3px 5px;border:1px solid #a3bfdf;border-radius:6px;font:700 9px/1 system-ui,-apple-system,Segoe UI,sans-serif;color:#547aa6}body[data-page=student] #student-collection .bb-cat-scan-button{color:#fff;background:#102f64;border:1px solid #102f64;font-size:12px;min-width:112px}body[data-page=student] #student-collection #bb-cat-advanced:not([open]){display:none}body[data-page=student] #student-collection #bb-cat-advanced[open]{display:block;margin:12px 0 0;border-top:1px solid #d7e3f1;padding:12px 0 1px;background:transparent;box-shadow:none}body[data-page=student] #student-collection #bb-cat-advanced>summary[hidden]{display:none!important}body[data-page=student] #student-collection #bb-cat-advanced .bb-cat-advanced-content{display:block;margin:0;padding:0!important;background:transparent;border:0;box-shadow:none}body[data-page=student] #student-collection .bb-student-filter-actions{display:flex;justify-content:flex-end;margin:0 0 9px}body[data-page=student] #student-collection .bb-student-filter-actions .bb-cat-reset{min-height:35px;padding:6px 10px;border:1px solid #d4e2f1;border-radius:8px;background:#fff;color:#24558c;font-size:12px}body[data-page=student] #student-collection .bb-cat-results{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:12px;padding:12px 2px;border-top:0}body[data-page=student] #student-collection .bb-cat-results #summary{margin:0 auto 0 0}body[data-page=student] #student-collection .bb-cat-results .bb-cat-legend{display:inline-flex;gap:13px;align-items:center;flex-wrap:wrap}body[data-page=student] #student-collection .bb-cat-results .bb-cat-sort{margin:0;min-width:160px;display:inline-flex;align-items:center;gap:7px}body[data-page=student] #student-collection .bb-cat-results .bb-cat-sort select{min-height:38px;max-width:180px;font-size:12px}body[data-page=student] #student-collection .bb-student-scan-panel{margin:12px 0 0}body[data-page=student] #student-collection #book-grid>.book-card,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card{background:#fff!important;transition:box-shadow .19s ease,transform .19s ease}body[data-page=student] #student-collection #book-grid .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__cover-wrapper{transition:box-shadow .19s ease,transform .19s ease!important;box-shadow:0 3px 12px #142f562b}body[data-page=student] #student-collection #book-grid>.book-card--easy-reading,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading{border:2px solid #1aa887!important;background:#fff!important}body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card--easy-reading .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--easy-reading .book-card__cover-wrapper{outline:3px solid #19ad8e!important;outline-offset:1px!important;box-shadow:0 4px 14px #147f6730}@media (hover:hover) and (pointer:fine){body[data-page=student] #student-collection #book-grid>.book-card:hover,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:hover{box-shadow:0 11px 25px #17365b33!important;transform:translateY(-2px);border-color:#dce4ef!important}body[data-page=student] #student-collection #book-grid .book-card:hover .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card:hover .book-card__cover-wrapper{box-shadow:0 12px 25px #142f5650!important;transform:translateY(-2px)!important}body[data-page=student] #student-collection #book-grid>.book-card--easy-reading:hover,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading:hover{border-color:#0f9c7c!important;background:#fff!important;box-shadow:0 10px 27px #07896944!important}body[data-page=student] #student-collection #book-grid .book-card--easy-reading:hover .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--easy-reading:hover .book-card__cover-wrapper{outline-color:#0f9c7c!important;box-shadow:0 12px 28px #058c6c66!important}}body[data-page=student] #student-collection #book-grid .book-card--exam-list .book-card__cover-wrapper:after,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--exam-list .book-card__cover-wrapper:after{width:27px!important;height:42px!important;right:11px!important;top:0!important;background:#d79b36!important;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%)!important;filter:drop-shadow(0 3px 3px #4229064d);z-index:4}body[data-page=student] #student-collection .bb-cat-legend .bb-cat-exam-key,body[data-page=staff] .bb-cat-legend .bb-cat-exam-key{width:17px!important;height:24px!important;background:#d79b36}body[data-page=student] #student-collection .bb-cat-legend .bb-cat-easy-key,body[data-page=staff] .bb-cat-legend .bb-cat-easy-key{width:14px;height:14px;border-color:#19ad8e}body[data-page=student] #student-login-panel.bb-student-login-card{box-sizing:border-box;max-width:1140px;width:100%;padding:0!important;overflow:hidden;border:1px solid #d0dff1;border-radius:21px;background:linear-gradient(117deg,#fff 46%,#f0f6ff);box-shadow:0 10px 30px #14356520}body[data-page=student] .bb-student-login-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr);min-height:310px}body[data-page=student] .bb-student-login-primary{padding:clamp(21px,3vw,40px);min-width:0}body[data-page=student] .bb-student-login-title-row{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}body[data-page=student] .bb-student-login-title-row .panel__header{display:block;margin:0}body[data-page=student] .bb-student-login-title-row #student-login-title{font:830 clamp(21px,2vw,29px)/1.22 system-ui,-apple-system,"Segoe UI",sans-serif;color:#173769;letter-spacing:-.025em}body[data-page=student] .bb-student-login-title-row .panel__subtitle{margin-top:6px;font-size:14px}body[data-page=student] .bb-student-login-person{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#e2eefc;border-radius:13px;color:#205b9f;font-size:27px}body[data-page=student] #student-login-panel .login-form{max-width:none;width:100%;display:grid;gap:14px}body[data-page=student] #student-login-panel .login-form input[type=text],body[data-page=student] #student-login-panel .login-form input[type=password]{box-sizing:border-box;width:100%;min-height:47px;border:1px solid #cbd7e5;border-radius:10px;background:#fff;padding:11px 14px}body[data-page=student] #student-login-panel .login-form button[type=submit]{box-sizing:border-box;width:100%;min-height:47px;border-radius:10px;background:#102f64;border:1px solid #102f64;color:#fff;font-weight:800}body[data-page=student] #student-login-panel .login-form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}body[data-page=student] .bb-student-login-art{display:grid;place-items:center;background:radial-gradient(circle at 80% 80%,#c7ddf9 5%,#eaf3ff 60%,transparent 80%);padding:12px}body[data-page=student] .bb-student-login-art svg{display:block;width:100%;max-width:320px;height:auto}body[data-page=student] .bb-student-login-preview{max-width:1140px;margin:24px 0 0}body[data-page=student] .bb-student-login-preview h2{font:800 20px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;color:#163660;margin:0 0 5px}body[data-page=student] .bb-student-login-preview>p{font-size:13px;color:#627c99;margin:0 0 16px}body[data-page=student] .bb-student-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}body[data-page=student] .bb-student-preview-item{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #dbe6f4;border-radius:13px;background:#fff;color:#20446e;box-shadow:0 3px 13px #153b6710;min-width:0}body[data-page=student] .bb-student-preview-icon{flex:0 0 43px;display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e7f0fd;color:#1c5e9d;font-size:22px}body[data-page=student] .bb-student-preview-item div{flex:1;min-width:0}body[data-page=student] .bb-student-preview-item strong{display:block;font-size:14px}body[data-page=student] .bb-student-preview-item small{display:block;font-size:12px;color:#66809d;margin-top:4px;line-height:1.4}body[data-page=student] .bb-student-preview-item>span:last-child{font-size:20px;color:#809bb8}@media (max-width:1270px){body[data-page=student] #student-collection .bb-cat-search-row{grid-template-columns:minmax(170px,1fr) auto auto!important}body[data-page=student] #student-collection .bb-cat-scan-button{grid-column:3}}@media (max-width:1040px){body[data-page=student] .bb-student-sitebar{flex-wrap:wrap;height:auto!important;min-height:64px;row-gap:0!important;padding-top:8px!important;padding-bottom:8px!important}body[data-page=student] .bb-shared-primary-nav{order:7;flex:0 0 100%;height:42px;margin:6px 0 0}body[data-page=student] .bb-student-account-status{display:none}body[data-page=student] .bb-student-sitebar-spacer{flex:1 1 auto}}@media (max-width:800px){body[data-page=student] #student-collection .bb-cat-search-row{grid-template-columns:minmax(150px,1fr) auto!important}body[data-page=student] #student-collection .bb-student-choose-button{grid-column:1;justify-self:start}body[data-page=student] #student-collection .bb-cat-scan-button{grid-column:2;justify-self:end}body[data-page=student] .bb-student-login-layout{grid-template-columns:1fr minmax(180px,.5fr)}body[data-page=student] .bb-student-login-art svg{max-width:215px}}@media (max-width:650px){body[data-page=student] .bb-student-sitebar{min-height:64px;padding:8px 13px!important;gap:8px!important}body[data-page=student] .bb-student-wordmark{font-size:16px;gap:7px}body[data-page=student] .bb-shared-school-logo{flex-basis:100px;width:100px;height:33px;margin:0}body[data-page=student] .bb-student-brand-text{top:0}body[data-page=student] .bb-student-account-button{padding:0 9px}body[data-page=student] .bb-student-staff-link{display:none}body[data-page=student] .bb-student-main{padding:17px 11px 50px!important}body[data-page=student] #student-collection{padding:12px!important}body[data-page=student] #student-collection .bb-cat-search-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}body[data-page=student] #student-collection .bb-cat-search-field{grid-column:1/-1}body[data-page=student] #student-collection .bb-student-filter-button{grid-column:1}body[data-page=student] #student-collection .bb-student-choose-button{grid-column:2}body[data-page=student] #student-collection .bb-cat-scan-button{grid-column:1/-1;justify-self:stretch}body[data-page=student] #student-collection .bb-cat-results{gap:11px}body[data-page=student] #student-collection .bb-cat-results #summary{width:100%}body[data-page=student] #student-collection .bb-cat-results .bb-cat-sort{margin-left:0}body[data-page=student] .bb-student-login-layout{display:block}body[data-page=student] .bb-student-login-art{display:none}body[data-page=student] .bb-student-preview-grid{grid-template-columns:1fr}body[data-page=student] .bb-student-login-primary{padding:22px 17px}body[data-page=student] .bb-student-login-title-row{gap:10px}body[data-page=student] .bb-student-login-person{flex-basis:37px;width:37px;height:37px;font-size:21px}body[data-page=student] #student-collection #book-grid .book-card--exam-list .book-card__cover-wrapper:after,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--exam-list .book-card__cover-wrapper:after{width:23px!important;height:36px!important}}@media (prefers-reduced-motion:reduce){body[data-page=student] #student-collection #book-grid>.book-card,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card,body[data-page=student] #student-collection #book-grid .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card__cover-wrapper{transition:none;transform:none!important}}@media (forced-colors:active){body[data-page=student] #student-collection #book-grid>.book-card--easy-reading,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card--easy-reading{border:2px solid Highlight!important}body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card--easy-reading .book-card__cover-wrapper,body[data-page=staff] .bb-catalog-v36 #book-grid .book-card--easy-reading .book-card__cover-wrapper{outline:3px solid Highlight!important}body[data-page=student] #student-collection #book-grid>.book-card:focus-visible,body[data-page=staff] .bb-catalog-v36 #book-grid>.book-card:focus-visible{outline:3px solid Highlight!important}}@media (max-width:760px){body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar.bb-v32-top-nav .admin-modern__tab,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar.bb-v32-top-nav .bb-teacher-v31-nav{box-sizing:border-box;width:100%;min-height:44px!important;height:auto!important;padding:10px 13px!important;justify-content:flex-start;white-space:normal;text-align:left}body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar.bb-v32-top-nav .admin-modern__tab:not(.admin-modern__tab--active),body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar.bb-v32-top-nav .bb-teacher-v31-nav:not(.bb-teacher-v31-nav--active){color:#263e62!important;background:transparent!important}body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar.bb-v32-top-nav .admin-modern__tab:not(.admin-modern__tab--active):hover,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar.bb-v32-top-nav .bb-teacher-v31-nav:not(.bb-teacher-v31-nav--active):hover{color:#174477!important;background:#eaf1fb!important}body.bb-admin-v31.bb-v32-active #bb-admin-v31-sidebar.bb-v32-top-nav .admin-modern__tab--active,body.bb-teacher-v31.bb-v32-active #bb-teacher-v31-sidebar.bb-v32-top-nav .bb-teacher-v31-nav--active{background:#23599f!important;color:#fff!important}body[data-page=staff].bb-v32-active .hero.hero--staff{height:64px!important;min-height:64px!important;padding:0 12px!important;gap:7px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__content{min-width:0}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1{font-size:15px!important;gap:7px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before{flex-basis:29px!important;width:29px!important;height:29px!important;background-size:21px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__illustration{flex:0 1 98px!important;width:98px!important;min-width:58px;height:34px!important;margin:0 0 0 2px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__logo{display:block;width:100%!important;height:100%!important;max-height:100%!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero.hero--staff{padding:0 12px!important}}@media (max-width:480px){body[data-page=staff].bb-v32-active .hero.hero--staff{padding:0 8px!important;gap:5px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1{font-size:13px!important;gap:6px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before{flex-basis:26px!important;width:26px!important;height:26px!important;background-size:19px!important}body[data-page=staff].bb-v32-active .hero--staff .hero__illustration{flex:0 1 72px!important;width:72px!important;min-width:0;height:27px!important;margin-left:0!important}body[data-page=staff].bb-v32-active .hero--staff #logout-button{min-height:34px!important;padding:6px 8px!important;font-size:11px!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .hero.hero--staff{padding:0 10px!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-site-brand{gap:11px!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-wordmark{font-size:15px!important;gap:7px!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-book-symbol{width:30px!important;height:30px!important;flex-basis:30px!important;background-size:21px!important}body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-school-brand,body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-school-brand img{width:98px!important;height:34px!important;flex:0 0 98px!important}}body[data-page=student] #student-login-panel.bb-student-login-card{overflow:visible}body[data-page=student] #student-login-panel .bb-student-login-primary{position:relative;z-index:2}body[data-page=student] .bb-student-login-art{overflow:hidden;border-radius:0 20px 20px 0}body[data-page=student] #student-library-title.visually-hidden,body[data-page=student] #student-profile-title.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body[data-page=student] .bb-student-main{padding-top:12px!important}body[data-page=student] #student-library-view>#student-action-message:empty{display:none!important}body[data-page=student] #student-collection{box-sizing:border-box;width:100%;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page=student] #student-collection>.bb-catalog-v36{width:100%;margin:0;padding:0;min-width:0}body[data-page=student] #student-collection .bb-student-discovery-layout{box-sizing:border-box;padding:13px!important;margin:0 0 13px!important;background:#fff!important;border:1px solid #d7e3f2!important;border-radius:15px!important;box-shadow:0 2px 12px #19375b10!important}body[data-page=student] #student-collection .bb-student-discovery-layout>.bb-student-compact-filters{display:block!important;box-sizing:border-box;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page=student] #student-collection .bb-student-discovery-layout>#student-scan-open{margin:0!important;align-self:start!important}body[data-page=student] #student-collection .bb-catalog-v36 #book-grid{box-sizing:border-box;width:100%;min-width:0;margin:0!important;padding:14px!important;border:1px solid #d7e3f2;border-radius:15px;background:#fff;box-shadow:0 2px 12px #19375b0c}body[data-page=student] #student-collection .bb-student-scan-panel{margin:0 0 13px!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced[open]{display:flex!important;flex-direction:column!important;gap:0!important;margin:11px 0 0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #e1e9f3!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced>summary[hidden]{display:none!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-student-filter-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:0!important;margin:0 0 7px!important;padding:0!important;border:0!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-advanced-content{display:block!important;box-sizing:border-box;margin:0!important;padding:0!important;border:0!important;min-height:0!important;background:transparent!important;box-shadow:none!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-themes{box-sizing:border-box;margin:0!important;padding:2px 2px 16px!important;min-height:0!important;border:0!important;border-bottom:1px solid #e1e9f3!important;background:transparent!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-themes h5{display:flex!important;align-items:baseline!important;flex-wrap:wrap;gap:4px 8px;position:static!important;margin:0 0 11px!important;padding:0!important;border:0!important;line-height:1.4!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-themes h5 span{position:static!important;margin:0!important;font-weight:500;line-height:1.4!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced #theme-filter-pills{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-other-filters{display:grid!important;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:15px 19px!important;align-items:start!important;box-sizing:border-box;margin:0!important;padding:17px 2px 5px!important;border:0!important;min-height:0!important;background:transparent!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-pages,body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-field{min-width:0!important;margin:0!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-pages legend,body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-field{padding:0!important;line-height:1.4!important}body[data-page=student] #student-collection .bb-student-discovery-layout .bb-student-sort-row{padding:12px 0 0!important;margin:6px 0 0!important;border-top:1px solid #e1e9f3}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced:not([open])+.bb-student-sort-row{display:none!important}body[data-page=student] #student-profile-view{box-sizing:border-box;width:100%;max-width:920px;margin:0 auto;padding:clamp(12px,3vh,32px) 0 32px}body[data-page=student] #student-login-panel.bb-student-login-card{box-sizing:border-box;width:100%;max-width:670px!important;min-width:0;margin:0 auto!important;padding:0!important;overflow:visible!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important}body[data-page=student] #student-login-panel .bb-student-login-layout{display:block!important;min-height:0!important;width:100%}body[data-page=student] #student-login-panel .bb-student-login-primary{box-sizing:border-box;width:100%;max-width:590px;margin:0 auto;padding:28px clamp(18px,3vw,36px) 30px!important}body[data-page=student] #student-login-panel .bb-student-login-title-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 0 24px!important;text-align:center!important}body[data-page=student] #student-login-panel .bb-student-login-title-row .panel__header{display:block!important;margin:0!important;text-align:center!important}body[data-page=student] #student-login-panel #student-login-title{font-size:clamp(21px,2.5vw,27px);text-align:center!important}body[data-page=student] #student-login-panel .bb-student-login-art{display:none!important}body[data-page=student] #student-login-preview.bb-student-login-preview{box-sizing:border-box;width:100%;max-width:850px!important;margin:17px auto 0!important;padding:0!important;text-align:center}body[data-page=student] #student-login-preview .bb-student-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}body[data-page=student] #student-login-preview .bb-student-preview-item{min-width:0;justify-content:center;padding:15px 12px;text-align:left}body[data-page=student] #student-login-preview .bb-student-preview-item>span:last-child{display:none!important}body[data-page=student] #student-login-preview .bb-student-preview-item strong{line-height:1.3}body[data-page=student] #student-activity .panel__header{margin-bottom:10px!important}body.bb-teacher-v31 .bb-teacher-v31-view-heading>.bb-teacher-v31-hint,body.bb-teacher-v31 .bb-teacher-v31-view-heading>.bb-teacher-v31-eyebrow,body.bb-admin-v31 .bb-admin-v31-heading .bb-admin-v31-eyebrow,body.bb-admin-v31 .bb-admin-v31-heading>div>p:not(.bb-admin-v31-eyebrow),body.bb-teacher-v31 .student-management__header .panel__subtitle,body.bb-teacher-v31 .bb-v32-teacher-search>.bb-teacher-v31-hint,body.bb-teacher-v31 .bb-v32-loan-summary>.bb-teacher-v31-hint,body.bb-admin-v31 .bb-admin-v31-card--stats>p,body.bb-admin-v31 .admin-card__intro>p.hint,body[data-page=staff] .hero--staff .hero__content>p,body[data-page=staff] .teacher-overview__header .bb-catalog-intro,body[data-page=staff] .bb-cat-panel-heading>p,body[data-page=staff] .panel__header>.panel__subtitle,body[data-page=staff] .panel__header>div>.panel__subtitle{display:none!important}@media (max-width:900px){body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-other-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-pages,body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-feature-filters{grid-column:1/-1!important}}@media (max-width:600px){body[data-page=student] .bb-student-main{padding-top:9px!important}body[data-page=student] #student-collection .bb-student-discovery-layout{padding:10px!important}body[data-page=student] #student-collection .bb-catalog-v36 #book-grid{padding:9px!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-other-filters{grid-template-columns:1fr!important}body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-pages,body[data-page=student] #student-collection .bb-student-discovery-layout #bb-cat-advanced .bb-cat-feature-filters{grid-column:auto!important}body[data-page=student] #student-profile-view{padding:10px 0 24px}body[data-page=student] #student-login-preview .bb-student-preview-grid{grid-template-columns:1fr}body[data-page=student] #student-login-preview .bb-student-preview-item{justify-content:flex-start}body[data-page=student] #student-login-panel .bb-student-login-title-row{gap:8px!important}}@media (prefers-reduced-motion:reduce){body[data-page=student] #student-login-panel,body[data-page=student] #student-collection .bb-student-discovery-layout{transition:none!important}}body[data-page=student] #student-profile-view:not([hidden]):has(>#student-login-panel:not(.hidden)),body[data-page=student] #student-profile-view:not([hidden]):has(>#student-staff-session:not(.hidden)){box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%;max-width:none!important;min-height:calc(100dvh - 129px);margin:0 auto!important;padding:26px 16px!important}body[data-page=student] #student-profile-view #student-login-panel,body[data-page=student] #student-profile-view #student-staff-session{flex:0 0 auto}body[data-page=student] #student-profile-view #student-login-preview{flex:0 0 auto;max-width:920px!important}body[data-page=student] #student-login-preview .bb-student-preview-icon--exam{color:#9d6a15;background:#fff2d8}body[data-page=student] #student-login-preview .bb-student-preview-icon--exam svg{width:21px;height:25px}@media (max-height:590px){body[data-page=student] #student-profile-view:not([hidden]):has(>#student-login-panel:not(.hidden)),body[data-page=student] #student-profile-view:not([hidden]):has(>#student-staff-session:not(.hidden)){min-height:0;justify-content:flex-start!important}}body[data-page=staff] .teacher-layout__overview{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border:0!important;min-width:0}body[data-page=staff] #staff-catalog-title.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}body[data-page=staff] #staff-book-overview-content{box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}body[data-page=staff] #staff-book-overview-content .bb-catalog-v36{box-sizing:border-box;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important}body[data-page=staff] #staff-book-overview-content .bb-staff-discovery-layout{box-sizing:border-box;width:100%;min-width:0;padding:13px!important;margin:0 0 13px!important;border:1px solid #d7e3f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 12px #19375b10!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters{box-sizing:border-box;display:block!important;width:100%;min-width:0;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-search-row{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(200px,1fr) auto!important;gap:9px!important;align-items:center!important;padding:0!important;margin:0!important;width:100%!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-search-field{display:flex!important;align-items:center;box-sizing:border-box;width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;margin:0!important;background:#fff!important;border:1px solid #cfdef0!important;border-radius:24px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-search-field input{width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:0 11px!important;margin:0!important;border:0!important;border-radius:22px!important;background:transparent!important;font-size:14px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-button{box-sizing:border-box;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;padding:0 12px!important;margin:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#23476f!important;font:750 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif!important;white-space:nowrap;cursor:pointer}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-button:hover{background:#edf4fc!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-button:focus-visible{outline:3px solid #76a8ee!important;outline-offset:2px}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-count:empty{display:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-count:not(:empty){display:inline-flex;padding:3px 6px;border-radius:7px;background:#d2e3fa;font-size:10px}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-results{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:7px 16px!important;width:100%!important;min-height:0!important;margin:12px 0 0!important;padding:0!important;background:transparent!important;border:0!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-results #summary{margin:0!important;padding:0!important;width:auto!important;max-width:100%;color:#647b98!important;font-size:12px!important;line-height:1.4!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-results .bb-cat-legend{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;margin:0!important;padding:0!important;color:#536b89!important;font-size:12px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters #bb-cat-advanced:not([open]){display:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters #bb-cat-advanced[open]{box-sizing:border-box;display:flex!important;flex-direction:column!important;position:relative!important;margin:11px 0 0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #e1e9f3!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters #bb-cat-advanced>summary[hidden]{display:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:0!important;margin:0 0 8px!important;padding:0!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-actions .bb-cat-reset{box-sizing:border-box;min-height:34px!important;padding:6px 10px!important;background:#fff!important;border:1px solid #d4e2f1!important;border-radius:9px!important;font-size:12px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-advanced-content{box-sizing:border-box;display:block!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-themes{box-sizing:border-box;margin:0!important;padding:2px 2px 14px!important;border:0!important;border-bottom:1px solid #e1e9f3!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-themes h5{margin:0 0 9px!important;padding:0!important;font-size:14px!important;line-height:1.4!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-themes h5 span{display:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters #theme-filter-pills{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-theme-linebreak{display:none!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-more{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:auto!important;margin:0!important;padding:6px 11px!important;min-height:34px!important;border-radius:11px!important;white-space:normal!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:15px 19px!important;align-items:start!important;margin:0!important;padding:17px 2px 5px!important;border:0!important;background:transparent!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters fieldset{min-width:0!important;margin:0!important;padding:0!important;border:0!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-sort-row{display:none!important;align-items:center!important;justify-content:flex-end!important;box-sizing:border-box;padding:12px 0 0!important;margin:6px 0 0!important;border-top:1px solid #e1e9f3}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters #bb-cat-advanced[open]+.bb-staff-sort-row{display:flex!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-sort-row .bb-cat-sort{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;width:auto!important;margin:0!important;font-size:12px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-sort-row select{max-width:240px;min-height:38px!important;border:1px solid #ceddf0;border-radius:8px;background:#fff;color:#173b67}body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;padding:14px!important;margin:0!important;border:1px solid #d7e3f2;border-radius:15px;background:#fff!important;box-shadow:0 2px 12px #19375b0c}@media (max-width:800px){body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters .bb-cat-pages,body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters .bb-cat-feature-filters{grid-column:1/-1!important}}@media (max-width:600px){body[data-page=staff] #staff-book-overview-content .bb-staff-discovery-layout{padding:10px!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-search-row{grid-template-columns:minmax(0,1fr)!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-staff-filter-button{justify-self:start}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-results .bb-cat-legend{justify-content:flex-start!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters{grid-template-columns:1fr!important}body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters .bb-cat-pages,body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-other-filters .bb-cat-feature-filters{grid-column:auto!important}body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{padding:9px!important}}body[data-page=staff] #bb-teacher-v31-tasks-summary .bb-teacher-v31-task-state{margin:4px 0!important;padding:12px 14px;border:1px solid #dbe4ef;border-radius:10px;background:#f5f8fc;color:#365776;font-size:14px;line-height:1.4}body[data-page=staff] #bb-teacher-v31-tasks-summary .bb-teacher-v31-open-task-list{display:grid;gap:8px}body[data-page=staff] #bb-teacher-v31-tasks-summary .bb-teacher-v31-open-task-list>.bb-teacher-v31-row{width:100%}@media (prefers-reduced-motion:reduce){body[data-page=staff] #staff-book-overview-content .bb-staff-filter-button{transition:none!important}}@layer boekenbaai-typografie{html body,html body *{font-family:Nunito,system-ui,sans-serif!important}html body[data-page=student] .bb-student-brand-text,html body[data-page=staff] .bb-login-wordmark>span:last-child,html body[data-page=staff].bb-v32-active .hero--staff .hero__content h1{font-family:Fredoka,Nunito,system-ui,sans-serif!important;font-weight:600!important;letter-spacing:0!important}html body{font-size:14px!important;line-height:1.45!important}html body :is(button,input,select,textarea){font-family:Nunito,system-ui,sans-serif!important}html body :is(.bb-student-page-heading h1,.bb-teacher-v31-view-heading h2,.bb-admin-v31-heading h2,.bb-v32-teacher-dashboard .bb-teacher-v31-view-heading h2){font-size:28px!important;line-height:1.2!important}html body :is(.panel__header h2,.bb-teacher-v31-card-heading h3,.bb-v32-teacher-lower h3,.bb-admin-v31-card h3){font-size:20px!important;line-height:1.25!important}html body :is(.bb-cat-search-field input,.bb-student-compact-filters input[type=search]){font-size:14px!important}html body :is(.bb-shared-primary-nav,.bb-shared-sitebar .bb-student-nav-button,.bb-staff-filter-button,.bb-student-filter-button){font-size:13px!important}html body :is(.bb-v32-book-preview strong,.bb-v32-teacher-dashboard .bb-teacher-v31-card p){font-size:13px!important}}html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark-icon,html body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff].bb-admin-v31.bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff].bb-teacher-v31.bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-book-symbol{background:#ffffff19 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201102%201182'%20role='img'%20aria-label='Boekenbaai'%3e%3cpath%20fill='%23F5F9FF'%20fill-rule='evenodd'%20d='M17%20655%20L17%20704%20L62%20705%20L64%20708%20L68%20754%20L81%20814%20L98%20863%20L120%20910%20L135%20936%20L168%20983%20L221%201040%20L281%201087%20L325%201113%20L373%201135%20L418%201150%20L455%201159%20L503%201166%20L534%201168%20L587%201167%20L622%201163%20L668%201154%20L709%201142%20L747%201127%20L784%201109%20L832%201079%20L869%201050%20L898%201023%20L938%20977%20L967%20935%20L993%20887%20L1014%20834%20L1025%20796%20L1033%20756%20L1038%20706%20L1083%20705%20L1085%20702%20L1085%20657%20L1083%20654%20L939%20655%20L938%20703%20L940%20705%20L983%20706%20L981%20737%20L976%20767%20L957%20833%20L930%20891%20L903%20933%20L875%20968%20L848%20996%20L810%201028%20L769%201055%20L719%201080%20L668%201098%20L623%201108%20L582%201113%20L519%201113%20L473%201107%20L433%201098%20L392%201084%20L345%201062%20L307%201039%20L267%201008%20L233%20975%20L202%20938%20L172%20892%20L146%20837%20L130%20787%20L120%20735%20L118%20713%20L120%20705%20L163%20704%20L163%20655%20Z%20M471%2047%20L455%2066%20L440%2096%20L435%20124%20L438%20159%20L443%20174%20L454%20195%20L473%20217%20L492%20231%20L508%20239%20L523%20243%20L526%20246%20L526%20279%20L524%20282%20L377%20283%20L377%20332%20L724%20332%20L725%20288%20L722%20282%20L578%20282%20L576%20280%20L576%20245%20L608%20232%20L626%20219%20L645%20199%20L654%20184%20L662%20164%20L666%20143%20L664%20106%20L655%2081%20L637%2054%20L622%2040%20L605%2029%20L583%2020%20L562%2016%20L538%2016%20L512%2022%20L491%2032%20Z%20M537%2071%20L564%2071%20L583%2079%20L599%2093%20L607%20106%20L611%20118%20L611%20145%20L603%20164%20L588%20180%20L566%20191%20L540%20192%20L519%20184%20L502%20169%20L490%20143%20L490%20120%20L499%2098%20L517%2080%20Z'/%3e%3cpath%20fill='%23FEBE04'%20fill-rule='evenodd'%20d='M256%20624%20L256%20676%20L315%20659%20L356%20653%20L392%20651%20L446%20655%20L491%20665%20L524%20679%20L550%20700%20L571%20683%20L594%20671%20L633%20659%20L670%20653%20L711%20651%20L754%20654%20L799%20662%20L842%20676%20L844%20675%20L843%20625%20L791%20612%20L750%20607%20L695%20607%20L636%20618%20L615%20625%20L583%20641%20L568%20652%20L552%20668%20L523%20644%20L496%20629%20L466%20618%20L426%20609%20L381%20605%20L341%20606%20L300%20612%20Z%20M841%20585%20L829%20531%20L774%20529%20L720%20537%20L668%20554%20L627%20576%20L591%20603%20L573%20621%20L553%20647%20L552%20645%20L560%20626%20L580%20596%20L610%20565%20L643%20541%20L671%20526%20L708%20512%20L749%20503%20L787%20501%20L769%20445%20L735%20449%20L687%20465%20L659%20480%20L635%20497%20L601%20530%20L576%20565%20L553%20616%20L552%20605%20L560%20562%20L569%20533%20L588%20492%20L607%20463%20L623%20444%20L643%20425%20L666%20408%20L604%20391%20L591%20401%20L568%20431%20L551%20464%20L539%20508%20L536%20536%20L538%20573%20L541%20581%20L540%20590%20L537%20588%20L528%20567%20L518%20551%20L485%20511%20L447%20481%20L405%20460%20L374%20450%20L333%20445%20L314%20500%20L356%20503%20L396%20512%20L424%20522%20L459%20540%20L491%20563%20L516%20588%20L535%20613%20L546%20634%20L548%20645%20L530%20622%20L510%20602%20L471%20573%20L415%20546%20L370%20534%20L332%20529%20L274%20531%20L261%20582%20L261%20587%20L320%20578%20L370%20578%20L425%20586%20L462%20597%20L501%20615%20L522%20629%20L550%20654%20L579%20630%20L606%20613%20L644%20596%20L679%20586%20L732%20578%20L782%20578%20L810%20581%20L836%20587%20Z'/%3e%3cpath%20fill='%2300B4F1'%20fill-rule='evenodd'%20d='M414%20952%20L416%20956%20L439%20951%20L458%20939%20L461%20939%20L475%20949%20L497%20956%20L522%20954%20L535%20949%20L549%20939%20L553%20939%20L571%20951%20L589%20956%20L614%20954%20L630%20947%20L640%20939%20L644%20939%20L662%20951%20L674%20955%20L687%20955%20L687%20916%20L672%20909%20L666%20902%20L662%20891%20L623%20891%20L618%20902%20L611%20910%20L598%20915%20L583%20911%20L575%20903%20L571%20891%20L530%20891%20L524%20906%20L517%20912%20L507%20915%20L492%20911%20L484%20903%20L480%20891%20L439%20891%20L435%20903%20L427%20911%20L415%20915%20Z%20M332%20807%20L333%20854%20L350%20853%20L367%20848%20L390%20835%20L403%20823%20L424%20839%20L441%20848%20L466%20854%20L488%20854%20L510%20849%20L527%20841%20L549%20823%20L573%20841%20L587%20848%20L611%20854%20L634%20854%20L661%20847%20L677%20838%20L694%20823%20L697%20823%20L711%20836%20L730%20847%20L750%20853%20L767%20854%20L767%20805%20L754%20803%20L736%20792%20L725%20777%20L721%20759%20L670%20759%20L667%20774%20L658%20789%20L646%20799%20L625%20805%20L609%20803%20L595%20796%20L582%20782%20L577%20771%20L575%20759%20L524%20759%20L521%20775%20L514%20787%20L500%20799%20L479%20805%20L467%20804%20L448%20795%20L437%20783%20L431%20770%20L430%20759%20L379%20759%20L375%20776%20L369%20786%20L354%20799%20L345%20803%20L335%20804%20Z'/%3e%3c/svg%3e") center / 30px 32px no-repeat!important;border-radius:9px!important}html body[data-page=staff] .hero--staff .hero__illustration,html body[data-page=staff] .bb-login-school-brand{display:none!important}@media (max-width:760px){html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark-icon,html body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-book-symbol{background-size:23px 25px!important}}html body[data-page=staff] #staff-login-panel .bb-staff-login-title-row{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 22px}html body[data-page=staff] #staff-login-panel .bb-staff-login-title-row .panel__header{display:block;margin:0;padding:0}html body[data-page=staff] #staff-login-panel .bb-staff-login-title-row h2{margin:0!important;font-size:clamp(20px,2.1vw,26px)!important;line-height:1.22!important}html body[data-page=staff] #staff-login-panel .bb-staff-login-person{box-sizing:border-box;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:#e2eefc;color:#205b9f}html body[data-page=staff] #staff-login-panel .bb-staff-login-person svg{display:block;width:27px;height:27px}@media (max-width:540px){html body[data-page=staff] #staff-login-panel .bb-staff-login-title-row{gap:9px}html body[data-page=staff] #staff-login-panel .bb-staff-login-person{width:38px;height:38px;flex-basis:38px}html body[data-page=staff] #staff-login-panel .bb-staff-login-person svg{width:23px;height:23px}}html body[data-page=student] .bb-site-footer,html body[data-page=staff] .bb-site-footer{box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:none;margin:0;padding:17px 20px 22px!important;background:#eef3fa;color:#60748e;border-top:1px solid #dce5f1;text-align:center;font-size:12px!important;line-height:1.4}html body .bb-site-footer__brands{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 28px}html body .bb-site-footer__brand{display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}html body .bb-site-footer__brand img{display:block;object-fit:contain;flex:none}html body .bb-site-footer__dok{width:94px;height:31px}html body .bb-site-footer__koraal{width:105px;height:27px;border-radius:3px}html body .bb-site-footer__privacy{margin:0!important;color:#697c95;font-size:12px!important}@media (max-width:540px){html body .bb-site-footer__brands{flex-direction:column;gap:9px}html body[data-page=student] .bb-site-footer,html body[data-page=staff] .bb-site-footer{padding:17px 14px 22px!important}}html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark-icon,html body[data-page=staff].bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff].bb-admin-v31.bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff].bb-teacher-v31.bb-v32-active .hero--staff .hero__content h1:before,html body[data-page=staff]:has(#staff-login-panel:not(.hidden)) .bb-login-book-symbol{background:transparent url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201102%201182'%20role='img'%20aria-label='Boekenbaai'%3e%3cpath%20fill='%23F5F9FF'%20fill-rule='evenodd'%20d='M17%20655%20L17%20704%20L62%20705%20L64%20708%20L68%20754%20L81%20814%20L98%20863%20L120%20910%20L135%20936%20L168%20983%20L221%201040%20L281%201087%20L325%201113%20L373%201135%20L418%201150%20L455%201159%20L503%201166%20L534%201168%20L587%201167%20L622%201163%20L668%201154%20L709%201142%20L747%201127%20L784%201109%20L832%201079%20L869%201050%20L898%201023%20L938%20977%20L967%20935%20L993%20887%20L1014%20834%20L1025%20796%20L1033%20756%20L1038%20706%20L1083%20705%20L1085%20702%20L1085%20657%20L1083%20654%20L939%20655%20L938%20703%20L940%20705%20L983%20706%20L981%20737%20L976%20767%20L957%20833%20L930%20891%20L903%20933%20L875%20968%20L848%20996%20L810%201028%20L769%201055%20L719%201080%20L668%201098%20L623%201108%20L582%201113%20L519%201113%20L473%201107%20L433%201098%20L392%201084%20L345%201062%20L307%201039%20L267%201008%20L233%20975%20L202%20938%20L172%20892%20L146%20837%20L130%20787%20L120%20735%20L118%20713%20L120%20705%20L163%20704%20L163%20655%20Z%20M471%2047%20L455%2066%20L440%2096%20L435%20124%20L438%20159%20L443%20174%20L454%20195%20L473%20217%20L492%20231%20L508%20239%20L523%20243%20L526%20246%20L526%20279%20L524%20282%20L377%20283%20L377%20332%20L724%20332%20L725%20288%20L722%20282%20L578%20282%20L576%20280%20L576%20245%20L608%20232%20L626%20219%20L645%20199%20L654%20184%20L662%20164%20L666%20143%20L664%20106%20L655%2081%20L637%2054%20L622%2040%20L605%2029%20L583%2020%20L562%2016%20L538%2016%20L512%2022%20L491%2032%20Z%20M537%2071%20L564%2071%20L583%2079%20L599%2093%20L607%20106%20L611%20118%20L611%20145%20L603%20164%20L588%20180%20L566%20191%20L540%20192%20L519%20184%20L502%20169%20L490%20143%20L490%20120%20L499%2098%20L517%2080%20Z'/%3e%3cpath%20fill='%23FEBE04'%20fill-rule='evenodd'%20d='M256%20624%20L256%20676%20L315%20659%20L356%20653%20L392%20651%20L446%20655%20L491%20665%20L524%20679%20L550%20700%20L571%20683%20L594%20671%20L633%20659%20L670%20653%20L711%20651%20L754%20654%20L799%20662%20L842%20676%20L844%20675%20L843%20625%20L791%20612%20L750%20607%20L695%20607%20L636%20618%20L615%20625%20L583%20641%20L568%20652%20L552%20668%20L523%20644%20L496%20629%20L466%20618%20L426%20609%20L381%20605%20L341%20606%20L300%20612%20Z%20M841%20585%20L829%20531%20L774%20529%20L720%20537%20L668%20554%20L627%20576%20L591%20603%20L573%20621%20L553%20647%20L552%20645%20L560%20626%20L580%20596%20L610%20565%20L643%20541%20L671%20526%20L708%20512%20L749%20503%20L787%20501%20L769%20445%20L735%20449%20L687%20465%20L659%20480%20L635%20497%20L601%20530%20L576%20565%20L553%20616%20L552%20605%20L560%20562%20L569%20533%20L588%20492%20L607%20463%20L623%20444%20L643%20425%20L666%20408%20L604%20391%20L591%20401%20L568%20431%20L551%20464%20L539%20508%20L536%20536%20L538%20573%20L541%20581%20L540%20590%20L537%20588%20L528%20567%20L518%20551%20L485%20511%20L447%20481%20L405%20460%20L374%20450%20L333%20445%20L314%20500%20L356%20503%20L396%20512%20L424%20522%20L459%20540%20L491%20563%20L516%20588%20L535%20613%20L546%20634%20L548%20645%20L530%20622%20L510%20602%20L471%20573%20L415%20546%20L370%20534%20L332%20529%20L274%20531%20L261%20582%20L261%20587%20L320%20578%20L370%20578%20L425%20586%20L462%20597%20L501%20615%20L522%20629%20L550%20654%20L579%20630%20L606%20613%20L644%20596%20L679%20586%20L732%20578%20L782%20578%20L810%20581%20L836%20587%20Z'/%3e%3cpath%20fill='%2300B4F1'%20fill-rule='evenodd'%20d='M414%20952%20L416%20956%20L439%20951%20L458%20939%20L461%20939%20L475%20949%20L497%20956%20L522%20954%20L535%20949%20L549%20939%20L553%20939%20L571%20951%20L589%20956%20L614%20954%20L630%20947%20L640%20939%20L644%20939%20L662%20951%20L674%20955%20L687%20955%20L687%20916%20L672%20909%20L666%20902%20L662%20891%20L623%20891%20L618%20902%20L611%20910%20L598%20915%20L583%20911%20L575%20903%20L571%20891%20L530%20891%20L524%20906%20L517%20912%20L507%20915%20L492%20911%20L484%20903%20L480%20891%20L439%20891%20L435%20903%20L427%20911%20L415%20915%20Z%20M332%20807%20L333%20854%20L350%20853%20L367%20848%20L390%20835%20L403%20823%20L424%20839%20L441%20848%20L466%20854%20L488%20854%20L510%20849%20L527%20841%20L549%20823%20L573%20841%20L587%20848%20L611%20854%20L634%20854%20L661%20847%20L677%20838%20L694%20823%20L697%20823%20L711%20836%20L730%20847%20L750%20853%20L767%20854%20L767%20805%20L754%20803%20L736%20792%20L725%20777%20L721%20759%20L670%20759%20L667%20774%20L658%20789%20L646%20799%20L625%20805%20L609%20803%20L595%20796%20L582%20782%20L577%20771%20L575%20759%20L524%20759%20L521%20775%20L514%20787%20L500%20799%20L479%20805%20L467%20804%20L448%20795%20L437%20783%20L431%20770%20L430%20759%20L379%20759%20L375%20776%20L369%20786%20L354%20799%20L345%20803%20L335%20804%20Z'/%3e%3c/svg%3e") center / contain no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important}@media (min-width:820px){html body[data-page=student] header.bb-student-sitebar.bb-shared-sitebar{display:flex!important;flex-flow:row nowrap!important;flex-wrap:nowrap!important;align-items:center!important;height:64px!important;min-height:64px!important;padding:0 clamp(16px,2vw,28px)!important;gap:10px!important}html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark{order:0!important;flex:0 0 auto!important}html body[data-page=student] header.bb-student-sitebar .bb-student-nav.bb-shared-primary-nav{order:1!important;flex:0 1 auto!important;height:100%!important;margin:0 auto!important;padding:0!important;justify-content:center!important;min-width:0!important}html body[data-page=student] header.bb-student-sitebar .bb-student-account-status{order:2!important;flex:0 0 auto!important}html body[data-page=student] header.bb-student-sitebar .bb-student-account-button{order:3!important;flex:0 0 auto!important;margin-left:0!important}html body[data-page=student] header.bb-student-sitebar .bb-student-staff-link{order:4!important;flex:0 0 auto!important}}@media (max-width:819px){html body[data-page=student] header.bb-student-sitebar.bb-shared-sitebar{display:flex!important;flex-flow:row wrap!important;flex-wrap:wrap!important;align-items:center!important;height:auto!important;min-height:64px!important;padding:8px 12px!important;column-gap:8px!important;row-gap:4px!important;justify-content:flex-start!important}html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark{order:0!important;flex:0 0 auto!important;min-width:0!important;margin:0!important}html body[data-page=student] header.bb-student-sitebar .bb-student-account-status{display:none!important}html body[data-page=student] header.bb-student-sitebar .bb-student-account-button{display:inline-flex!important;order:1!important;flex:0 0 auto!important;margin:0 0 0 auto!important}html body[data-page=student] header.bb-student-sitebar .bb-student-staff-link{display:inline-flex!important;order:2!important;flex:0 0 auto!important;margin:0!important}html body[data-page=student] header.bb-student-sitebar .bb-student-nav.bb-shared-primary-nav{order:3!important;flex:0 0 100%!important;width:100%!important;height:42px!important;padding:0!important;margin:0!important;align-self:center!important;justify-content:center!important}}@media (max-width:430px){html body[data-page=student] header.bb-student-sitebar.bb-shared-sitebar{gap:5px!important;padding:8px!important}html body[data-page=student] header.bb-student-sitebar .bb-student-wordmark{font-size:15px!important;gap:5px!important}html body[data-page=student] header.bb-student-sitebar .bb-student-account-button,html body[data-page=student] header.bb-student-sitebar .bb-student-staff-link{font-size:12px!important;height:34px!important;min-height:34px!important;padding:0 7px!important}}html body .bb-site-footer__koraal{width:98px!important;height:auto!important;aspect-ratio:741 / 183!important;border-radius:0!important;background:transparent!important;object-fit:contain!important}html body .bb-site-footer__brands{column-gap:30px!important}html body .bb-site-footer__brand{gap:9px!important}html body .bb-site-footer__brand .bb-site-footer__koraal{display:block!important;box-sizing:content-box!important;height:18px!important;width:auto!important;max-width:none!important;aspect-ratio:350 / 63!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important}html body .bb-site-footer__brand .bb-site-footer__dok{height:31px!important;width:auto!important;max-width:none!important;object-fit:contain!important}.reading-completion-dialog{box-sizing:border-box;width:min(92vw,450px);max-height:88dvh;overflow:auto;padding:clamp(18px,3vw,28px);border:1px solid #c9d6e5;border-radius:16px;background:#fff;color:#243958;box-shadow:0 20px 52px #15283b55}.reading-completion-dialog::backdrop{background:#0c1d3499}.reading-completion-dialog h2{font-size:1.35rem;margin:0 0 12px}.reading-completion-dialog p{margin:8px 0 15px}.reading-completion-dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reading-completion-dialog__actions button{min-height:46px}.reading-records{margin-top:20px;border-top:1px solid #d7e2ef;padding-top:16px}.reading-records h3{margin:0 0 8px;font-size:1.04rem}.reading-record__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e2eaf3}.reading-record__info{display:flex;flex-direction:column;gap:4px;min-width:min(100%,190px)}.reading-record__info strong{font-size:.94rem}.reading-record__info .hint{font-size:.8rem}.reading-record__controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.reading-record__controls label{display:flex;align-items:center;gap:8px;font-size:.9rem}.reading-record__controls select{padding:7px 10px;border-radius:7px;border:1px solid #bbcadc}.reading-record__controls button{padding:8px 12px}.reading-record__controls .hint{width:100%;margin:0}@media (max-width: 440px){.reading-record__item{align-items:stretch}.reading-record__controls{width:100%}}.reading-record__edited{display:inline-block;width:max-content;padding:3px 8px;border-radius:6px;color:#345579;background:#edf3f9;font-size:.79rem;font-weight:800}.reading-record__history{font-size:.84rem;max-width:65ch}.reading-record__history summary{cursor:pointer;padding:3px 0}.reading-record__history ol{margin:6px 0;padding-left:20px}.reading-record__history li{margin:5px 0}.reading-record__history p{margin:7px 0}.exam-reading__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #e1e9f1}.exam-reading__info{display:flex;flex:1 1 220px;flex-direction:column;gap:5px;min-width:0}.exam-reading__info strong{font-size:.98rem;overflow-wrap:anywhere}.exam-reading__info .hint{font-size:.82rem;margin:0}.exam-reading__read{width:fit-content;background:#eaf5ec;color:#23663a;border:1px solid #b8ddc3;border-radius:6px;padding:3px 7px;font-weight:700;font-size:.79rem}.exam-reading__actions{display:flex;flex:1 1 300px;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.exam-reading__actions label{display:inline-flex;align-items:center;gap:8px;font-size:.85rem}.exam-reading__actions select{max-width:170px;min-height:39px;padding:6px 9px;border:1px solid #bccbdd;border-radius:7px;background:#fff;color:#243958}.exam-reading__actions .btn{min-height:39px;padding:7px 11px}.exam-reading__actions .hint{width:100%;margin:0}@media (max-width: 600px){.exam-reading__actions{justify-content:flex-start}.exam-reading__actions label{width:100%}.exam-reading__actions select{flex:1 1 auto;max-width:none}}.exam-reading__picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:9px 14px;max-width:750px}.exam-reading__picker label{font-weight:700;font-size:.86rem}.exam-reading__picker input,.exam-reading__picker select{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #bdcbdc;border-radius:7px;color:#243958}.exam-reading__picker .btn{width:max-content;min-height:40px}@media (max-width: 600px){.exam-reading__picker{grid-template-columns:1fr}}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:12px!important;row-gap:17px!important;align-items:stretch!important;grid-auto-rows:auto}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid.book-grid--empty,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid.book-grid--empty{display:block!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid>.book-card,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid>.book-card{box-sizing:border-box;display:flex!important;flex-direction:column!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:9px!important;gap:6px!important;overflow:visible}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__media,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__media{display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__cover-wrapper,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__cover-wrapper{position:relative;display:block!important;box-sizing:border-box;flex:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2 / 3!important;margin:0!important;padding:0!important;border-radius:7px}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__cover,html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__cover-fallback,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__cover,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__cover-fallback{height:100%!important;width:100%!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__content,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;gap:5px!important;background:transparent!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__title,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__title{font-size:13px!important;line-height:1.3!important;min-height:0!important;max-height:none!important;height:auto!important;flex:0 0 auto!important;margin:0!important;display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;overflow-wrap:normal!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__author,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__author{font-size:11.8px!important;line-height:1.35!important;margin:0!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-pages,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-pages{font-size:11.2px!important;line-height:1.35!important;margin:0!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__tags,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__tags{min-height:0!important;margin:1px 0 2px!important;padding:0!important;gap:4px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__tag,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__tag{font-size:10.2px!important;line-height:1.25!important;padding:4px 6px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__status,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__status{align-self:stretch!important;margin:auto 0 0!important;padding:0!important;font-size:11.1px!important;line-height:1.4!important;gap:5px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-actions,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-actions{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;min-width:0!important;gap:5px!important;margin:3px 0 0!important;padding:0!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-actions button,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-actions button{flex:1 1 78px;min-width:0!important;width:auto!important;min-height:38px!important;height:auto!important;margin:0!important;padding:6px 5px!important;border-radius:8px!important;font-size:11.3px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:normal!important}@media (max-width:959px){html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (max-width:799px){html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:679px){html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:509px){html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:8px!important;row-gap:14px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid>.book-card,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid>.book-card{padding:8px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-actions button,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-actions button{min-height:44px!important}}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-books{grid-template-columns:repeat(5,minmax(0,1fr))!important}@media (max-width:650px){html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-books{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:420px){html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-books{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-books{gap:10px!important;margin-top:1px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-book-preview{align-self:start;gap:3px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-book-cover{box-sizing:border-box;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:2 / 3!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-search{min-height:0!important;padding:14px 16px!important;gap:8px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-book-preview strong{font-size:12px!important;line-height:1.28!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-book-preview small{font-size:11px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin-bottom:25px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower>.bb-teacher-v31-card{box-sizing:border-box;display:flex!important;flex-direction:column!important;align-self:stretch!important;min-width:0;min-height:0!important;height:auto!important;padding:15px 18px!important;gap:9px!important;margin:0!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower .bb-teacher-v31-card-heading{margin:0!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower .bb-teacher-v31-card-heading h3,html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower>.bb-v32-loan-summary>h3{margin:0!important;font-size:17px;line-height:1.35}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower .bb-v32-loan-summary{align-content:start!important;justify-content:flex-start!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower .bb-v32-live-loan-count,html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower #history-list>.history-item:only-child:not(:has(.history-item__time)),html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower #bb-teacher-v31-tasks-summary .bb-teacher-v31-task-state{box-sizing:border-box;width:100%;min-height:45px;display:flex!important;align-items:center;margin:0!important;padding:10px 13px!important;border:1px solid #dbe4ef!important;border-radius:10px!important;background:#f5f8fc!important;color:#365776!important;font-size:13px!important;line-height:1.4!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower #history-list{margin:0!important;padding:0!important;max-height:176px}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower .bb-v32-loan-summary .bb-v32-quick-link{margin:0!important;min-height:39px!important;padding:6px 9px!important}html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower #history-list>.history-item:not(:only-child),html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower #bb-teacher-v31-tasks-summary .bb-teacher-v31-row{min-height:44px}@media (max-width:900px){html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:30px!important}}@media (max-width:650px){html body.bb-teacher-v31 .bb-v32-teacher-dashboard .bb-v32-teacher-lower{grid-template-columns:minmax(0,1fr)!important}}@media (prefers-reduced-motion:reduce){html body.bb-teacher-v31 .bb-v32-book-preview,html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid>.book-card,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid>.book-card{transition:none!important}}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__author,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__author{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 0 auto!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .book-card__tags,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .book-card__tags{max-height:45px!important;overflow:hidden!important;align-content:start!important;flex:0 0 auto!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-actions,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-actions{margin-top:5px!important}html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid .bb-cat-card-actions button,html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid .bb-cat-card-actions button{min-height:36px!important}html body[data-page=staff] #staff-book-overview-content .bb-staff-discovery-layout{padding:10px 12px!important;margin-bottom:10px!important}html body[data-page=staff] #staff-book-overview-content .bb-staff-compact-filters .bb-cat-results{margin-top:7px!important}html body[data-page=staff] #staff-book-overview-content .bb-catalog-v36 #book-grid,html body[data-page=student] #student-collection .bb-catalog-v36 #book-grid{row-gap:12px!important}