/* Additions for the server-rendered build. Loaded after the prototype CSS
   (app.css, office.css, portal.css, public.css), which stays untouched. */

/* The prototype reserved 30px at the top for its "PROTOTYPE" bar; the real
   rail owns the whole viewport height. */
@media (min-width:861px){.rail{top:0;height:100vh}}

/* The language switch is a row of links, not buttons. */
.langs a{display:inline-block;padding:3px 8px;border-radius:3px;font-weight:600;font-size:inherit;color:inherit;text-decoration:none}
.langs a[aria-current]{background:rgba(255,255,255,.14);color:#fff}
.rail-foot{flex-wrap:wrap}
.rail-foot .langs{margin-left:auto}
.topbar .langs a[aria-current]{background:rgba(255,255,255,.2)}
.flap.langs .langs a{color:var(--indigo-3)}
.flap.langs .langs a[aria-current]{color:#fff;background:rgba(255,255,255,.12)}
.searchform{display:contents}

/* Tab panels and the board inspector need JS to open; without it every panel is visible. */
.cm-open{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.inspector{top:0}
a.fuda{text-decoration:none;color:inherit}
a.fuda:visited{color:inherit}
.topbar{top:0}

/* Hours board with real records: the name takes the plaque's full width so a
   long word ("Rechenzentrum") is never cut mid-word next to the amount; the
   kind label leads the record's own text; an empty column says so. */
.fuda .who{grid-column:1/-1;overflow-wrap:break-word}
.fuda .amt{grid-row:2;align-self:start}
.fuda .what .k{font-weight:650;color:var(--ink-wood)}
.bcol .none{margin:0;padding:6px 12px;font-size:13px;color:var(--ink-wood-2);opacity:.8}
.bcol span.more{cursor:default}
.bcol span.more:hover{text-decoration:none}

/* Portal top bar: the organisation the portal acts for, and the way to switch. */
.org .orgcur{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28ch}
.org .orgcur .num{opacity:.7;font-size:12px}
.org .orgswitch{color:#fff;text-decoration:underline;font-size:12px;white-space:nowrap}

/* Legal documents (internal/legal): the archive pages and the portal footer. */
.legal-doc article{max-width:72ch;line-height:1.6}
.legal-doc article h1{margin:.4em 0}
.legal-doc article table{border-collapse:collapse}
.legal-doc article th,.legal-doc article td{border:1px solid var(--trim);padding:6px 10px;text-align:left}
.legal-foot{display:flex;flex-wrap:wrap;gap:8px 20px;padding:22px clamp(16px,4vw,48px);font-size:13px;color:var(--ink-3)}
.legal-foot a{color:var(--ink-3)}