/* Perspektiven: common palette and typography for the existing INITIQ views. */
:root{--bg:#eef0f4;--surface:#fff;--surface-strong:#e4e8ee;--border:rgba(12,17,29,.16);--border-strong:rgba(12,17,29,.28);--text:#0c111d;--text-secondary:#47566b;--text-muted:#47566b;--blue:#28578a;--blue-bright:#173d67;--gold:#7e592a;--slate:#47566b;--green:#246a44;--radius:12px;--maxw:1180px;color-scheme:light}
:root[data-theme=dark]{--bg:#0c111d;--surface:#191e2a;--surface-strong:#202634;--border:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.28);--text:#eef0f4;--text-secondary:#a9b8ce;--text-muted:#a9b8ce;--blue:#8ab4e8;--blue-bright:#b2cff3;--gold:#e8c79a;--slate:#a9b8ce;--green:#7fc8a9;color-scheme:dark}
body.pq-perspektiven{background:var(--bg);color:var(--text)}
body.pq-perspektiven::before{display:none}
.pq-perspektiven h1{font-size:clamp(34px,4.4vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}
.pq-perspektiven h2{font-size:clamp(25px,2.7vw,36px);font-weight:500;letter-spacing:-.025em}
.pq-perspektiven h3{font-size:21px;font-weight:500;letter-spacing:-.015em}
.pq-perspektiven .hero{padding:48px 0 42px;border-bottom:1px solid var(--border);margin-bottom:38px}
.pq-perspektiven .hero p.lead{font-size:clamp(18px,1.8vw,23px);line-height:1.65;margin-top:24px;max-width:60ch}
.pq-perspektiven .hero .btn-row{margin-top:28px}
.pq-perspektiven .card,.pq-perspektiven .panel{background:var(--surface);box-shadow:none}
.pq-perspektiven .card:not(.campaign-card){padding:26px}
.pq-perspektiven .grid{gap:24px}
.pq-perspektiven .btn{min-height:44px;font-weight:500;background:var(--surface)}
.pq-perspektiven .btn:hover{border-color:var(--red);background:var(--surface-strong)}
.pq-perspektiven .btn.primary{background:var(--red);color:#fff}
.pq-perspektiven .btn.primary:hover{background:#bd0711}
.pq-perspektiven :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:var(--surface);color:var(--text);border-color:var(--border-strong);font:inherit;min-height:44px}
.pq-perspektiven :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}
.pq-perspektiven select{color-scheme:inherit}
.pq-perspektiven select :is(option,optgroup){background:var(--surface);color:var(--text)}
.pq-perspektiven .notice{color:var(--text);background:var(--surface-strong);border-color:var(--border-strong);border-left:3px solid var(--blue)}
.pq-perspektiven .notice.warn{border-left-color:var(--gold)}
.pq-perspektiven .notice.error{border-left-color:var(--red)}
.pq-perspektiven .notice.success{border-left-color:var(--green)}
.pq-perspektiven .badge{border-radius:5px}
:root[data-theme=light] .pq-perspektiven .badge.referendum{color:#a90914}
.pq-perspektiven :is(.progress .track,.poll-result .track,.poll-options button,.action-bar.sticky,details.formalities,.pill){background:var(--surface-strong)}
.pq-perspektiven :is(.timeline::before,.timeline-line){background:var(--red)}
.pq-perspektiven :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--red);outline-offset:4px}
:root[data-theme=dark] .pq-perspektiven :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--gold)}
:root,body.pq-perspektiven{overflow-x:clip;overflow-y:visible}
:root{scroll-padding-top:calc(var(--pq-header-height,0px) + 16px)}
.pq-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 5%;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:60}
.pq-logo{display:block;width:86px;flex-shrink:0}
.pq-logo img{display:block;width:100%;height:auto}
.pq-logo-dark{display:none!important}
:root[data-theme=dark] .pq-logo-light{display:none!important}
:root[data-theme=dark] .pq-logo-dark{display:block!important}
.pq-clock{font-size:14px;color:var(--text-muted);white-space:pre-line;line-height:1.5;min-width:145px}
.pq-clock [data-client-time]{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}
.pq-hourglass{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;color:var(--text)}
.pq-hourglass svg{width:15px;height:20px}
.pq-busy .pq-hourglass{background:#e8c79a;color:#0c111d}
.pq-busy .pq-hourglass svg{animation:pq-hour-turn 1s ease-in-out infinite}
.pq-pulse .pq-hourglass{animation:pq-attention .65s ease-out 1}
@keyframes pq-hour-turn{0%,20%{transform:rotate(0)}75%,100%{transform:rotate(180deg)}}
@keyframes pq-attention{0%{box-shadow:0 0 0 0 rgba(232,199,154,.65)}100%{box-shadow:0 0 0 18px rgba(232,199,154,0)}}
.pq-menu{display:flex;gap:17px;align-items:center;flex-wrap:wrap}
.pq-menu details{position:relative}
.pq-menu summary{font-size:14px;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:5px;list-style:none}
.pq-menu summary::after{content:'⌄';font-size:12px}
.pq-menu summary::-webkit-details-marker{display:none}
.pq-menu ul{list-style:none;position:absolute;top:100%;left:0;min-width:235px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.13);z-index:61}
.pq-menu a{display:block;padding:10px 12px;font-size:14px;color:var(--text);border-radius:4px}
.pq-menu a:hover{background:var(--surface-strong)}
.pq-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}
.pq-controls :is(button,select),.pq-menu-toggle{border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;min-height:44px;padding:8px 11px;cursor:pointer}
.pq-menu-toggle{display:none}
.pq-identity{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:14px;padding:8px 0 8px 10px;max-width:32ch;overflow-wrap:anywhere}
.pq-embedded-identity{display:none}
:root[data-politiq-embedded=true] .pq-embedded-identity{display:inline-flex;font-weight:600}
.pq-perspektiven :is(.decision,.editor-topbar,.editor-sidebar,.editor-canvas,.block-editor,dialog#submit-dialog){background:var(--surface)}
:root[data-theme=light] .pq-perspektiven :is(.hint.error,.chip-red,.timeline-step.danger .timeline-day,.block-error,ul.checklist li.open){color:#a90914}
.pq-breadcrumbs{flex-basis:100%;order:10;padding:12px 0 0;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}
.pq-breadcrumbs ol,.pq-breadcrumbs li{display:flex;flex-wrap:wrap;gap:9px;list-style:none;align-items:center}
.pq-breadcrumbs a{color:var(--text-muted)}
.pq-product-header{position:relative;top:auto;background:var(--surface);backdrop-filter:none;border-bottom:1px solid var(--border);z-index:30}
.pq-product-header .bar{max-width:1180px;min-height:70px;padding:12px 20px}
.pq-product-header .brand a{font-size:13px;letter-spacing:.13em;font-weight:500}
.pq-product-header .lang-bar a{color:var(--text-muted);min-height:36px;display:flex;align-items:center}
.pq-product-header .lang-bar a.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.pq-language-note{padding:12px 5%;font-size:13px;border-bottom:1px solid var(--border);background:var(--surface)}
.pq-perspektiven .site-footer{background:var(--surface);border-color:var(--border)}
.pq-skip{position:absolute;top:-80px;left:16px;z-index:100;background:var(--surface);color:var(--text);padding:12px}
.pq-skip:focus{top:12px}
.pq-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
[hidden]{display:none!important}
:root[data-politiq-embedded=true] .pq-header,:root[data-politiq-embedded=true] .pq-breadcrumbs,:root[data-politiq-embedded=true] .site-footer,:root[data-politiq-embedded=true] .pq-skip{display:none}
:root[data-politiq-embedded=true],:root[data-politiq-embedded=true] body{min-height:0!important;height:auto!important;overflow:visible!important}
@media(max-width:1120px){.pq-header{gap:14px}.pq-menu{order:3;width:100%;gap:24px}.pq-controls{margin-left:auto}.pq-menu ul{top:95%}}
@media(max-width:650px){.pq-header{padding:14px 5%;gap:12px}.pq-logo{width:66px}.pq-hourglass{width:29px;height:29px}.pq-menu-toggle{display:block;margin-left:auto}.pq-controls{width:100%;margin-left:0}.pq-menu{display:none;order:4;gap:0}.pq-menu.is-open{display:block}.pq-menu details{border-top:1px solid var(--border)}.pq-menu summary{padding:7px 0}.pq-menu ul{position:static;box-shadow:none;width:100%;border:0;padding-left:8px;background:var(--surface)}.pq-breadcrumbs{font-size:12px}.pq-product-header .bar{gap:10px}.pq-product-header nav{margin-left:0;gap:12px}.pq-perspektiven .hero{padding-top:32px}.pq-perspektiven .card:not(.campaign-card){padding:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pq-perspektiven *, .pq-perspektiven *::before,.pq-perspektiven *::after{animation:none!important;transition:none!important}}
@media print{.pq-header,.pq-breadcrumbs,.pq-product-header,.pq-language-note{display:none}}

/* Persistent product status; the notice opens without enlarging mobile chrome. */
.pq-platform-status{position:relative;z-index:65;flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border);order:-1}
.pq-status-label,.pq-pilot>summary{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #e8c79a;border-radius:5px;background:#e8c79a;color:#0c111d;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.015em}
.pq-software-version{margin-left:auto;background:transparent;color:var(--text);border-color:var(--border)}
.pq-pilot>summary{cursor:pointer;list-style:none;background:#b70914;color:#fff;border-color:#b70914;min-height:40px}
.pq-pilot>summary::-webkit-details-marker{display:none}
.pq-pilot>summary::after{content:'⌄';margin-left:8px}
.pq-pilot[open]>summary::after{content:'⌃'}
.pq-pilot p{position:absolute;top:calc(100% + 8px);left:0;z-index:66;width:min(650px,100%);max-width:100%;padding:18px;margin:0;border:1px solid var(--gold);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;line-height:1.55;box-shadow:0 12px 28px #0003}
@media(max-width:600px){.pq-platform-status{gap:6px;padding-bottom:8px}.pq-status-label,.pq-pilot>summary{font-size:11px;padding:6px 8px}.pq-software-version{margin-left:0}}

.pq-design-credit{display:block;flex-basis:100%;font-size:11px;line-height:1.5;color:var(--text-muted);padding-top:14px;text-decoration:underline;text-underline-offset:3px}
