/* board.css — the drawing board bar at the right edge (board.js 1.0.0), the iPhone dock at the bottom (fold) and the carousel docked to it.
   version: 1.38.0 · created 2026-11-01 by Pascal Ehlig, ITS · edited 2026-11-02 by Pascal Ehlig, ITS */
.fa-board{position:fixed;right:3px;z-index:44;width:24px;display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:999px;
  background:color-mix(in srgb,var(--surface,#fff) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);
  border:1px solid var(--border);box-shadow:0 6px 18px rgb(16 42 67 / .12);touch-action:none;user-select:none;-webkit-user-select:none}
.fa-board[hidden]{display:none}
.fa-board-track{position:relative;flex:1 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}
.fa-board-dot{position:relative;width:24px;min-height:12px;flex:0 1 26px;padding:0;border:0;background:none;cursor:pointer}
.fa-board-dot::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:99px;background:var(--border-strong,#9fb3c8);transform:translate(-50%,-50%);transition:height .2s,background-color .2s}
.fa-board-dot[aria-current]::after{height:18px;background:var(--accent,#fb683e)}
.fa-board-dot:focus-visible{outline:2px solid var(--focus,#2563eb);outline-offset:-2px;border-radius:8px}
/* the ruler: ticks along the track and the place as a line; the name of the block at the finger */
.fa-board.is-ruler .fa-board-track{background:repeating-linear-gradient(to bottom,var(--border-strong,#9fb3c8) 0 1px,transparent 1px 10%) right 4px top 0/6px 100% no-repeat,
  repeating-linear-gradient(to bottom,var(--border,#d9e6ee) 0 1px,transparent 1px 2.5%) right 4px top 0/3px 100% no-repeat}
.fa-board.is-ruler .fa-board-track::before{content:"";position:absolute;left:2px;right:2px;top:calc(var(--board-at,0) * 100%);height:2px;border-radius:2px;background:var(--accent,#fb683e)}
.fa-board.is-many .fa-board-dot::after{width:5px;height:5px}
.fa-board-tip{position:absolute;right:calc(100% + 10px);transform:translateY(-50%);max-width:60vw;padding:6px 10px;border-radius:10px;background:var(--text,#102a43);color:var(--surface,#fff);
  font:600 .85rem/1.2 var(--sans,system-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .15s}
.fa-board.is-sliding .fa-board-tip{opacity:1}
html.fa-board-on main{padding-right:max(30px,env(safe-area-inset-right))}
@media (prefers-reduced-motion:reduce){.fa-board-dot::after,.fa-board-tip{transition:none}}
/* the iPhone dock: on narrow windows the bottom rails become one bar across the whole width, right above the footer (a thin hairline on
   top, the surface frosted); the up/down arrows leave it (the board bar on the right does up ↔ down); its parts scroll sideways */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  .fold-bottom .fold-rail{bottom:var(--g-foot-h,var(--fold-foot,0px))!important;height:58px;box-sizing:border-box;margin:0;padding:6px 4px calc(6px);border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;
    background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);animation:none}
  .fold-bottom .fold-rail-left{left:0!important;right:var(--fold-right-w,118px)!important;max-width:none!important;width:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}
  .fold-bottom .fold-rail-left::-webkit-scrollbar{display:none}
  .fold-bottom .fold-rail-right{right:0!important;left:auto!important;border-left:1px solid var(--border)}
  .fold-bottom .fold-rail-up,.fold-bottom .fold-rail-down,.fold-bottom .fold-rail-left>.fold-rail-line{display:none!important}
  .fold-bottom .fold-rail-parts{flex:1 1 auto;justify-content:space-around;min-width:100%}
  .fold-bottom .fold-rail-parts>*{scroll-snap-align:center;min-width:44px}
  .fold-bottom body>footer .wrap{padding-block:4px}
  /* the carousel docks to the dock: full width of its block, standing on the bar */
  .fold-bottom .carousel-bar{bottom:calc(var(--g-foot-h,var(--fold-foot,0px)) + 58px)!important;width:auto;margin-inline:0;justify-content:space-between;border-radius:14px 14px 0 0;border-bottom:0;box-shadow:none;
    background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
  .fold-bottom .carousel-bar .carousel-dots{flex:1 1 auto;justify-content:center}
}
/* 1.1.0: the sheets on a phone — the blocks side by side between the header and the dock, a sideways swipe snaps from block to block,
   up ↔ down only inside a block taller than the screen; the bar with one dot per block stands on the dock */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager,html.fa-pager body{overflow:hidden;overscroll-behavior:none;height:100%}
  html.fa-pager main{position:fixed!important;top:var(--sheet-top,64px);bottom:var(--sheet-bottom,130px);left:0;right:0;z-index:1;display:flex!important;flex-direction:row;gap:0;margin:0!important;padding:0!important;max-width:none!important;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.fa-pager main::-webkit-scrollbar{display:none}
  html.fa-pager .carousel-bar{bottom:6px!important;border-radius:14px!important;border-bottom:1px solid var(--border)!important}
  html.fa-pager .fa-board.is-idle{opacity:.35}
  .fa-pager-bar{position:fixed;left:0;right:0;bottom:var(--sheet-dock,72px);z-index:40;display:flex;align-items:center;gap:6px;height:48px;box-sizing:border-box;padding:4px 10px;
    border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
  .fa-pager-bar[hidden]{display:none}
  .fa-pager-prev,.fa-pager-next{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer}
  .fa-pager-prev:disabled,.fa-pager-next:disabled{opacity:.35;cursor:default}
  .fa-pager-dots{flex:1 1 auto;display:flex;justify-content:center;align-items:center;gap:2px;overflow:hidden}
  .fa-pager-dot{position:relative;width:26px;height:40px;padding:0;border:0;background:none;cursor:pointer}
  .fa-pager-dot::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:99px;background:var(--border-strong,#9fb3c8);transform:translate(-50%,-50%);transition:width .2s,background-color .2s}
  .fa-pager-dot[aria-current]::after{width:20px;background:var(--accent,#fb683e)}
  .fa-pager-dot:focus-visible{outline:2px solid var(--focus,#2563eb);outline-offset:-4px;border-radius:8px}
}
@media (min-width:601px) and (min-height:501px) and (pointer:fine),(min-width:1367px),(min-width:601px) and (pointer:fine){.fa-pager-bar{display:none!important}}
/* 1.2.0: our bar is the page's scroll bar — the system's one is hidden (inner panels keep a thin one) */
html.fa-board-on{scrollbar-width:none}
html.fa-board-on::-webkit-scrollbar,html.fa-board-on body::-webkit-scrollbar{display:none;width:0;height:0}
html.fa-board-on body{scrollbar-width:none}
html.fa-board-on:not(.fold-bottom) .fold-rail-right{right:34px!important}
@media (min-width:601px) and (min-height:501px) and (pointer:fine),(min-width:1367px),(min-width:601px) and (pointer:fine){html.fa-board-on body{padding-right:0}.fa-board{right:4px;width:22px}}
/* 1.3.0 (owner 2026-11-01): the iPhone look like an app — a slim footer (its round π and § keep just a little footer colour above and
   below), a tab bar with a small name under every sign (tint for the current one), header and bars frosted with a hairline, the system
   font in the bars; every value here moves to the design system's level 3/4 tokens (PLAN-1101-tokens-plattform-steuerung) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  header.top,.fold-rail,.fa-pager-bar,body>footer{font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif}
  header.top{background:color-mix(in srgb,var(--surface,#fff) 86%,transparent)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-bottom:.5px solid var(--border)!important;box-shadow:none!important}
  .fold-bottom body>footer{padding:0!important;border-top:.5px solid var(--border);background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px)}
  .fold-bottom body>footer .wrap{min-height:0!important;padding:3px max(12px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;gap:8px!important}
  .fold-bottom body>footer details[data-gwydion-pi]>summary,.fold-bottom .fa-legal-small .fa-legal-sign{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}
  .fold-bottom .fold-rail{height:54px;padding:2px 2px!important;border-top:.5px solid var(--border)}
  .fold-bottom .fold-rail-item{width:auto;min-width:58px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;color:var(--muted)}
  .fold-bottom .fold-rail-item[aria-current],.fold-bottom .fold-rail-item[aria-expanded="true"]{color:var(--accent,#fb683e)}
  .fold-bottom .fold-rail-item[aria-current]::before{display:none}
  .fold-bottom .fold-rail-item .fold-rail-tip{position:static!important;display:block;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0;border:0;border-radius:0;background:none!important;color:inherit!important;box-shadow:none!important;
    font:600 max(11px,.6875rem)/1.15 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:.01em;text-transform:none;opacity:1!important;transform:none!important;pointer-events:none}
  .fold-bottom .fold-rail-item svg{width:24px;height:24px}
  .fa-pager-bar{height:44px;padding:2px 8px;border-top:.5px solid var(--border)}
  .fa-pager-prev,.fa-pager-next{width:36px;height:36px;border:0;background:transparent;color:var(--accent,#fb683e)}
}
/* 1.4.0 (owner 2026-11-01): people who see less first — what helps them orders the page for everyone.
   Signs and dots at least 3:1 against their ground (WCAG 1.4.11), names in rem so the person's text size counts, Dynamic Type on Apple
   phones (17 pt body, MOB-06), more contrast on request (no frost, firm lines), the system's colours in forced-colours mode. */
.fa-board-dot::after,.fa-pager-dot::after{background:var(--muted,#486581)}
.fa-board{border-color:var(--muted,#486581)}
.fa-board.is-ruler .fa-board-track{background:repeating-linear-gradient(to bottom,var(--muted,#486581) 0 2px,transparent 2px 10%) right 4px top 0/7px 100% no-repeat,
  repeating-linear-gradient(to bottom,var(--muted,#486581) 0 1px,transparent 1px 2.5%) right 4px top 0/3px 100% no-repeat}
html.fa-pager .fa-board.is-idle{opacity:.6}
@media (max-width:600px),(max-height:500px) and (pointer:coarse){@supports (font:-apple-system-body){html{font:-apple-system-body;font-family:var(--sans,-apple-system,system-ui,sans-serif)}}}
@media (prefers-contrast:more){
  header.top,.fold-rail,.fa-pager-bar,body>footer,.fa-board,.carousel-bar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--surface,#fff)!important;border-color:var(--text,#102a43)!important}
  .fa-board-dot::after,.fa-pager-dot::after{background:var(--text,#102a43)}
  .fold-bottom .fold-rail-item{color:var(--text,#102a43)}
  html.fa-pager main>.fa-sheet>section{border:2px solid var(--text,#102a43)}
}
@media (forced-colors:active){
  .fa-board,.fa-pager-bar{border:1px solid CanvasText;background:Canvas}
  .fa-board-dot::after,.fa-pager-dot::after{background:CanvasText;forced-color-adjust:none}
  .fa-board-dot[aria-current]::after,.fa-pager-dot[aria-current]::after{background:Highlight}
}
/* 1.5.0: Gw.Canvas — a sheet (.fa-sheet, made by board.js from one or more blocks, data-gw-sheet) is the up ↔ down canvas of a phone;
   its blocks keep their card look one below the other; a list marked data-gw-canvas-compact="y" (the principles) stands one below the
   other instead of sideways, so left ↔ right always means the next sheet */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet{flex:0 0 100%;box-sizing:border-box;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
    padding:10px 34px 16px 10px;scrollbar-width:none}
  html.fa-pager main>.fa-sheet::-webkit-scrollbar{display:none}
  html.fa-pager main>.fa-sheet>section{margin:0 0 12px!important;padding:16px 14px!important;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 1px 2px rgb(16 42 67 / .05)}
  html.fa-pager main>.fa-sheet>section:last-child{margin-bottom:0!important}
  html.fa-pager [data-gw-canvas-compact~="y"].is-carousel{display:grid!important;grid-template-columns:1fr!important;gap:12px;overflow:visible!important;scroll-snap-type:none!important;margin-inline:0!important;padding:0!important}
  html.fa-pager [data-gw-canvas-compact~="y"].is-carousel>*{flex:none!important;min-height:0!important;width:auto!important}
  html.fa-pager [data-gw-canvas-compact~="y"].is-carousel~.carousel-bar,html.fa-pager section:has([data-gw-canvas-compact~="y"]) .carousel-bar{display:none!important}
}
/* 1.6.0: the right bar shows the cards as segments (as tall as each card, a gap = the line between two cards), the current one filled;
   a sheet snaps card by card; the bottom bar shows the sheets as small screens, one line per card on them */
.fa-board-seg{position:relative;flex:1 1 0;min-height:8px;width:100%;padding:0;border:0;background:none;cursor:pointer}
.fa-board-seg::after{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:6px;height:auto!important;border-radius:3px;transform:translateX(-50%)!important;background:color-mix(in srgb,var(--muted,#486581) 55%,transparent)!important;transition:width .2s,background-color .2s}
.fa-board-seg[aria-current]::after{width:10px;background:var(--accent,#fb683e)!important}
.fa-board .fa-board-track:has(.fa-board-seg){justify-content:stretch;background:none!important;padding:2px 0}
.fa-board .fa-board-track:has(.fa-board-seg)::before{display:none}
.fa-board.is-many .fa-board-seg::after{width:4px}
@media (prefers-contrast:more){.fa-board-seg::after{background:var(--text,#102a43)!important}}
@media (forced-colors:active){.fa-board-seg::after{background:CanvasText!important;forced-color-adjust:none}.fa-board-seg[aria-current]::after{background:Highlight!important}}
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet{scroll-snap-type:none}
  .fa-pager-dots{gap:8px}
  .fa-pager-screen{display:flex;flex-direction:column;justify-content:center;gap:3px;width:30px;height:36px;padding:4px 5px;box-sizing:border-box;border:1.5px solid var(--muted,#486581);border-radius:7px;background:var(--surface,#fff);cursor:pointer}
  .fa-pager-screen::after{display:none!important}
  .fa-pager-screen i{display:block;height:3px;border-radius:2px;background:color-mix(in srgb,var(--muted,#486581) 60%,transparent)}
  .fa-pager-screen[aria-current]{border-color:var(--accent,#fb683e);border-width:2px;box-shadow:0 2px 8px rgb(251 104 62 / .25)}
  .fa-pager-screen[aria-current] i{background:var(--accent,#fb683e)}
  .fa-pager-screen:focus-visible{outline:2px solid var(--focus,#2563eb);outline-offset:2px}
}
/* 1.7.0: in the sheets the scroller lies on the left edge of the cards — their stripes are the sections (the size stays), the current
   card's stripe is bright; the right bar steps back on phones */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager .fa-board{display:none!important}
  html.fa-pager main>.fa-sheet{padding:10px 10px 16px 10px}
  html.fa-pager main>.fa-sheet>section,html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>*{border-left:4px solid color-mix(in srgb,var(--accent,#fb683e) 40%,var(--surface,#fff))!important}
  html.fa-pager main>.fa-sheet [data-gw-current]{border-left-color:var(--accent,#fb683e)!important}
  .fa-edge{position:fixed;left:0;top:var(--sheet-top,64px);bottom:var(--sheet-bottom,130px);z-index:41;width:22px;touch-action:none;cursor:ns-resize}
  .fa-edge[hidden]{display:none}
  .fa-edge-tip{position:absolute;left:26px;transform:translateY(-50%);max-width:70vw;padding:6px 10px;border-radius:10px;background:var(--text,#102a43);color:var(--surface,#fff);
    font:600 .85rem/1.2 var(--sans,system-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .15s}
  .fa-edge.is-sliding .fa-edge-tip{opacity:1}
  @media (prefers-contrast:more){html.fa-pager main>.fa-sheet>section,html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>*{border-left-color:var(--muted,#486581)!important}}
}
@media (min-width:601px) and (min-height:501px) and (pointer:fine),(min-width:1367px),(min-width:601px) and (pointer:fine){.fa-edge{display:none!important}}
/* 1.8.0: the entries of the current sheet in the bottom menu — tinted and joined into one group (one page on the phone) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager.fold-bottom .fold-rail-item[data-gw-here]{color:var(--accent,#fb683e)!important;background:color-mix(in srgb,var(--accent,#fb683e) 16%,transparent)!important;border-radius:0}
  html.fa-pager.fold-bottom .fold-rail-item.gw-here-first{border-top-left-radius:12px;border-bottom-left-radius:12px}
  html.fa-pager.fold-bottom .fold-rail-item.gw-here-last{border-top-right-radius:12px;border-bottom-right-radius:12px}
  html.fa-pager.fold-bottom .fold-rail-item[data-gw-here]+.fold-rail-item[data-gw-here]{margin-left:0}
}
/* 1.9.0 (owner 2026-11-01: paddling must not jump): cards snap only when the motion ends near one (proximity) */
/* 1.11.0: in the sheets only the sheet's marking lights the menu — fold.js's marks by visibility step back (no glowing, no blinking) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager.fold-bottom .fold-rail-item[aria-current]:not([data-gw-here]){color:var(--muted,#486581)!important;background:transparent!important}
  html.fa-pager.fold-bottom .fold-rail-item::before{display:none!important}
  html.fa-pager.fold-bottom .fold-rail-item{transition:none!important;animation:none!important}
}
/* 1.12.0: the menu row fits without scrolling (no inner scroll bar when the sheet changes); a phone turned sideways (low and coarse) is
   an app too — slimmer bars, the names beside the signs, a thin footer */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  .fold-bottom .fold-rail-left{overflow-x:hidden}
  .fold-bottom .fold-rail-parts{justify-content:space-evenly}
  .fold-bottom .fold-rail-parts>*{flex:1 1 0;min-width:0!important;max-width:84px}
  .fold-bottom .fold-rail-left .fold-rail-item .fold-rail-tip{max-width:100%}
  .fold-bottom .fold-rail-right .fold-rail-item{min-width:52px;max-width:68px}
  .fold-bottom .fold-rail-right .fold-rail-item .fold-rail-tip{max-width:64px}
}
@media (max-height:500px) and (pointer:coarse){
  .fold-bottom .fold-rail{height:44px}
  .fold-bottom .fold-rail-item{height:40px;flex-direction:row;gap:6px;max-width:150px!important}
  .fold-bottom .fold-rail-right .fold-rail-item{max-width:130px!important}
  .fold-bottom .fold-rail-right .fold-rail-item .fold-rail-tip{max-width:96px}
  .fold-bottom .fold-rail-item svg{width:20px;height:20px}
  .fold-bottom .fold-rail-item .fold-rail-tip{font-size:max(11px,.75rem)}
  .fa-pager-bar{height:36px;padding:0 8px}
  .fa-pager-prev,.fa-pager-next{width:32px;height:32px}
  .fa-pager-screen{height:28px;width:36px}
  .fold-bottom body>footer details[data-gwydion-pi]>summary,.fold-bottom .fa-legal-small .fa-legal-sign{width:28px!important;min-width:28px!important;height:28px!important}
  .fold-bottom body>footer .wrap{padding-top:2px!important;padding-bottom:calc(2px + env(safe-area-inset-bottom))!important}
  html.fa-pager main>.fa-sheet{padding:8px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}
}
/* 1.13.0: a selected card (fold's focus) shows it on its stripe, not with a frame (fold.css 2.14.0) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse){
  html.fa-pager main>.fa-sheet>section[data-nav-focus],html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>[data-nav-focus]{border-left-color:var(--accent,#fb683e)!important;outline:none!important;box-shadow:none!important}
}
/* 1.14.0 (owner 2026-11-01): the active card comes forward a little — slightly larger, a soft deeper shadow, as if it stood in front;
   the others stay flat; with reduced motion only the shadow changes */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet>section,html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>*{transition:transform .25s ease,box-shadow .25s ease;transform-origin:50% 50%;will-change:transform}
  html.fa-pager main>.fa-sheet [data-gw-current]{position:relative;z-index:2;transform:translateY(-2px) scale(1.02);
    box-shadow:0 1px 2px rgb(16 42 67 / .06),0 10px 24px rgb(16 42 67 / .16),0 18px 40px rgb(16 42 67 / .08)!important}
  html.fa-pager main>.fa-sheet section:has([data-gw-current]){transform:none}
}
@media (prefers-reduced-motion:reduce){html.fa-pager main>.fa-sheet [data-gw-current]{transform:none}html.fa-pager main>.fa-sheet>section,html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>*{transition:box-shadow .25s ease}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]).fa-pager main>.fa-sheet [data-gw-current]{box-shadow:0 10px 26px rgb(0 0 0 / .45)!important}}
html[data-theme="dark"].fa-pager main>.fa-sheet [data-gw-current]{box-shadow:0 10px 26px rgb(0 0 0 / .45)!important}
/* 1.15.0 (owner 2026-11-01: with the menu at the top π opened upwards out of the screen and legal did not work): in the sheets the footer
   always stands slim at the bottom, whatever the menu position — π and § open upwards into the screen */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager body>footer{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;z-index:38;padding:0!important;border-top:.5px solid var(--border);
    background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px)}
  html.fa-pager body>footer .wrap{min-height:0!important;padding:3px max(12px,env(safe-area-inset-right)) calc(3px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;gap:8px!important}
  html.fa-pager body>footer details[data-gwydion-pi]>summary,html.fa-pager .fa-legal-small .fa-legal-sign{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}
  html.fa-pager body>footer details[data-gwydion-pi] .pi-menu{top:auto!important;bottom:calc(100% + 8px)!important}
}
/* 1.16.0: the watch (≤ 260 px wide) — the sheet gets the screen; a dot bar with § at the bottom; the right bar a fine column of
   segments as tall as the objects; text a little smaller, the cards without inner margins */
@media (max-width:260px){
  html.fa-watch header.top,html.fa-watch .fold-rail,html.fa-watch body>footer,html.fa-watch .fa-edge{display:none!important}
  html.fa-watch{font-size:14px}
  html.fa-watch.fa-pager main{top:0!important;bottom:26px!important}
  html.fa-watch main>.fa-sheet{padding:4px 12px 6px 4px!important}
  html.fa-watch main>.fa-sheet>section{padding:10px 10px!important;border-radius:16px;margin-bottom:6px!important;border-left-width:3px!important}
  html.fa-watch main>.fa-sheet [data-gw-current]{transform:none!important}
  html.fa-watch .fa-pager-bar{bottom:0!important;height:26px;padding:0 6px;gap:2px}
  html.fa-watch .fa-pager-prev,html.fa-watch .fa-pager-next{display:none}
  html.fa-watch .fa-pager-screen{width:14px;height:16px;padding:2px;border-radius:4px;gap:1px}
  html.fa-watch .fa-pager-screen i{height:2px}
  html.fa-watch .fa-watch-legal{display:inline-grid;place-items:center;min-width:24px;height:22px;border-radius:999px;font:700 .8rem/1 system-ui;color:var(--text);text-decoration:none;border:1px solid var(--border)}
  html.fa-watch .fa-board{display:flex!important;right:1px!important;width:8px!important;top:4px!important;height:calc(100% - 34px)!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  html.fa-watch .fa-board .fa-board-track{background:none!important}
  html.fa-watch .fa-board-seg{min-height:4px}
  html.fa-watch .fa-board-seg::after{width:3px!important;top:1px;bottom:1px}
  html.fa-watch .fa-board-seg[aria-current]::after{width:5px!important}
}
/* 1.17.0: the thumb of an axis (board.js indicator) — as long as the visible part of the whole, at the scroll position; over the right bar
   (y) and the dot bar below (x); the watch shows it finest */
.fa-board-track,.fa-pager-dots{position:relative}
.fa-thumb{position:absolute;pointer-events:none;border-radius:999px;background:color-mix(in srgb,var(--accent,#fb683e) 30%,transparent);border:1.5px solid var(--accent,#fb683e);box-sizing:border-box;transition:top .12s,left .12s,height .12s,width .12s}
.fa-thumb[hidden],.fa-thumb.is-all{display:none}
.fa-thumb-y{left:50%;width:12px;margin-left:-6px;top:var(--thumb-at,0%);height:var(--thumb-len,10%)}
.fa-thumb-x{top:50%;height:22px;margin-top:-11px;left:var(--thumb-at,0%);width:var(--thumb-len,10%)}
@media (max-width:260px){.fa-thumb-y{width:7px;margin-left:-3.5px;border-width:1px}.fa-thumb-x{height:16px;margin-top:-8px;border-width:1px}}
@media (prefers-reduced-motion:reduce){.fa-thumb{transition:none}}
@media (forced-colors:active){.fa-thumb{border-color:Highlight;background:transparent}}
.fa-pager-strip{position:relative;display:inline-flex;align-items:center;gap:inherit}
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (max-width:1366px){.fa-pager-strip{gap:8px}}
@media (max-width:260px){.fa-pager-strip{gap:3px}}
/* 1.18.0 (owner 2026-11-01: the little circles round the buttons at the bottom are ugly): the footer's § and π without a ring — the sign
   alone, tinted like an app's toolbar; a soft tint only while pressed or focused */
.fa-legal-small .fa-legal-sign,body>footer details[data-gwydion-pi]>summary{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--accent-text,#b03f12)!important;font-size:1.15rem!important}
.fa-legal-small .fa-legal-sign:active,.fa-legal-small .fa-legal-sign[aria-expanded="true"],body>footer details[data-gwydion-pi][open]>summary{background:color-mix(in srgb,var(--accent,#fb683e) 14%,transparent)!important}
.fa-legal-small .fa-legal-sign:focus-visible,body>footer details[data-gwydion-pi]>summary:focus-visible{outline:2px solid var(--focus,#2563eb)!important;outline-offset:2px}
html.fa-watch .fa-watch-legal{border:0}
/* 1.18.0: the left/right thumb is a fine line under the screens, not a ring round them */
.fa-thumb-x{top:auto!important;bottom:-5px;height:3px!important;margin-top:0!important;border:0!important;border-radius:2px;background:var(--accent,#fb683e)!important}
@media (max-width:260px){.fa-thumb-x{bottom:-3px;height:2px!important}}
/* 1.19.0: a sheet with one block — the block is the page: no card, no stripe; its heading and text flow, its objects carry the stripes */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet[data-gw-sheet-single]>section{border:0!important;border-left:0!important;background:transparent!important;box-shadow:none!important;padding:6px 4px 10px!important;outline:0!important}
  html.fa-pager main>.fa-sheet[data-gw-sheet-single]>section[data-gw-current]{transform:none!important;box-shadow:none!important}
}
/* 1.20.0 (owner 2026-11-01: on dev-pe the bottom bar was a ruler with letter salad): with more than five entries the entries keep their
   width and name and the row is swiped sideways (the fitting rule of 1.12.0 squeezed twenty widgets into nothing) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  .fold-bottom .fold-rail-left:has(.fold-rail-parts>:nth-child(6)){overflow-x:auto!important;scroll-snap-type:x proximity}
  .fold-bottom .fold-rail-parts:has(>:nth-child(6)){min-width:max-content;justify-content:flex-start}
  .fold-bottom .fold-rail-parts:has(>:nth-child(6))>*{flex:0 0 auto!important;min-width:62px!important;max-width:84px}
}
/* 1.21.0: the small window of the object under the finger (board.js peek) — a framed miniature beside the finger */
.fa-board-tip,.fa-edge-tip{white-space:normal;padding:6px;background:var(--surface,#fff)!important;color:var(--text,#102a43)!important;border:2px solid var(--accent,#fb683e);border-radius:14px;box-shadow:0 12px 30px rgb(16 42 67 / .28);max-width:none!important;overflow:hidden}
.fa-peek-clip{overflow:hidden;border-radius:10px;background:var(--bg,#f6fafc)}
/* 1.22.0: the bottom menu as the page's navigation on phones — a sheet's entries in a folder (iPhone dock), the screens bar gives way */
html.gw-dock-nav .fa-pager-bar{display:none!important}
.fold-rail .gw-in-folder{display:none!important}
.gw-dock-folder{cursor:pointer;font:inherit}
.gw-folder-grid{display:grid;grid-template-columns:repeat(2,11px);grid-auto-rows:11px;gap:2px;padding:3px;border-radius:8px;background:color-mix(in srgb,var(--muted,#486581) 16%,transparent)}
.gw-folder-cell{display:grid;place-items:center;width:11px;height:11px;overflow:hidden}.gw-folder-cell svg,.gw-folder-cell .icon{width:11px!important;height:11px!important}
.gw-dock-folder[data-gw-here]{color:var(--accent,#fb683e)}
.gw-dock-folder[data-gw-here] .gw-folder-grid{background:color-mix(in srgb,var(--accent,#fb683e) 18%,transparent)}
.gw-folder-pop{position:fixed;z-index:2147482400;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;width:min(320px,calc(100vw - 16px));padding:10px;border-radius:22px;
  background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:0 18px 48px rgb(16 42 67 / .28);animation:gw-folder-grow .18s ease-out}
@keyframes gw-folder-grow{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.gw-folder-entry{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:8px 4px;border:0;border-radius:14px;background:transparent;color:var(--text,#102a43);font:500 .75rem/1.2 inherit;text-align:center;cursor:pointer}
.gw-folder-entry svg,.gw-folder-entry .icon{width:26px;height:26px}
.gw-folder-entry span{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gw-folder-entry[data-gw-here]{color:var(--accent,#fb683e);background:color-mix(in srgb,var(--accent,#fb683e) 12%,transparent)}
.gw-folder-entry:focus-visible{outline:3px solid var(--accent,#fb683e);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.gw-folder-pop{animation:none}}
@media (forced-colors:active){.gw-folder-pop{background:Canvas;border-color:CanvasText}}
/* 1.23.0 (owner 2026-11-01): a tablet (coarse pointer, 601–1366 px) has the sheets too when a page has several tiles — up, down, left and
   right do the same as on the phone; the phone's look (system font, frosted bars, the dock at the bottom) stays the phone's */
@media (pointer:coarse) and (min-width:601px) and (max-width:1366px) and (min-height:501px){html.fa-pager main>.fa-sheet [data-gw-current]{transform:translateY(-2px) scale(1.006)}}
/* 1.24.0: the entry of the active card — a bar under its sign, its name bold (the sheet's entries keep their tint) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager.fold-bottom .fold-rail-item[data-gw-card],html.fa-pager.fold-bottom .gw-dock-folder[data-gw-card]{color:var(--accent,#fb683e)!important;box-shadow:inset 0 -3px 0 var(--accent,#fb683e)}
  html.fa-pager.fold-bottom .fold-rail-item[data-gw-card] .fold-rail-tip{font-weight:700}
}
.gw-folder-entry[data-gw-card]{box-shadow:inset 0 0 0 2px var(--accent,#fb683e);font-weight:700}
/* 1.25.0 (owner 2026-11-01: an iPhone knows no menu at the top): a tablet gets the phone's dock at the bottom — the tab bar with signs and
   names, the folders, the marks; the screens bar gives way to it as on the phone */
@media (pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html:not(.gw-desk).lm-on header.top .lm-row.lm-pin{display:none!important}   /* the areas live in the logo menu, as on the iPhone (not when the desktop site was asked for) */
  .fold-bottom .fold-rail-parts>*{max-width:150px!important}
  .fold-bottom .fold-rail-left .fold-rail-item .fold-rail-tip{max-width:140px}
  .fold-bottom .fold-rail-right .fold-rail-item{max-width:120px}.fold-bottom .fold-rail-right .fold-rail-item .fold-rail-tip{max-width:110px}
}
/* 1.26.0: the sideways swipe between sheets is board.js's own (calmer); the browser keeps up and down */
html.fa-pager main{touch-action:pan-y}
/* 1.28.0: the stripe of a section is orange only where the section is on screen; the current section has a light frame over its whole stripe */
.fa-board-seg[data-vis]::after{width:8px;background:linear-gradient(to bottom,color-mix(in srgb,var(--muted,#486581) 55%,transparent) 0 var(--vis-a,0%),var(--accent,#fb683e) var(--vis-a,0%) var(--vis-b,100%),color-mix(in srgb,var(--muted,#486581) 55%,transparent) var(--vis-b,100%) 100%)!important}
.fa-board-seg[aria-current]:not([data-vis])::after{background:color-mix(in srgb,var(--muted,#486581) 55%,transparent)!important}
.fa-board-seg[aria-current]::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:16px;transform:translateX(-50%);border-radius:6px;background:color-mix(in srgb,var(--accent,#fb683e) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#fb683e) 45%,transparent);pointer-events:none}
/* 1.29.0 (owner 2026-11-01: no more empty areas in the scroller): a sheet is filled — its blocks share the height of the window (a column
   whose cards grow), so a short sheet has no empty paper below its cards; a sheet longer than the window scrolls as before */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet{display:flex;flex-direction:column;gap:var(--s3,12px)}
  html.fa-pager main>.fa-sheet>section{flex:1 0 auto;margin-top:0!important;margin-bottom:0!important}
  html.fa-pager main>.fa-sheet>section>:last-child{margin-bottom:0}
  html.fa-pager main>.fa-sheet>section.hero{align-content:center}
}
html.gw-packing main>.fa-sheet>section{flex-grow:0!important}   /* 1.29.0: measured at their natural height while packing */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet>section:not(.hero){display:flex;flex-direction:column;justify-content:center}   /* 1.29.0: a card that grew keeps its content in its middle, no empty end */
  html.fa-pager main>.fa-sheet>section:not(.hero)>*{flex:none}
}
/* 1.30.0 (owner 2026-11-01: flicker while scrolling): the active card comes forward without growing (no scale — the text does not move),
   only its shadow and stripe change, slowly */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet>section,html.fa-pager main>.fa-sheet [data-gw-canvas-compact~="y"]>*{transition:box-shadow .35s ease,border-color .35s ease!important;will-change:auto!important}
  html.fa-pager main>.fa-sheet [data-gw-current]{transform:none!important}
}
/* 1.31.0 (owner 2026-11-01: on the iPhone a button menu at the bottom as iOS shows it — round, floating, graphic): the dock floats as a
   glass capsule above the footer (the page's parts, the current one as a lighter pill inside), beside it a small capsule with the
   tools (language, Aa, menu position) — as the tab bar and its separate button in iOS 26 */
@media (max-width:600px){
  .fold-bottom .fold-rail{bottom:calc(var(--g-foot-h,var(--fold-foot,0px)) + 10px)!important;height:62px;padding:6px!important;border:1px solid color-mix(in srgb,#fff 55%,var(--border))!important;border-radius:999px!important;
    background:color-mix(in srgb,var(--surface,#fff) 62%,transparent)!important;-webkit-backdrop-filter:saturate(1.8) blur(22px);backdrop-filter:saturate(1.8) blur(22px);
    box-shadow:0 10px 30px rgb(16 42 67 / .20),0 1px 0 rgb(255 255 255 / .55) inset,0 -1px 0 rgb(16 42 67 / .05) inset!important}
  .fold-bottom .fold-rail-left{left:12px!important;right:calc(var(--fold-right-w,118px) + 20px)!important}
  .fold-bottom .fold-rail-right{right:12px!important;border-left:1px solid color-mix(in srgb,#fff 55%,var(--border))!important}
  .fold-bottom .fold-rail-parts{gap:2px;align-items:stretch}
  .fold-bottom .fold-rail .fold-rail-item{border-radius:999px!important;min-height:48px;transition:background-color .2s,color .2s,transform .15s}
  .fold-bottom .fold-rail .fold-rail-item[aria-current],.fold-bottom .fold-rail .fold-rail-item[data-onscreen]{background:color-mix(in srgb,var(--text,#102a43) 9%,transparent)!important;color:var(--accent-text,var(--accent,#fb683e))!important}
  .fold-bottom .fold-rail .fold-rail-item[aria-current]::before{display:none}
  .fold-bottom .fold-rail .fold-rail-item:active{transform:scale(.94)}
  .fold-bottom .carousel-bar{bottom:calc(var(--g-foot-h,var(--fold-foot,0px)) + 78px)!important;margin-inline:12px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,#fff 55%,var(--border))!important}
  .fold-bottom body>footer{background:transparent}
}
@media (max-width:600px) and (prefers-color-scheme:dark){
  .fold-bottom .fold-rail{border-color:rgb(255 255 255 / .14)!important;box-shadow:0 10px 30px rgb(0 0 0 / .45),0 1px 0 rgb(255 255 255 / .10) inset!important}
  .fold-bottom .fold-rail-right{border-left-color:rgb(255 255 255 / .14)!important}
}
@media (max-width:600px) and (prefers-reduced-transparency:reduce){.fold-bottom .fold-rail{background:var(--surface,#fff)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (max-width:600px){
  /* the tools' capsule: icons only, round buttons (the name stays for screen readers and on a long press) */
  .fold-bottom .fold-rail-right .fold-rail-item{min-width:44px!important;width:44px!important;height:48px}
  .fold-bottom .fold-rail-right .fold-rail-item .fold-rail-tip{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fold-bottom .fold-rail-right{padding-inline:4px!important}
  /* the page's capsule: the current sheet as a lighter pill, rounded on both ends */
  html.fa-pager.fold-bottom .fold-rail-item[data-gw-here]{border-radius:999px!important;background:color-mix(in srgb,var(--text,#102a43) 9%,transparent)!important}
  .fold-bottom .fold-rail-left .fold-rail-item{min-width:64px}
}
@media (max-width:600px){
  .fold-bottom .fold-rail-left .fold-rail-parts{min-width:0!important;width:100%}
  .fold-bottom .fold-rail-left .fold-rail-parts>*{flex:1 1 0;min-width:0!important;max-width:72px;padding-inline:2px}
  .fold-bottom .fold-rail-left .fold-rail-item .fold-rail-tip{max-width:100%!important;font-size:.66rem}
}
/* 1.32.0 (board.js 1.26.0): every sheet is a parent card — a rounded frame inside the sheet (its content scrolls in it), the blocks as
   cards inside it; a sheet of one block shows the block's heading in the frame and its items as the cards (no longer a different look) */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet{border:8px solid transparent!important;border-bottom-width:10px!important;border-radius:28px;background:color-mix(in srgb,var(--surface,#fff) 72%,transparent) padding-box!important;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 70%,transparent)}
  html.fa-pager main>.fa-sheet>section{background:var(--surface,#fff)}
  html.fa-pager main>.fa-sheet[data-gw-sheet-single]>section{padding:10px 6px 10px!important}
  .fa-sheet-head{display:flex;align-items:center;gap:10px;padding:6px 6px 12px;font:800 1.35rem/1.1 var(--sans,system-ui);letter-spacing:-.01em;color:var(--text)}
  .fa-sheet-head img{flex:none;width:28px;height:auto}
}
html:not(.fa-pager) .fa-sheet-head{display:none}
/* 1.33.0 (owner 2026-11-01: scrolling up did not work any more): no backdrop-filter on the sheets — they are the scroll containers, and
   Safari on the iPhone scrolls a filtered scroller badly or not at all; the parent card gets a calm solid surface instead */
@media (max-width:600px),(max-height:500px) and (pointer:coarse),(pointer:coarse) and (min-width:601px) and (max-width:1366px){
  html.fa-pager main>.fa-sheet{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--bg,#f4f6f8)) padding-box!important}
}
/* 1.34.0 (owner 2026-11-02): the bottom bar never squeezes an entry below a readable sign — the page entries keep 56–96px each and
   the row scrolls sideways when they do not fit; the settings show their short word (fold.js 2.46.0), the full name elsewhere.
   1.34.1: the wider bar only (from 601px); the floating iPhone capsule keeps its round 44px tools and scrolls its pages at 56px */
.fold-rail-short{display:none}
@media (min-width:601px){
  .fold-bottom .fold-rail-right .fold-rail-tip:has(.fold-rail-short) .fold-rail-long{display:none}
  .fold-bottom .fold-rail-right .fold-rail-tip:has(.fold-rail-short) .fold-rail-short{display:inline}
  .fold-bottom .fold-rail-left{overflow-x:auto!important;overscroll-behavior-x:contain}
  .fold-bottom .fold-rail-parts>*{flex:1 0 64px!important;min-width:64px!important;max-width:96px!important}
  .fold-bottom .fold-rail-parts .fold-rail-tip{max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .fold-bottom .fold-rail-right .fold-rail-item{flex:none;min-width:56px!important;max-width:76px!important}
  .fold-bottom .fold-rail-right .fold-rail-tip{max-width:72px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:600px){
  .fold-bottom .fold-rail-left{overflow-x:auto!important;overscroll-behavior-x:contain}
  .fold-bottom .fold-rail-left .fold-rail-parts>*{flex:1 0 56px!important;min-width:56px!important}
}
/* 1.35.0 (board.js 1.30.0, owner 2026-11-02): on phones and tablets a tab bar after Apple's guidelines — across the whole width at the very
   bottom, translucent with a hairline, a sign with its full short name under it (never cut, never under something), the current tab tinted;
   the rail and the footer row stay laid out but invisible (what they open keeps its place); „Mehr“ opens a sheet above the bar */
html.gw-tabs .fold-rail,html.gw-tabs body>footer{opacity:0!important;pointer-events:none!important}
html.gw-tabs .fold-rail *{pointer-events:none!important}
.gw-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:stretch;justify-content:space-around;
  padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);
  border-top:.5px solid color-mix(in srgb,var(--text,#102a43) 22%,transparent);font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,sans-serif}
.gw-tab{position:relative;flex:1 1 0;min-width:0;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:4px 2px 2px;
  border:0;background:transparent;color:var(--muted,#486581);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gw-tab svg{width:26px;height:26px;flex:none}.gw-tab .icon{width:26px;height:26px}
.gw-tab-l{display:block;max-width:100%;font-size:10.5px;line-height:1.15;font-weight:500;text-align:center;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.gw-tab[aria-current="page"]{color:var(--accent-text,var(--accent,#fb683e))}
.gw-tab:focus-visible{outline:2px solid var(--focus,#0a66d9);outline-offset:-2px;border-radius:10px}
.gw-tab-badge{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#e5484d;color:#fff;font:700 11px/18px system-ui;font-style:normal;text-align:center}
.gw-tabmore{position:fixed;left:0;right:0;bottom:calc(49px + 4px + env(safe-area-inset-bottom));z-index:46;max-height:70vh;overflow:auto;padding:8px 12px 12px;
  border-radius:14px 14px 0 0;background:var(--surface,#fff);color:var(--text);box-shadow:0 -10px 30px rgb(16 42 67 / .22)}
.gw-tabmore-h{margin:10px 6px 4px;font:600 .72rem/1 system-ui;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.gw-tabmore-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:1rem;text-align:left;cursor:pointer}
.gw-tabmore-row:hover,.gw-tabmore-row:focus-visible{background:color-mix(in srgb,var(--text,#102a43) 6%,transparent)}
.gw-tabmore-row svg,.gw-tabmore-row .icon{width:22px;height:22px;flex:none;color:var(--accent-text,var(--accent,#fb683e))}
.gw-tabmore-air{margin:10px 10px 0;font-size:.82rem;color:var(--muted)}
html.gw-tabs .carousel-bar{bottom:calc(49px + 12px + env(safe-area-inset-bottom))!important}
@media (max-width:600px){html.gw-tabs[data-lleu-open] .gw-tabbar{display:none}}
@media (prefers-reduced-transparency:reduce){.gw-tabbar{background:var(--surface,#fff);-webkit-backdrop-filter:none;backdrop-filter:none}}
/* names on the wider bottom bar are never cut either: the short name, wrapping onto a second line when it must */
.fold-bottom .fold-rail-tip:has(.fold-rail-short) .fold-rail-long{display:none}.fold-bottom .fold-rail-tip:has(.fold-rail-short) .fold-rail-short{display:inline}
.fold-bottom .fold-rail-item .fold-rail-tip{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.15;text-align:center}
html.gw-tabs.fold-bottom .fold-rail{bottom:0!important}   /* the invisible rail behind the bar: the sheets end at the bar */
@media (min-width:700px){.gw-tabbar{justify-content:center;gap:12px}.gw-tab{flex:0 1 128px}}   /* iPad: the tabs grouped in the middle */
@media (min-width:700px){.gw-tabmore{left:auto;right:max(16px,calc(50% - 360px));width:min(380px,calc(100vw - 32px));bottom:calc(49px + 12px + env(safe-area-inset-bottom));border-radius:16px}}   /* iPad: „Mehr“ as a popover above its tab */
html.gw-zoomed main,html.gw-zoomed main>.fa-sheet,html.gw-zoomed main>.fa-sheet>*{scroll-snap-type:none!important;scroll-snap-align:none!important}   /* board.js 1.31.0: zoomed in, nothing snaps */