/* Grundlayout fuer die SPSR-Unterseiten (About, FAQ). */
:root{--bg:#eeede9;--ink:#020202;--muted:#77746d;--tv:#d9cdb4;--tv-dark:#8f8571;--screen:#0b1f13}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--ink);font-family:VT323,monospace;padding:40px 18px 120px;display:flex;justify-content:center}
a{color:inherit}
.card{width:min(94vw,480px)}
.brand{text-align:center}
.brand h1{font-family:"Press Start 2P",monospace;font-size:clamp(28px,7vw,42px);letter-spacing:.04em;margin:0 0 14px}
.brand p{margin:0 0 30px;font-size:20px;letter-spacing:.03em;color:var(--muted);line-height:1.45}
.page-title{font-family:"Press Start 2P",monospace;font-size:13px;letter-spacing:.06em;text-align:center;margin:0 0 26px;color:var(--ink)}

/* Textblock im TV-Gehaeuse-Look */
.panel{background:var(--tv);border:3px solid var(--tv-dark);box-shadow:6px 6px 0 var(--tv-dark);padding:20px 18px;margin-bottom:22px}
.panel h2{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.7;letter-spacing:.05em;margin:0 0 14px}
.panel p{margin:0 0 14px;font-size:20px;line-height:1.5}
.panel p:last-child{margin-bottom:0}
.panel .quote{color:var(--ink)}
.panel .note{color:#5d5a53;font-size:19px}
.kicker{font-family:"Press Start 2P",monospace;font-size:8px;letter-spacing:.1em;color:var(--muted);margin:0 0 10px}
.tagline{font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8;letter-spacing:.05em;text-align:center;margin:26px 0 0;color:var(--ink)}

/* FAQ-Akkordeon */
.faq-group{margin-bottom:26px}
.faq-group > h2{font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.06em;margin:0 0 12px;color:var(--muted)}
.faq-item{border:3px solid var(--tv-dark);background:var(--tv);box-shadow:4px 4px 0 var(--tv-dark);margin-bottom:12px}
.faq-q{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;background:transparent;border:0;padding:14px 13px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.75;letter-spacing:.03em;color:var(--ink);-webkit-tap-highlight-color:transparent}
.faq-q:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.faq-q .mark{flex-shrink:0;width:16px;color:#b5443b}
.faq-item.open .faq-q .mark{color:#2f7d3a}
.faq-a{display:none;padding:0 13px 15px 39px;font-size:20px;line-height:1.5;color:#33312d}
.faq-item.open .faq-a{display:block}
.faq-a p{margin:0 0 12px}
.faq-a p:last-child{margin-bottom:0}

.back{display:block;text-align:center;margin-top:30px;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.06em;color:var(--muted);text-decoration:none}
.contact{margin-top:30px;text-align:center;font-size:18px;line-height:1.6;color:var(--muted)}
.contact a{text-decoration:underline}
.mockup-badge{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--ink);color:var(--bg);font-family:VT323,monospace;font-size:14px;padding:6px 10px}
@media(max-width:480px){.panel{padding:16px 14px}.faq-q{font-size:8px}.faq-a{padding-left:34px}}