/* O’Phys : collections privées */
.classroom{border-radius:4px;border-top:5px solid #b89758;box-shadow:0 14px 50px #00192338}.class-heading{align-items:flex-start}.class-heading h1{font-size:clamp(36px,4.2vw,54px);letter-spacing:-.025em}.class-heading .class-actions{max-width:380px;justify-content:flex-end}.class-heading a[href^="mailto"]{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.classroom .class-danger{color:#893e35!important;border-color:#b8887c!important}.class-stats{border-block:1px solid #d8c7a8;padding:18px 0;gap:0}.class-stats>div{background:none;border:0;border-radius:0;padding:8px 20px}.class-stats>div+div{border-left:1px solid #d8c7a8}.class-stats strong{font-size:40px}.class-stats span{max-width:125px}.class-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 20px}.class-section-heading h2{font-size:32px;margin:0}.class-section-heading .eyebrow{margin:0 0 8px}.class-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.class-section-wrap{min-width:0;position:relative}.classroom button.class-section-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:190px;padding:28px!important;background:linear-gradient(#08233255,#08233255),url('/assets/iznik-ceramic-tile-03.webp') center/240px!important;color:#fff9eb!important;border:1px solid #ae8d53!important;border-radius:3px!important;outline-offset:4px;overflow:hidden;transition:box-shadow .2s,filter .2s}.class-section-tile:before{content:'';position:absolute;z-index:-1;inset:22px 16px;background:#0b2839f2;border:1px solid #d9bd7b;box-shadow:0 0 0 5px #0b2839c9}.class-section-tile>span{font:600 clamp(25px,2.3vw,32px)/1.15 AtelierSerif,Georgia,serif;overflow-wrap:anywhere;padding:8px 6px;max-width:100%}.class-section-tile small{color:#f0d9a9;font-size:11px;letter-spacing:.08em}.classroom button.class-section-tile:hover,.classroom button.class-section-tile[aria-pressed=true]{box-shadow:0 0 0 3px #b89658!important;filter:brightness(1.1)}.classroom button.class-section-edit{margin-top:6px;min-height:36px;padding:3px 12px!important;font-size:12px;background:transparent!important}.class-items{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.class-item{padding:22px;border-radius:4px;box-shadow:0 4px 16px #16394908}.class-item-top{align-items:flex-start}.class-item-top .class-status{white-space:normal;text-align:center}.class-item h2{font-size:27px}.classroom button.class-book-cover{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:225px;margin-bottom:22px;padding:26px 30px!important;text-align:center;color:#fff5dc!important;background:linear-gradient(90deg,#020e17aa 0 10px,transparent 10px),linear-gradient(#0d2b3ae8,#0d2b3ae8),url('/assets/iznik-ceramic-tile-03.webp') center/210px!important;border:1px solid #b3945a!important;border-radius:2px 8px 8px 2px!important;box-shadow:5px 5px 0 #e6dcc9,6px 6px 0 #c8bca6!important}.class-book-cover strong{font:600 32px/1.15 AtelierSerif,Georgia,serif;overflow-wrap:anywhere;max-width:100%;margin:22px 0}.class-book-cover span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#efd19b}.classroom button.class-book-cover:hover{filter:brightness(1.2)}.class-student{border-top:2px solid #b7995e;background:linear-gradient(115deg,#fffdf8,#f0ebdf);border-radius:3px}.class-avatar{border:1px solid #b7995e;box-shadow:0 0 0 4px #e6dccb}.class-toolbar{margin-top:10px}.class-empty{grid-column:1/-1}.classroom button:focus-visible,.classroom a:focus-visible{outline:3px solid #a77221;outline-offset:4px}
@media(max-width:850px){.class-heading{flex-direction:column}.class-heading .class-actions{max-width:none;justify-content:flex-start}.class-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-items{grid-template-columns:1fr}}
@media(max-width:500px){.class-stats>div{padding:6px 8px;flex-direction:column;align-items:flex-start;gap:8px}.class-stats strong{font-size:32px}.class-section-grid{gap:12px}.classroom button.class-section-tile{min-height:155px;padding:16px!important}.class-section-tile:before{inset:14px 9px}.class-section-tile>span{font-size:23px}.class-section-heading{align-items:flex-start;flex-direction:column}.class-section-heading h2{font-size:29px}.class-item-top{flex-wrap:wrap}.class-item-top .class-status{margin-left:64px}.class-heading .class-actions{width:100%}.class-actions>*{flex:1 1 140px}.class-book-cover strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.class-section-tile{transition:none!important}}
.reader:not(.full){background:#0b2634;padding:clamp(14px,2vw,28px);border:1px solid #b8975866;border-radius:5px}.reader .toolbar{color:#fff5df}.book-area[data-loading=true]>.book-simple{visibility:hidden}.book-area[data-loading=true]{position:relative}.book-area[data-loading=true]:after{content:'Préparation du livre…';position:absolute;top:30px;left:20px;color:#fff5df}
@media(max-width:500px){.class-section-grid{grid-template-columns:1fr}.classroom button.class-section-tile{min-height:155px}.class-section-tile>span{font-size:28px}}

/* V12.1 — largeur réelle du bandeau et alignement des actions */
body #header{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:clamp(16px,2vw,32px)}
#header>nav{min-width:0}
#header>#logout,#header>#login,#header>.button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-block:0;line-height:1.4;align-self:center}
@media(min-width:1451px){body #header{gap:18px}#header>nav{gap:clamp(14px,1.2vw,22px)}}