
html body .saga-recit-axis .axis-viewport{overflow-x:scroll!important;overflow-y:auto!important;max-height:clamp(240px,calc(100svh - 410px),520px)!important;scrollbar-width:auto!important;scrollbar-gutter:stable;scrollbar-color:#d6ddda #303936}
html body .saga-recit-panel.saga-device-overview{position:fixed!important;inset:0!important;z-index:99999!important;width:100vw!important;height:100svh!important;box-sizing:border-box!important;overflow:hidden!important;padding:12px!important;background:#151b1d url('/gainage-graphite.jpg') center/cover!important;display:flex!important;flex-direction:column!important}
html body .saga-device-overview>.panel-intro,html body .saga-device-overview>.axis-legend,html body .saga-device-overview>.axis-thread-legend{display:none!important}
html body .saga-device-overview .axis-periods{flex:0 0 auto;margin:0!important}
html body .saga-device-overview .saga-recit-axis{min-height:0;flex:1;display:flex;flex-direction:column}
html body .saga-device-overview .axis-toolbar{flex:0 0 auto;margin:6px 0!important}
html body .saga-device-overview .axis-ruler-window{flex:0 0 82px;position:relative!important}
html body .saga-device-overview .saga-recit-axis .axis-viewport{flex:1;min-height:0;height:0!important;max-height:none!important;overflow-x:scroll!important}
html body .saga-device-overview .axis-detail-dock{position:absolute!important;bottom:38px!important;left:12px;right:12px;width:auto!important;z-index:30;max-height:55svh;overflow:auto;padding-top:10px}
html body .saga-device-overview .axis-detail-dock>.axis-detail{max-height:none!important}
html body .saga-recit-axis .axis-node .axis-contribution-label{display:none!important}


html body:has(.saga-recit-axis) .saga-recit-panel>.axis-periods{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;align-items:stretch!important;margin:8px 0 4px!important}
html body:has(.saga-recit-axis) .axis-periods>button{width:100%!important;min-width:0!important;min-height:56px!important;padding:8px 6px!important;font:650 14px/1.3 system-ui!important;box-sizing:border-box;white-space:normal}
html body:has(.saga-recit-axis) .axis-periods>button span{display:block!important;font-weight:400;margin-top:3px}
html body:has(.saga-recit-axis) .axis-periods>.recit-overview-button{grid-column:6;min-height:36px!important;background:#dce0dc!important;border:1px solid #89999e;border-radius:5px;cursor:pointer}
html body:has(.saga-recit-axis) .axis-legend{margin:4px 0!important}
html body:has(.saga-recit-axis) .axis-thread-legend{margin:4px 0!important;padding:0!important}
html body .saga-recit-axis .axis-toolbar{margin:0 0 4px!important}
html body .saga-recit-panel.saga-device-overview{height:100dvh!important;min-height:0!important;max-height:100dvh!important;display:block!important;overflow:hidden!important;margin:0!important;transform:none!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis{display:block!important;height:auto!important;min-height:0!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-ruler-window{height:82px!important;min-height:82px!important;max-height:82px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 280px)!important;min-height:120px!important;max-height:calc(100dvh - 280px)!important;flex:none!important;overflow:scroll!important;box-sizing:border-box!important;padding-bottom:0!important}
html body .saga-recit-axis .axis-viewport::-webkit-scrollbar{display:block!important;width:16px!important;height:16px!important}
html body .saga-recit-axis .axis-viewport::-webkit-scrollbar-thumb{background:#cbd3cd!important;border:3px solid #303936!important;border-radius:8px}
html body .saga-recit-panel.saga-device-overview .axis-detail-dock{bottom:46px!important;max-height:min(55dvh,520px)!important}
@media(max-width:650px){html body:has(.saga-recit-axis) .axis-periods>button{font-size:12px!important;padding:5px 2px!important}html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 308px)!important;max-height:calc(100dvh - 308px)!important}}


html body:has(.saga-recit-axis) .saga-recit-panel.saga-device-overview>.axis-periods{display:none!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 156px)!important;max-height:calc(100dvh - 156px)!important}
html body .saga-recit-panel.saga-device-overview .axis-toolbar{height:40px!important;min-height:40px!important;margin:0 0 6px!important}
html body .saga-recit-panel.saga-device-overview .axis-detail-dock{bottom:40px!important}


html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-node{min-height:40px!important;padding:5px 7px!important;line-height:1.25!important;box-sizing:border-box!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-marker{line-height:1.25!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-surface{padding-bottom:28px!important;box-sizing:content-box!important}


html body:has(.saga-recit-axis) .axis-fullscreen{display:none!important}
html body .saga-recit-panel.saga-device-overview .axis-fullscreen{display:block!important}
html body .saga-recit-axis .axis-toolbar:has(.axis-fullscreen){height:0;min-height:0;margin:0!important}
.recit-overview-heading{display:none;align-items:center;gap:20px;margin-right:auto;min-width:0}
.recit-overview-heading img{width:260px;height:42px;object-fit:contain}
.recit-overview-heading strong{font:700 22px/1.2 system-ui;color:#edf0ee;letter-spacing:1px}
html body .saga-device-overview .recit-overview-heading{display:flex}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-node[aria-pressed="true"]{color:#111!important;outline:4px solid #f4cc43!important;outline-offset:3px!important;box-shadow:0 0 0 8px #101613,0 0 18px 6px #f4cc4370!important;z-index:8!important}
html body .saga-recit-panel.saga-device-overview .axis-detail-dock.device-floating-detail{left:var(--floating-left)!important;top:var(--floating-top)!important;right:auto!important;bottom:auto!important;width:var(--floating-width)!important;max-height:calc(100dvh - 170px)!important;overflow:visible!important;padding:0!important;margin:0!important;box-sizing:border-box}
html body .saga-recit-panel.saga-device-overview .device-floating-detail>.axis-detail{width:100%!important;margin:0!important;max-height:calc(100dvh - 170px)!important;overflow:auto!important}
html body .saga-recit-panel.saga-device-overview .device-floating-detail::before{display:block!important;content:''!important;position:absolute!important;width:18px!important;height:18px!important;background:var(--detail-color,#eeeeea)!important;transform:none!important;border:0!important;z-index:40!important}
html body .saga-recit-panel.saga-device-overview .device-floating-detail[data-pointer-side="top"]::before{left:var(--pointer-x)!important;top:-16px!important;clip-path:polygon(50% 0,100% 100%,0 100%)}
html body .saga-recit-panel.saga-device-overview .device-floating-detail[data-pointer-side="bottom"]::before{left:var(--pointer-x)!important;top:auto!important;bottom:-16px;clip-path:polygon(0 0,100% 0,50% 100%)}
html body .saga-recit-panel.saga-device-overview .device-floating-detail[data-pointer-side="left"]::before{left:-16px!important;top:var(--pointer-y)!important;clip-path:polygon(0 50%,100% 0,100% 100%)}
html body .saga-recit-panel.saga-device-overview .device-floating-detail[data-pointer-side="right"]::before{left:auto!important;right:-16px;top:var(--pointer-y)!important;clip-path:polygon(0 0,100% 50%,0 100%)}
@media(max-width:650px){.recit-overview-heading{gap:8px}.recit-overview-heading img{width:160px;height:35px}.recit-overview-heading strong{font-size:16px}}


html body .saga-device-overview .recit-overview-heading{gap:18px!important}
html body .saga-device-overview .recit-overview-heading img{width:280px!important;height:48px!important;padding:3px 8px!important;background:linear-gradient(160deg,#e2e3dc,#bfc3ba)!important;border:1px solid #d6dbd1!important;border-radius:5px!important;box-sizing:border-box}
html body .saga-device-overview .recit-overview-heading strong{font:700 clamp(16px,1.6vw,23px)/1.2 system-ui!important;letter-spacing:0!important}
html body .saga-recit-panel.saga-device-overview .axis-toolbar{height:52px!important;min-height:52px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 168px)!important;max-height:calc(100dvh - 168px)!important}
html body .saga-recit-panel .saga-recit-axis.saga-axis .axis-node[data-thread="appareils"],html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-node[data-thread="appareils"][aria-pressed="true"]{background:#b7cbd8!important;color:#172024!important;filter:none!important}
html body .saga-recit-panel .saga-recit-axis.saga-axis .axis-node[aria-pressed="true"],html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-node[aria-pressed="true"]{outline:4px solid #f4f6f3!important;outline-offset:3px!important;box-shadow:0 0 0 8px #101613,0 0 16px 6px #f4f6f345!important;z-index:8!important}
html body .saga-recit-panel .saga-recit-axis.saga-axis .axis-node:not(.axis-major){border:1px solid #849ba6!important}
html body .saga-recit-panel .saga-recit-axis.saga-axis .axis-node.axis-major{border:3px solid #f2cf6e!important}
html body .saga-recit-panel .axis-detail-dock .axis-device-detail[data-thread="appareils"]{background:#b7cbd8!important}
@media(max-width:800px){html body .saga-device-overview .recit-overview-heading{gap:8px!important}html body .saga-device-overview .recit-overview-heading img{width:200px!important;height:42px!important}.recit-overview-heading strong{max-width:260px}}


html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar{height:78px!important;min-height:78px!important;flex-wrap:nowrap!important;gap:16px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar>.axis-fullscreen{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px!important;padding:10px 18px!important;font:700 16px/1.2 system-ui!important;background:#edf0ee!important;color:#172329!important;border:2px solid #89999e!important}
html body .saga-device-overview .recit-overview-heading img{width:400px!important;height:72px!important;flex:0 0 auto;padding:3px 8px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 194px)!important;max-height:calc(100dvh - 194px)!important}
html body .saga-recit-panel .saga-recit-axis.saga-axis .axis-node.axis-major{border:5px solid #f4cf54!important}
html body .axis-detail-dock .axis-detail.axis-compact-detail.axis-device-detail.axis-detail-major[data-thread]{border:5px solid #f4cf54!important}
@media(max-width:1000px){html body .saga-device-overview .recit-overview-heading img{width:270px!important;height:56px!important}html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar>.axis-fullscreen{font-size:14px!important;padding:8px 10px!important}.recit-overview-heading strong{max-width:280px}}
@media(max-width:650px){html body .saga-device-overview .recit-overview-heading img{width:170px!important;height:46px!important}html body .saga-device-overview .recit-overview-heading strong{font-size:13px!important}.recit-overview-heading{gap:6px!important}html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar{gap:6px!important}html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar>.axis-fullscreen{max-width:120px;white-space:normal}}


html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-detail-dock.device-floating-detail::before{left:var(--device-pointer-left)!important;top:var(--device-pointer-top)!important;right:auto!important;bottom:auto!important;width:22px!important;height:18px!important;clip-path:polygon(0 0,100% 50%,0 100%)!important;transform-origin:0 50%!important;transform:translateY(-50%) rotate(var(--device-pointer-angle))!important;background:var(--detail-color,#b7cbd8)!important}
html body .saga-recit-panel:not(.saga-device-overview) .saga-recit-axis .axis-detail-dock::before{left:calc(var(--pointer-x) - 9px)!important}


html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-detail-dock.device-floating-detail[data-device-pointer="hidden"]::before{display:none!important}

html body .saga-recit-panel>.axis-periods{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 4px!important}
html body .saga-recit-panel>.axis-periods>button{min-height:48px!important;padding:6px!important;font:650 14px/1.3 system-ui!important;box-sizing:border-box;white-space:normal}
html body .saga-recit-panel>.axis-periods>.recit-overview-button{grid-column:6;min-height:36px!important;background:#dce0dc!important;color:#172329!important;border:1px solid #89999e;border-radius:5px;cursor:pointer}
html body .saga-recit-panel.saga-device-overview>.axis-periods,html body .saga-recit-panel.saga-device-overview>.heading,html body .saga-recit-panel.saga-device-overview>.period-story-card,html body .saga-recit-panel.saga-device-overview>.scroll-controls{display:none!important}
html body .saga-recit-panel .saga-recit-axis .axis-toolbar{height:0;min-height:0;margin:0!important}
html body .saga-recit-panel .axis-fullscreen{display:none!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar{height:78px!important;min-height:78px!important;flex-wrap:nowrap!important;gap:16px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar>.axis-fullscreen{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px!important;padding:10px 18px!important;font:700 16px/1.2 system-ui!important;background:#edf0ee!important;color:#172329!important;border:2px solid #89999e!important}
html body .saga-recit-panel .saga-recit-axis .axis-viewport{max-height:clamp(260px,calc(100svh - 350px),700px)!important;overflow:scroll!important;scrollbar-width:auto!important;scrollbar-color:#cbd3cd #303936;scrollbar-gutter:stable}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous] .axis-viewport,html body .saga-recit-panel.saga-device-overview .saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{height:calc(100dvh - 194px)!important;max-height:calc(100dvh - 194px)!important}
html body .saga-recit-panel .axis-node .axis-node-label{font-weight:700!important}
html body .saga-recit-panel .axis-node .axis-contribution-label{font:400 14px/1.25 system-ui!important}
html body .saga-recit-panel .axis-node{color:#172024!important;font-weight:700!important}
html body .saga-recit-panel .axis-node.axis-major{border:5px solid #f4cf54!important}
html body .saga-recit-panel .axis-detail.axis-detail-major[data-thread]{border:5px solid #f4cf54!important}
html body .saga-recit-panel .axis-detail-header>h2{font-weight:700!important}
html body .saga-recit-panel .axis-node[aria-pressed="true"]{outline:4px solid #f4f6f3!important;outline-offset:3px!important;box-shadow:0 0 0 8px #101613!important}
html body .saga-recit-panel .axis-stem:not(.axis-major-stem){opacity:.55!important}
html body .saga-recit-panel .heading p{color:#d7dfe0!important;margin:5px 0!important}
html body .saga-recit-panel .axis-legend,html body .saga-recit-panel .axis-thread-legend{margin:2px 0!important}
html body .saga-recit-panel .axis-node[data-thread="personnalites"],html body .saga-recit-panel .axis-detail[data-thread="personnalites"]{background:#d4c9db!important}
html body .saga-recit-panel .axis-node[data-thread="appareils"],html body .saga-recit-panel .axis-detail[data-thread="appareils"]{background:#b7cbd8!important}
html body .saga-recit-panel .axis-node[data-thread="optiques"],html body .saga-recit-panel .axis-detail[data-thread="optiques"]{background:#c7d3bd!important}
html body .saga-recit-panel .axis-node[data-thread="films"],html body .saga-recit-panel .axis-detail[data-thread="films"]{background:#d9c7b7!important}
html body .saga-recit-panel .axis-node[data-thread="labo"],html body .saga-recit-panel .axis-detail[data-thread="labo"]{background:#cdd0cb!important}
html body .saga-recit-panel .axis-thread-key[data-thread="personnalites"]::before{background:#d4c9db!important}
html body .saga-recit-panel .axis-thread-key[data-thread="appareils"]::before{background:#b7cbd8!important}
html body .saga-recit-panel .axis-thread-key[data-thread="optiques"]::before{background:#c7d3bd!important}
html body .saga-recit-panel .axis-thread-key[data-thread="films"]::before{background:#d9c7b7!important}
html body .saga-recit-panel .axis-thread-key[data-thread="labo"]::before{background:#cdd0cb!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-detail-dock.device-floating-detail[data-device-pointer="hidden"]::before{display:none!important}

html body .saga-recit-panel .device-floating-detail>.axis-detail{margin-left:0!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="personnalites"],html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="personnalites"].axis-major[aria-pressed="true"],html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail[data-thread="personnalites"]{background:#d4c9db!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="appareils"],html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="appareils"].axis-major[aria-pressed="true"],html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail[data-thread="appareils"]{background:#b7cbd8!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="optiques"],html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="optiques"].axis-major[aria-pressed="true"],html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail[data-thread="optiques"]{background:#c7d3bd!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="films"],html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="films"].axis-major[aria-pressed="true"],html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail[data-thread="films"]{background:#d9c7b7!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="labo"],html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread="labo"].axis-major[aria-pressed="true"],html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail[data-thread="labo"]{background:#cdd0cb!important}
html body .saga-recit-panel .saga-axis.saga-recit-axis .axis-node[data-thread].axis-major,html body .saga-recit-panel .axis-detail-dock .axis-detail.axis-compact-detail.axis-detail-major[data-thread]{border:5px solid #f4cf54!important}
html body .saga-recit-panel.saga-device-overview .axis-detail-dock.device-floating-detail[data-device-pointer="hidden"]::before{display:none!important}

/* Fullscreen uses the actual remaining height so its scrollbar stays onscreen. */
html body .saga-recit-panel.saga-device-overview{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
html body .saga-recit-panel.saga-device-overview .saga-axis.saga-recit-axis[data-continuous]{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:0!important;min-height:0!important;overflow:hidden!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-legend,html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-thread-legend,html body .saga-recit-panel.saga-device-overview .axis-ruler-title{display:none!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-toolbar{flex:0 0 78px!important;margin:0 0 6px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-ruler-window{flex:0 0 82px!important;height:82px!important;min-height:82px!important;overflow:hidden!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-ruler{position:relative!important;height:80px!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-continuous-period{position:absolute!important;top:4px!important;border-bottom:2px solid #7f8d89;padding:4px 7px;color:#dde2df;font:600 14px/1.3 system-ui;white-space:normal;box-sizing:border-box}
html body .saga-recit-panel.saga-device-overview .saga-axis.saga-recit-axis[data-continuous] .axis-viewport,html body .saga-recit-panel.saga-device-overview .saga-axis.saga-recit-axis[data-continuous].axis-device-selected .axis-viewport{flex:1 1 0!important;height:0!important;min-height:0!important;max-height:none!important;overflow-x:scroll!important;overflow-y:scroll!important;box-sizing:border-box!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-viewport::-webkit-scrollbar{display:block!important;width:16px!important;height:16px!important;background:#303936!important}
html body .saga-recit-panel.saga-device-overview .saga-recit-axis .axis-viewport::-webkit-scrollbar-thumb{background:#cbd3cd!important;border:3px solid #303936!important;border-radius:8px}
