/* Live page politiq.ch/live/ (PRP-LIVE-002). Uses the shell tokens (--s-*) of
   perspektiven.css, which map to the web CI (dark default, light on request).
   Red only for the live marker and the one main action. */

#pq-start-designs .lv{--lv-top:0px;max-width:1500px;margin:0 auto;padding:22px 5% 0}
#pq-start-designs .lv-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- council bar ---- */
#pq-start-designs .lv-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-bottom:14px}
#pq-start-designs .lv-title{font-size:clamp(24px,2.4vw,32px);margin-right:auto}
#pq-start-designs .lv-tabs{display:flex;gap:6px}
#pq-start-designs .lv-tabs button{background:transparent;gap:10px}
#pq-start-designs .lv-tabs button[aria-selected=true]{background:var(--s-ink);color:var(--s-bg);border-color:var(--s-ink)}
#pq-start-designs .lv-tab-live{font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--s-red);padding:2px 7px;border-radius:999px}
#pq-start-designs .lv-session{font-size:14px;color:var(--s-muted);flex-basis:100%}
#pq-start-designs .lv-notice{margin:0 0 14px;padding:10px 14px;border:1px solid var(--s-gold);border-radius:6px;color:var(--s-ink);background:var(--s-surface);max-width:none}

/* ---- grid ---- */
#pq-start-designs .lv-grid{display:grid;grid-template-columns:minmax(280px,30%) 1fr;gap:28px;align-items:start}
#pq-start-designs .lv-side{position:sticky;top:calc(var(--lv-top) + 12px);max-height:calc(100vh - var(--lv-top) - 70px);overflow:auto;padding-right:6px;scrollbar-gutter:stable}
#pq-start-designs .lv-mobile-tabs{display:none}

/* ---- left: switch, filters ---- */
#pq-start-designs .lv-viewswitch{display:flex;gap:6px;margin-bottom:10px}
#pq-start-designs .lv-viewswitch button{flex:1;font-size:14px;min-height:40px;padding:8px 10px}
#pq-start-designs .lv-filters{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;font-size:13px;color:var(--s-muted)}
#pq-start-designs .lv-filters label{display:flex;flex-direction:column;gap:4px;flex:1 1 120px}
#pq-start-designs .lv-filters select{font:inherit;font-size:14px;color:var(--s-ink);background:var(--s-surface);border:1px solid var(--s-line);border-radius:6px;min-height:40px;padding:6px 8px}

/* ---- left: tree ---- */
#pq-start-designs .lv-tree ul{list-style:none;margin:0;padding:0}
#pq-start-designs .lv-tree ul ul{padding-left:16px;border-left:1px solid var(--s-line);margin-left:7px}
#pq-start-designs .lv-t{font-size:14px;line-height:1.4}
#pq-start-designs .lv-t:focus{outline:none}
#pq-start-designs .lv-t:focus>.lv-t-row{outline:2px solid var(--ci-focus);outline-offset:1px;border-radius:4px}
#pq-start-designs .lv-t-row{display:flex;gap:6px;padding:5px 4px;cursor:pointer;border-radius:4px}
#pq-start-designs .lv-t-row:hover{background:var(--s-soft)}
#pq-start-designs .lv-t-toggle{width:12px;flex-shrink:0;color:var(--s-muted)}
#pq-start-designs .lv-t0>.lv-t-row{font-weight:600}
#pq-start-designs .lv-t-business,#pq-start-designs .lv-t-person{display:flex;flex-direction:column;gap:2px;min-width:0}
#pq-start-designs .lv-t-meta{font-size:12px;color:var(--s-muted)}
#pq-start-designs .lv-t3 .lv-t-row{font-size:13px;color:var(--s-muted)}
#pq-start-designs .lv-t3 time{color:var(--s-ink);font-variant-numeric:tabular-nums}
#pq-start-designs .lv-live-dot{color:var(--s-red);font-size:12px;font-weight:700;margin-left:4px}
#pq-start-designs .lv-empty{font-size:14px;color:var(--s-muted);padding:10px 0}

/* ---- left: timeline ---- */
#pq-start-designs .lv-timeline{width:100%;border-collapse:collapse;font-size:13px}
#pq-start-designs .lv-timeline th,#pq-start-designs .lv-timeline td{text-align:left;padding:6px 5px;vertical-align:top}
#pq-start-designs .lv-timeline thead th{font-weight:600;color:var(--s-muted);border-bottom:1px solid var(--s-line);white-space:nowrap}
#pq-start-designs .lv-timeline tbody tr:not(.lv-day-row){border-top:1px solid var(--ci-border)}
#pq-start-designs .lv-timeline td time{font-variant-numeric:tabular-nums;white-space:nowrap}
#pq-start-designs .lv-timeline td a{text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-timeline td>span{display:block}
#pq-start-designs .lv-tl-time{width:84px}
#pq-start-designs .lv-tl-person{font-weight:600}
#pq-start-designs .lv-tl-words{color:var(--s-muted);font-size:12px;margin-top:2px}
#pq-start-designs .lv-timeline td:last-child{width:92px;white-space:nowrap}
#pq-start-designs .lv[data-view=time] .lv-grid{grid-template-columns:minmax(340px,38%) 1fr}
#pq-start-designs .lv-day-row th{padding-top:14px;font-size:13px}
#pq-start-designs .lv-timeline tr.is-live td{background:var(--s-soft)}
#pq-start-designs .lv-sort{min-height:32px;padding:2px 6px;font-size:13px;background:transparent;border:0;color:inherit}

/* ---- right: video and text scroll together (user request 01.10.2026) ---- */
#pq-start-designs .lv-sticky{position:static;padding-bottom:10px}
/* cap the video so the first lines of text stay in view below it */
#pq-start-designs .lv-video{position:relative;aspect-ratio:16/9;width:min(100%, calc((100vh - var(--lv-top)) * .46 * 16 / 9));border-radius:10px;overflow:hidden;background:var(--s-soft);border:1px solid var(--s-line)}
#pq-start-designs .lv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px}
#pq-start-designs .lv-video-source{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--s-muted);max-width:none}
#pq-start-designs .lv-video-source a{color:var(--s-ink);text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-video iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;background:transparent}
#pq-start-designs .lv-offline{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;padding:24px 6%;font-size:15px}
#pq-start-designs .lv-offline-title{font-size:clamp(18px,2vw,24px);font-weight:600}
#pq-start-designs .lv-offline ul{margin:6px 0 0;padding-left:18px}
#pq-start-designs .lv-offline button{align-self:flex-start}
#pq-start-designs .lv-audio{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--s-muted)}
#pq-start-designs .lv-audio button{min-height:34px;padding:4px 10px;font-size:13px}
#pq-start-designs .lv-script{order:2;flex-basis:100%}
#pq-start-designs .lv-now{order:1}
#pq-start-designs .lv-now{font-size:15px;max-width:none;flex:1 1 320px}
#pq-start-designs .lv-now-label{color:var(--s-red);font-weight:700}
#pq-start-designs .lv-now-what{color:var(--s-muted)}

/* ---- right: text stream, fixed format ---- */
#pq-start-designs .lv-stream-title{font-size:18px;margin:14px 0 8px}
#pq-start-designs .lv-sep{display:flex;align-items:center;gap:10px;margin:20px 0 10px;font-size:13px;font-weight:600;color:var(--ci-accent-text)}
#pq-start-designs .lv-sep::before,#pq-start-designs .lv-sep::after{content:"";flex:1;height:1px;background:var(--s-line)}
#pq-start-designs .lv-sep span{max-width:70%;text-align:center}
#pq-start-designs .lv-day-sep{font-size:16px;margin:26px 0 4px}
#pq-start-designs .lv-block{border:1px solid var(--s-line);border-radius:10px;background:var(--s-surface);margin:0 0 12px;scroll-margin-top:calc(var(--lv-top) + 16px)}
#pq-start-designs .lv-block:focus{outline:none}
#pq-start-designs .lv-block.is-flash{animation:lv-flash 1.6s ease-out 1}
@keyframes lv-flash{0%{box-shadow:0 0 0 3px var(--s-gold)}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){#pq-start-designs .lv-block.is-flash{animation:none;box-shadow:0 0 0 2px var(--s-gold)}}
#pq-start-designs .lv-block header{padding:10px 14px;border-bottom:1px solid var(--ci-border)}
#pq-start-designs .lv-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;color:var(--s-muted);max-width:none}
#pq-start-designs .lv-head time{font-variant-numeric:tabular-nums;color:var(--s-ink);font-weight:600}
#pq-start-designs .lv-head a{text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-badge{display:inline-block;margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid currentColor}
#pq-start-designs .lv-badge-provisional{color:#fff;background:var(--s-red);border-color:var(--s-red)}
#pq-start-designs .lv-badge-final{color:#1b1b1b;background:#f2c230;border-color:#f2c230}
#pq-start-designs .lv-badge-official{color:var(--ci-green)}
#pq-start-designs[data-theme=light] .lv-badge-official{color:#1d6b4a}
#pq-start-designs .lv-person{display:flex;justify-content:space-between;gap:10px;margin-top:4px;font-weight:600;max-width:none}
#pq-start-designs .lv-person a{text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-lang{font-size:12px;font-weight:600;color:var(--s-muted)}
#pq-start-designs .lv-body{padding:12px 14px;font-size:16px;line-height:1.6}
#pq-start-designs .lv-body p{max-width:75ch}
#pq-start-designs .lv-body p+p{margin-top:10px}
#pq-start-designs .lv-body a{text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-body p.is-provisional{color:var(--s-muted)}
#pq-start-designs .lv-body p.is-pending{font-style:italic}
#pq-start-designs .lv-translated-note{font-style:italic}
#pq-start-designs .lv-cursor{display:inline-block;width:3px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--s-red);animation:lv-blink 1s steps(1) infinite}
@keyframes lv-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){#pq-start-designs .lv-cursor{animation:none}}
#pq-start-designs .lv-block footer{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 14px;border-top:1px solid var(--ci-border);font-size:12px;color:var(--s-muted)}
#pq-start-designs .lv-block footer a{text-decoration:underline;text-underline-offset:3px;color:var(--s-ink)}
#pq-start-designs .lv-jump{flex:0 0 auto;min-height:34px;padding:4px 12px;font-size:13px}
#pq-start-designs .lv-jump[hidden]{display:none}

/* ---- disclaimer ---- */
#pq-start-designs .lv-disclaimer-bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;position:sticky;bottom:0;z-index:6;margin:18px -5% 0;padding:9px 5%;font-size:13px;line-height:1.45;color:var(--s-ink);background:var(--s-surface);border-top:1px solid var(--s-line);max-width:none}
#pq-start-designs .lv-disclaimer-bar p{flex:1 1 320px;margin:0;max-width:none}
#pq-start-designs .lv-disclaimer-bar a{text-decoration:underline}
#pq-start-designs .lv-disclaimer{margin:28px 0 36px;padding:18px 20px;border:1px solid var(--s-line);border-radius:10px;font-size:14px;line-height:1.6}
#pq-start-designs .lv-disclaimer p+p{margin-top:8px;color:var(--s-muted)}

/* ---- phone and tablet ---- */
@media(max-width:1023px){
  #pq-start-designs .lv{padding-top:14px}
  #pq-start-designs .lv-grid{display:flex;flex-direction:column-reverse;gap:0}
  #pq-start-designs .lv-mobile-tabs{display:flex;gap:6px;margin-bottom:10px}
  #pq-start-designs .lv-mobile-tabs button{flex:1;min-height:40px;font-size:14px}
  #pq-start-designs .lv-mobile-tabs button[aria-selected=true]{background:var(--s-ink);color:var(--s-bg)}
  #pq-start-designs .lv-side{position:static;max-height:none;overflow:visible;padding:0}
  #pq-start-designs .lv[data-mobile-panel=text] .lv-side{display:none}
  #pq-start-designs .lv[data-mobile-panel=nav] .lv-stream,#pq-start-designs .lv[data-mobile-panel=nav] .lv-stream-title{display:none}
  #pq-start-designs .lv-sticky{margin:0 -5%;padding:0 0 8px}
  #pq-start-designs .lv-video{width:100%;border-radius:0;border-left:0;border-right:0}
  #pq-start-designs .lv-controls{padding:0 5%}
  #pq-start-designs .lv-disclaimer-bar{font-size:12px}
}

/* ---- daily programme and topic alarm (user request 01.10.2026) ---- */
#pq-start-designs .lv-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
#pq-start-designs .lv-actions button{min-height:38px;padding:6px 14px;font-size:14px}
#pq-start-designs .lv-actions button.is-on{border-color:var(--s-red);color:var(--s-ink)}
#pq-start-designs .lv-alarm-mark{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ci-accent-text);border:1px solid currentColor;white-space:nowrap}
#pq-start-designs .lv-toast{position:sticky;top:calc(var(--lv-top) + 8px);z-index:7;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;padding:10px 14px;border:1px solid var(--s-red);border-radius:10px;background:var(--s-surface);color:var(--s-ink);font-size:14px;max-width:none}
#pq-start-designs .lv-toast[hidden]{display:none}
#pq-start-designs .lv-toast a{text-decoration:underline}
#pq-start-designs .lv-toast-close{margin-left:auto;min-height:30px;padding:2px 10px}
#pq-start-designs .lv-dialog{width:min(760px, calc(100vw - 32px));max-height:min(86vh, 900px);padding:0;border:1px solid var(--s-line);border-radius:12px;background:var(--ci-bg);color:var(--s-ink);overflow:auto}
#pq-start-designs .lv-dialog::backdrop{background:rgba(0,0,0,.55)}
#pq-start-designs .lv-dialog > *{margin-left:20px;margin-right:20px}
#pq-start-designs .lv-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;margin:0;padding:14px 20px;background:var(--ci-bg);border-bottom:1px solid var(--s-line)}
#pq-start-designs .lv-dialog-head h2{margin:0;font-size:20px}
#pq-start-designs .lv-dialog-close{margin-left:auto;min-height:34px;padding:2px 12px}
#pq-start-designs .lv-dialog-tabs{display:flex;gap:6px;margin-top:14px}
#pq-start-designs .lv-dialog-tabs button{min-height:36px;padding:4px 14px}
#pq-start-designs .lv-dialog-tabs button[aria-selected=true]{background:var(--s-ink);color:var(--s-bg)}
#pq-start-designs .lv-program-meta{margin-top:10px;color:var(--s-muted);font-size:14px;max-width:none}
#pq-start-designs .lv-program{list-style:none;margin-top:8px;padding:0}
#pq-start-designs .lv-prog-item{margin:0 0 10px;padding:10px 12px;border:1px solid var(--s-line);border-radius:10px;background:var(--s-surface)}
#pq-start-designs .lv-prog-item.is-alarm{border-color:var(--ci-accent-text);box-shadow:inset 4px 0 0 var(--ci-accent-text)}
#pq-start-designs .lv-prog-item.is-live{border-color:var(--s-red)}
#pq-start-designs .lv-prog-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#pq-start-designs .lv-prog-nr{font-weight:700;text-decoration:underline;text-underline-offset:3px}
#pq-start-designs .lv-prog-title{margin:4px 0 2px;font-size:15px;line-height:1.45;max-width:none}
#pq-start-designs .lv-prog-meta,#pq-start-designs .lv-prog-topics{margin:2px 0 0;font-size:12.5px;color:var(--s-muted);max-width:none}
#pq-start-designs .lv-prog-note{margin:16px 0 8px;font-size:13px;font-weight:700;color:var(--s-muted)}
#pq-start-designs .lv-program-source{margin:4px 20px 18px;font-size:13px;color:var(--s-muted);max-width:none}
#pq-start-designs .lv-program-source a{text-decoration:underline}
#pq-start-designs .lv-alarm-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 14px;margin-top:12px;margin-bottom:10px;padding:0;border:0}
#pq-start-designs .lv-alarm-opt{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;border:1px solid var(--s-line);border-radius:8px;cursor:pointer}
#pq-start-designs .lv-alarm-opt b{min-width:1.5em;text-align:right}
#pq-start-designs .lv-alarm-opt input{width:18px;height:18px}
#pq-start-designs .lv-alarm-sound{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:0;margin-bottom:10px;min-width:0;padding:10px 12px;border:1px solid var(--s-line);border-radius:8px}
#pq-start-designs .lv-alarm-sound legend{padding:0 4px;font-size:13px;font-weight:700}
#pq-start-designs .lv-alarm-sound label{display:flex;align-items:center;gap:7px;min-height:36px;cursor:pointer}
#pq-start-designs .lv-alarm-sound input{width:18px;height:18px}
#pq-start-designs .lv-alarm-sound button{margin-left:auto}
#pq-start-designs .lv-alarm-permission,#pq-start-designs .lv-alarm-note{font-size:13px;color:var(--s-muted);max-width:none}
#pq-start-designs .lv-alarm-note{margin-bottom:18px}
@media(max-width:1023px){#pq-start-designs .lv-actions{margin-left:0;width:100%}#pq-start-designs .lv-actions button{flex:1}}
#pq-start-designs .lv-t-business .lv-alarm-mark{align-self:flex-start;justify-self:start;width:max-content;margin:3px 0 0}
#pq-start-designs .lv-prog-time{display:inline-flex;align-items:center;gap:6px;min-width:7.5em;font-weight:700;font-variant-numeric:tabular-nums}
#pq-start-designs .lv-prog-time.is-estimate,#pq-start-designs .lv-prog-time.is-later{color:var(--s-muted)}
#pq-start-designs .lv-prog-estimate{padding:0 6px;border:1px dashed currentColor;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
#pq-start-designs .lv-program-estimate{margin-top:2px;font-size:12.5px;color:var(--s-muted);max-width:none}