/* Fenster */
.win{width:min(1180px,100%);flex:1 1 auto;min-height:0;max-height:920px;display:flex;flex-direction:column;background:var(--chrome);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #b6addb,0 24px 60px rgba(70,60,130,.3)}
.strip{display:flex;align-items:flex-end;padding:9px 12px 0}
.lights{display:flex;gap:7px;align-self:center;padding:0 14px 9px 2px}
.lights i{width:12px;height:12px;border-radius:50%;background:#e48bb0}
.lights i+i{background:#efcf85}.lights i+i+i{background:#9bd3b0}
.tabs{display:flex;flex:1;min-width:0;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:1 1 0;min-width:116px;max-width:180px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:10px 10px 0 0;background:transparent;color:var(--soft);font:700 13px/1.2 var(--fb);cursor:pointer;white-space:nowrap}
.tab .t{overflow:hidden;text-overflow:ellipsis}
.tab .fav{flex:none;width:17px;height:17px;border-radius:5px;background:var(--c);display:grid;place-items:center;color:#fff;font-size:10px;line-height:1}
.tab:hover{background:rgba(255,255,255,.5)}
.tab[aria-selected=true]{background:var(--bar);color:var(--ink)}

/* Werkzeugleiste */
.bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bar);border-bottom:1px solid var(--line)}
.nb{flex:none;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.nb:hover:not(:disabled){background:#dcd5f2}
.nb:disabled{opacity:.35;cursor:default}
.nb svg,.url svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.url{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;margin-left:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--soft);white-space:nowrap;overflow:hidden}
.url svg{flex:none;width:15px;height:15px}
.url b{font-weight:500;color:var(--ink)}

/* Fußzeile unter dem Browserfenster */
.foot{flex:none;padding:0 12px;text-align:center;font-size:.8rem;line-height:1.5;color:var(--ink)}
.foot span{white-space:nowrap}

/* Inhalt */
.view{flex:1;min-height:0;overflow-y:auto;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;scrollbar-width:thin;scrollbar-color:#b9b0dc transparent}
.page{max-width:1000px;margin:0 auto;padding:38px clamp(18px,4vw,52px) 60px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px 48px;align-items:start}
.page.wide{grid-template-columns:minmax(0,1fr)}
.page.lore3{max-width:1240px;grid-template-columns:220px minmax(0,1fr) 220px;gap:28px 40px}
.page aside{position:sticky;top:38px}
h1{margin:0 0 .45em;font:italic 600 clamp(40px,5vw,60px)/1 var(--fd);text-wrap:balance}
h2{margin:1.3em 0 .3em;font:italic 600 1.7rem/1.1 var(--fd);color:var(--accent)}
address{font-style:normal;margin:0 0 .9em}
.note{font-size:.88rem;color:var(--soft)}
.box{background:#fff;border-radius:10px;padding:1em 1.2em;box-shadow:0 3px 12px rgba(70,60,130,.12)}