/* © Christian Gottschall. Gateway input pages, 2026. */
body.gateway-page{margin:0;background:var(--paper);color:var(--ink);font:16px system-ui,-apple-system,'Segoe UI',sans-serif}
.gateway-page>.suite-header{max-width:1280px;position:static;width:auto;margin:auto;padding:24px 32px;display:flex;gap:24px;align-items:center;background:transparent}
.gateway-content{max-width:1100px;margin:28px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:14px;line-height:1.65;overflow-wrap:anywhere}
.gateway-content main,.gateway-content header,.gateway-content footer{max-width:none;margin:0;padding:0;display:block;border:0;position:static;width:auto}
.gateway-content nav,.gateway-content #linkzeile{position:static;width:auto;padding:0;margin:16px 0;display:flex;flex-wrap:wrap;gap:8px}
.gateway-content h1{font:normal clamp(28px,4vw,44px) Georgia,serif}.gateway-content h2{margin-top:28px}
.gateway-content textarea{width:100%;max-width:100%;font-family:'Cambria Math',monospace}.gateway-content select{width:100%;max-width:100%}
.gateway-content input[type=submit],.gateway-content input[type=reset]{width:auto;cursor:pointer;margin:4px 8px 4px 0}.gateway-content input[type=submit]{background:var(--green);color:white}.gateway-content input[type=checkbox],.gateway-content input[type=radio]{width:auto}
.gateway-content .knopfgruppe{display:flex;flex-wrap:wrap;gap:6px}.gateway-content table{display:block;overflow-x:auto}.gateway-content img{max-width:100%;height:auto}.gateway-content pre{overflow:auto}.gateway-content .klein{font-size:.9rem}.gateway-content #schlusszeile{color:var(--muted);font-size:.8rem}
.gateway-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.gateway-cards a{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--paper)}
@media(max-width:850px){.gateway-page>.suite-header{flex-direction:column;align-items:flex-start;padding:20px}.gateway-content{margin:16px;padding:20px}}

.form-help{font-size:.9rem;color:var(--muted);margin:12px 0 20px}.form-help ul{margin:8px 0;padding-left:22px}.form-help a{padding:0}.form-help-links{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 16px}.form-help-links a{white-space:nowrap}

/* Preserve the original truth-table controls, including the two image buttons. */
[data-gateway-tool=tables] .gateway-content input[type=image]{width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;object-fit:contain;height:78px!important;margin:0 20px 0 0;vertical-align:middle;cursor:pointer}
[data-gateway-tool=tables] .gateway-content .knopfgruppe{display:inline-block;margin:4px 8px 4px 0;padding:0;white-space:nowrap}
[data-gateway-tool=tables] .gateway-content .knopfbereich button{width:36px;height:36px;padding:3px;font-size:20px;line-height:1;vertical-align:middle}
[data-gateway-tool=tables] .gateway-content .knopfbereich{text-align:left;word-spacing:normal}
[data-gateway-tool=tables] .gateway-content .fehlermeldung{border:2px solid #a12626;padding:.8em;background:white;color:#a12626}
[data-gateway-tool=tables] .gateway-content #Detailtabelle th,[data-gateway-tool=tables] .gateway-content #Uebersichtstabelle th{font-size:100%;background:#dadada}
@media(max-width:600px){
 [data-gateway-tool=tables] .gateway-content input[type=image]{margin-right:1em}
 [data-gateway-tool=tables] .gateway-content .knopfbereich button{font-size:clamp(16px,5vw,24px)}
}

@media print { .donation-form { display:block; margin:12px 0; padding:0; text-align:center; } .donation-form .donation-button, .donation-form button, .donation-form input { display:none!important; } .donation-form::before { content:url("assets/donation-qr.jpg"); display:inline-block; width:150px; height:150px; object-fit:contain; } }

/* Compact layout for both language versions of the monster truth tables. */
[data-gateway-tool=tables] .gateway-content{padding:18px;line-height:1.4}
[data-gateway-tool=tables] .gateway-content p{margin:10px 0}
[data-gateway-tool=tables] .gateway-content h2{margin:18px 0 10px}
[data-gateway-tool=tables] .gateway-content .fehlermeldung{padding:8px 12px}
[data-gateway-tool=tables] .gateway-content #Detailtabelle table,
[data-gateway-tool=tables] .gateway-content #Uebersichtstabelle table{width:max-content;max-width:100%}
[data-gateway-tool=tables] .gateway-content #Detailtabelle :is(td,th),
[data-gateway-tool=tables] .gateway-content #Uebersichtstabelle :is(td,th){padding:4px 2px;line-height:1.3;white-space:nowrap}

/* Let table headers stick to the viewport rather than an inner scroll container. */
[data-gateway-tool=tables] .gateway-content #Detailtabelle table,
[data-gateway-tool=tables] .gateway-content #Uebersichtstabelle table{display:table;overflow:visible;max-width:none}
[data-gateway-tool=tables] .gateway-content #Detailtabelle th,
[data-gateway-tool=tables] .gateway-content #Uebersichtstabelle th{position:sticky;top:0;z-index:10;background:#dadada}
@media print{
 [data-gateway-tool=tables] .gateway-content #Detailtabelle th,
 [data-gateway-tool=tables] .gateway-content #Uebersichtstabelle th{position:static}
}

@media print{.gateway-content .spende>*{display:none!important}.gateway-content .spende::before{content:url("assets/donation-qr.jpg");display:block}}