@charset "UTF-8";
/* Adaptations communes : conserver la présentation de ponyo.css. */
:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html{min-width:0}body:not(.admin-body){grid-template-rows:calc(166px + env(safe-area-inset-top,0px)) minmax(0,1fr) calc(44px + env(safe-area-inset-bottom,0px))}
img{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}button,input,select,textarea{max-width:100%}
.topbar{grid-template-rows:70px 44px 52px;padding-top:env(safe-area-inset-top,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.topbar>.searchbox{display:flex;height:44px;margin:4px 0;padding:0 10px;min-width:0}.searchbox input{min-width:0;height:40px;font-size:16px}.searchbox button{min-width:44px;min-height:44px}.header-tools{gap:8px}.icon-btn,.header-tools>a{min-width:44px;min-height:44px;display:inline-grid;place-items:center}.desktop-nav{min-width:0;overflow-x:auto}.desktop-nav a{min-height:44px;white-space:nowrap;flex-shrink:0}
.wrap{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#contenu,.reader-wrap,.reader-canvas{min-width:0}.panel,.side-card,.note-row,.text-body,.calendar-event{overflow-wrap:anywhere}.calendar-cell{min-width:0}.calendar-controls h2{text-align:center}
.btn{min-height:44px}.reader-modes .btn,.reader-bottom .btn{min-height:44px}.reader-tools .btn{min-width:44px}.reader-tools .custom-icon{width:23px;height:23px}.reader-top,.reader-bottom{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.reader-pages{justify-content:safe center}
.footer{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.footer a{display:inline-flex;align-items:center;min-height:40px}
.dialog-backdrop{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.dialog-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.dialog-close{min-width:44px;min-height:44px}.site-menu a{min-height:44px}
.guide-card{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}.guide-card input{font-size:16px;min-height:44px}
.field input,.field select,.field textarea{font-size:16px;min-height:44px}.field input[type=checkbox]{min-height:20px}.admin-header{position:static;height:auto;min-height:78px;gap:14px;flex-wrap:wrap;padding-top:max(12px,env(safe-area-inset-top,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:12px}.admin-nav{top:16px}.admin-layout{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.asset-row{flex-wrap:wrap}.asset-row>div{min-width:0}.file-list{min-width:550px}.file-list td{overflow-wrap:anywhere}
.icon-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:18px}.icon-gallery figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;text-align:center}.icon-gallery img{object-fit:contain}.icon-gallery figcaption{font-size:12px;overflow-wrap:anywhere;margin-top:10px}.social-preview{display:block;width:min(100%,1200px);height:auto}
@media(max-width:900px){.desktop-nav a{font-size:10px;padding:0 6px;gap:4px}.desktop-nav .custom-icon{width:18px;height:18px}.footer nav{gap:9px}}
@media(max-width:680px){
 body:not(.admin-body){grid-template-rows:calc(118px + env(safe-area-inset-top,0px)) minmax(0,1fr) calc(68px + env(safe-area-inset-bottom,0px))}
 .topbar{grid-template-rows:66px 52px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}.topbar>.searchbox{height:44px;margin:4px 0;padding:0 9px}.searchbox input{font-size:16px}.searchbox button{min-height:44px}.header-tools{gap:0}.header-tools .icon-btn{padding:4px}.topbar .brand{font-size:27px}.topbar .brand img{width:46px;height:52px}.desktop-nav{display:none}
 .mobile-nav{min-height:68px;align-items:flex-start;padding:5px max(3px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(3px,env(safe-area-inset-left,0px))}.mobile-nav a{min-height:48px;flex:1;min-width:0;padding:4px 1px;font-size:8px;gap:3px}.mobile-nav .custom-icon,.mobile-nav .atlas{width:24px;height:24px;--s:24px}
 .reader-top>.btn,.reader-modes .btn,.reader-bottom .btn{min-height:44px}.reader-modes .btn{font-size:9px;white-space:normal}.reader-tools .btn{min-width:44px;font-size:0;padding:7px}.reader-tools .custom-icon,.reader-tools .atlas{width:23px;height:23px;--s:23px}.reader-pagination{width:100%;justify-content:center}.reader-pagination .btn{flex:1}.reader-tools{width:100%;justify-content:center}.reader-bottom{gap:6px}.page-heading{flex-wrap:wrap;gap:12px}.heading-icon{min-width:0}.album-detail-top{min-width:0}.album-detail-top>div{min-width:0}.chapter-row{flex-wrap:wrap}.chapter-row>div{min-width:0}.calendar-cell{padding:4px}.calendar-cell.weekday{padding:8px 2px}.calendar-event{font-size:8px;line-height:1.35}.dialog-card{width:100%;padding:23px 18px}
 .admin-header .row .btn,.admin-nav .btn{min-height:44px}.asset-row>div{flex-basis:calc(100% - 85px)}.asset-row>.row{flex-basis:100%}.catalog-filters>.btn{min-height:44px}.catalog-filters form .btn{min-height:44px}.field input,.field select,.field textarea{font-size:16px}
}
@media(max-width:350px){.topbar .brand{font-size:24px}.topbar .brand img{width:40px}.header-tools .avatar{width:28px;height:28px}.welcome-banner{gap:8px;padding:14px 8px}.welcome-banner .welcome-mascot{width:68px;height:80px}.welcome-banner h1{font-size:27px}.album-detail-top{grid-template-columns:90px minmax(0,1fr);gap:10px}.album-detail-top>.album-cover{width:90px;height:140px}}
@media(max-height:530px) and (orientation:landscape){
 body:not(.admin-body){grid-template-rows:calc(66px + env(safe-area-inset-top,0px)) minmax(0,1fr) calc(52px + env(safe-area-inset-bottom,0px))}.topbar{grid-template-rows:66px}.topbar>.searchbox,.desktop-nav,.footer{display:none}.menu-launcher{display:inline-grid}.mobile-nav{display:flex;min-height:52px;justify-content:space-around;padding:2px max(4px,env(safe-area-inset-right,0px)) calc(2px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px))}.mobile-nav a{display:flex;flex:1;min-width:0;min-height:44px;flex-direction:row;align-items:center;justify-content:center;gap:4px;font-size:8px}.mobile-nav .custom-icon,.mobile-nav .atlas{width:22px;height:22px;--s:22px}
 body.reader-active{grid-template-rows:0 minmax(0,1fr) 0}.reader-active>#contenu{grid-row:2;grid-column:1}.reader-active .topbar,.reader-active .mobile-nav{display:none}.reader-top{padding-top:max(6px,env(safe-area-inset-top,0px));padding-bottom:6px;gap:5px;flex-wrap:wrap}.reader-modes{display:flex;order:0;flex:1;width:auto;min-width:220px}.reader-modes .btn{min-height:44px;font-size:9px;padding:6px 4px}.reader-top>.btn{min-height:44px;padding:6px 8px}.reader-title{display:none}.reader-bottom{padding:4px max(12px,env(safe-area-inset-right,0px)) max(4px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:5px;flex-wrap:nowrap}.reader-pagination,.reader-tools{width:auto}.reader-tools .btn{font-size:0;min-width:44px}.reader-bottom .btn{min-height:44px}.reader-bottom .progress{display:none}.reader-canvas{padding:8px}
}
@media(hover:none) and (pointer:coarse){.btn.tiny,.shelf-filters .btn,.catalog-filters>.btn{min-height:44px}.btn.tiny .button-art{height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}