*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:17px/1.55 var(--sl-font)}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--ink)}button,input,summary,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:20px;background:var(--surface);padding:15px;z-index:10}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto}header{padding:25px 32px;display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800;letter-spacing:.025em;text-decoration:none;color:var(--ink)}.brand span{font-size:15px;font-weight:400;letter-spacing:0;padding-left:12px;border-left:1px solid var(--line);margin-left:12px}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:15px}main{padding:0 32px}.intro{padding:46px 0 30px}.eyebrow{font-weight:700;letter-spacing:.11em;font-size:13px;color:var(--blue);margin:0 0 12px}h1{font-size:clamp(32px,4vw,48px);line-height:1.07;letter-spacing:-.02em;margin:0 0 20px}h2{font-size:27px;line-height:1.2;letter-spacing:-.02em;margin:0 0 18px}h3{font-size:18px;line-height:1.3;margin:0 0 8px}p{margin:0 0 16px}.intro>p:last-child{font-size:19px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:28px;align-items:start}.install,.guide{padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap}.badge{font-size:13px;white-space:nowrap;background:var(--warning);color:var(--warning-text);padding:5px 10px;border-radius:4px;font-weight:bold}.release{font-size:15px;color:var(--muted)}.notice{padding:14px 16px;border-left:3px solid var(--sl-color-orange);background:var(--warning);font-size:15px}.steps{counter-reset:steps;list-style:none;margin:26px 0;padding:0}.steps>li{counter-increment:steps;position:relative;padding-left:42px;margin:0 0 26px}.steps>li:before{content:counter(steps);position:absolute;left:0;top:0;font-size:14px;font-weight:bold;background:var(--surface);color:var(--blue);width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.steps p{font-size:16px}.tip{font-size:14px;color:var(--muted)}fieldset{border:0;padding:0;margin:0 0 16px}legend{font-weight:bold;margin:0 0 12px}.choice{border:1px solid var(--line);border-radius:6px;padding:14px;display:flex;align-items:start;gap:12px;margin:0 0 10px;cursor:pointer}.choice:has(:checked){border-color:var(--brand);background:var(--tint)}input{accent-color:var(--brand);width:19px;height:19px;flex-shrink:0;margin:3px 0 0}small{display:block;font-size:14px;line-height:1.45;color:var(--muted);margin-top:5px}.confirmation{display:flex;gap:12px;font-size:15px;margin:22px 0}.button,button{font:700 16px/1.3 var(--sl-font);border:1px solid var(--brand);border-radius:999px;padding:14px 20px;background:var(--brand);color:#0a0a0a;cursor:pointer;display:inline-block;text-decoration:none;text-align:center}button:disabled{opacity:.48;cursor:not-allowed}.secondary{display:block}.button:hover,button:hover:not(:disabled){background:#2dd4fc;color:#0a0a0a}.small{font-size:14px;color:var(--muted);margin:14px 0 0}.guide{background:var(--surface);border-top:3px solid var(--brand)}.guide h2{font-size:30px}.guide figure{margin:24px 0}.guide img{width:100%;max-width:320px;height:auto;display:block;margin:auto;border-radius:8px;box-shadow:0 8px 20px #142c3720}.guide figcaption{font-size:13px;margin-top:10px;text-align:center;color:var(--muted)}.download{display:block;text-align:center;margin:16px 0;font-size:15px}.quicklinks{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:grid;gap:12px;font-size:15px}.after{padding:54px 0;border-bottom:1px solid var(--line)}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:30px}.number{display:block;color:var(--blue);font-size:14px;font-weight:bold;margin-bottom:12px}.columns p{font-size:16px}.columns a{font-size:15px}code{font-size:.87em;overflow-wrap:anywhere}.help{padding:45px 0 54px;max-width:850px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-weight:bold;cursor:pointer}details p{padding-top:15px;margin-bottom:0;font-size:16px}footer{padding:25px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}footer div{display:flex;gap:16px;flex-wrap:wrap}esp-web-install-button{display:block}#connect{width:100%}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.guide{max-width:none}.guide figure{float:right;width:240px;margin:0 0 18px 25px}.columns{gap:20px}.guide:after{content:"";display:block;clear:both}}
@media(max-width:600px){header{align-items:start;flex-direction:column;padding:20px}nav{gap:18px}main{padding:0 18px}.intro{padding-top:30px}.intro br{display:none}.install,.guide{padding:22px 18px}.steps>li{padding-left:36px}.columns{grid-template-columns:1fr}.guide figure{float:none;width:auto;margin:24px 0}.guide img{max-width:280px}footer{padding:24px 18px;flex-direction:column}.after{padding:36px 0}h2{font-size:25px}}

.devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:4px}.devices legend{font-size:19px;margin-bottom:15px}.devices .choice{background:var(--surface);padding:20px}.devices .choice:has(:checked){border:2px solid var(--brand);padding:19px;background:var(--tint)}.selection-note{font-size:14px;color:var(--muted);margin:0 0 28px}@media(max-width:600px){.devices{grid-template-columns:1fr;gap:6px}}
.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.config-grid label{font-weight:600;min-width:0}.config-key{grid-column:1/-1}.config-grid input{display:block;box-sizing:border-box;width:100%;height:auto;margin:8px 0 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.config-grid small{font-weight:400}.config-actions{display:flex;flex-wrap:wrap;gap:12px}.config-actions button:not(:first-child){background:var(--surface);color:var(--blue);border-color:var(--line)}#config-status{margin:16px 0 28px;font-weight:600}#konfiguration li{margin-bottom:12px}@media(max-width:600px){.config-grid{grid-template-columns:1fr}.config-actions{flex-direction:column}.config-actions button{width:100%}}
.epaper-guide{max-width:900px}.epaper-guide>section{padding:30px 0;border-bottom:1px solid var(--line)}.epaper-guide li{margin-bottom:12px}.epaper-guide pre{background:var(--surface);padding:18px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}@media print{header,footer,.skip{display:none}body{background:var(--surface);font-size:11pt}.epaper-guide>section{break-inside:avoid}h1{font-size:28pt}h2{font-size:19pt}}

/* Starlight content proportions and StoryVault primary actions. */
.browser-check{padding:20px 24px;margin:0 0 28px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;background:var(--surface)}.browser-check h2{font-size:19px;margin-bottom:10px}.browser-check p{font-size:15px;margin-bottom:8px}.browser-check p:last-child{margin-bottom:0}.browser-check[data-state="unsupported"]{border-left-color:var(--sl-color-orange);background:var(--warning)}#browser-status{font-weight:600}
.intro{padding-top:36px}h1{font-weight:800}.eyebrow{letter-spacing:.04em}.install,.guide{border-radius:8px}.steps>li:before{background:var(--tint)}.button.secondary{background:var(--brand);color:#0a0a0a}.devices .choice{border-radius:8px}.help summary{font-weight:600}.badge{font-weight:600;text-transform:uppercase;letter-spacing:.03em}.sv-header nav{margin-left:auto}.guide h2{font-size:27px}