/* Only the requested navigation and information-page additions. */
.site-header-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.site-menu { position:relative; flex:none; z-index:60; }
.site-menu summary { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--stroke); border-radius:50%; background:var(--surface); color:var(--ink); cursor:pointer; list-style:none; }
.site-menu summary::-webkit-details-marker { display:none; }
.site-menu summary:focus-visible, .site-menu a:focus-visible, .guide-main a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.site-menu-icon { display:grid; gap:4px; width:18px; }
.site-menu-icon i { display:block; height:2px; border-radius:2px; background:currentColor; }
.site-menu-panel { position:absolute; left:0; top:calc(100% + 12px); width:min(300px,calc(100vw - 32px)); max-height:calc(100dvh - 110px); overflow:auto; padding:10px; border:1px solid var(--stroke); border-radius:22px; background:var(--surface-strong); backdrop-filter:blur(22px); box-shadow:var(--shadow); }
.site-menu[open] .site-menu-panel { animation:guide-enter .2s ease-out; }
.site-menu-panel a { display:block; padding:12px 14px; border-radius:12px; text-decoration:none; font-size:.95rem; font-weight:700; }
.site-menu-panel a:hover, .site-menu-panel a[aria-current="page"] { background:color-mix(in srgb,var(--accent) 13%,transparent); }
.guide-start-link { font-size:.95rem; line-height:1.5; font-weight:650; margin:20px 0 24px; }
.guide-start-link a, .fact a, .feature p a, .section-lead a, .guide-main a { text-underline-offset:3px; }
.guide-main { max-width:860px; margin:auto; padding-bottom:40px; }
.guide-main .guide-intro { padding:64px 0 28px; }
.guide-main h1 { font-size:clamp(2.4rem,6vw,4.4rem); margin:18px 0 24px; line-height:1.07; }
.guide-main .guide-article { padding:28px; margin:18px 0; border:1px solid var(--stroke); border-radius:26px; background:var(--surface); backdrop-filter:blur(18px); animation:guide-enter .35s ease-out; scroll-margin-top:20px; }
.guide-article h2 { font-size:clamp(1.3rem,3vw,1.8rem); line-height:1.2; margin:0 0 14px; }
.guide-article p, .guide-main .guide-next { color:var(--muted); line-height:1.65; font-weight:600; }
.guide-article p:last-child { margin-bottom:0; }
.guide-main .guide-contents { display:flex; flex-wrap:wrap; gap:10px 20px; line-height:1.7; font-weight:650; }
.guide-main .guide-next { padding:24px 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; }
.guide-home { text-decoration:none; }
@keyframes guide-enter { from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:translateY(0)} }
@media (max-width:480px) { .site-header-brand { gap:8px; } .guide-main .guide-article {padding:22px;} .guide-main .guide-intro {padding-top:36px;} }
@media (prefers-reduced-motion:reduce) { .site-menu[open] .site-menu-panel, .guide-main .guide-article {animation:none;} }

/* Static excerpts in the requested App-Vorschau tile; no live account data. */
#web .preview-details { display:grid; gap:24px; min-width:0; }
#web .preview-detail { margin:0; min-width:0; }
#web .preview-detail figcaption { display:grid; gap:6px; margin-bottom:12px; }
#web .preview-detail figcaption b { font-size:1.06rem; }
#web .preview-detail figcaption span { color:var(--muted); font-size:.9rem; line-height:1.45; }
#web .preview-fragment { padding:18px; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:linear-gradient(140deg,#21132f,#0b0a10); color:#f2f5fa; font-family:-apple-system,BlinkMacSystemFont,sans-serif; }
#web .preview-fragment small { display:block; color:#b8c2cf; font-size:.65rem; font-weight:800; letter-spacing:.6px; }
#web .preview-fragment strong { display:block; margin-top:5px; font-size:1.55rem; font-weight:850; }
#web .preview-fragment strong span { color:#b8c2cf; font-size:.8rem; font-weight:600; }
#web .preview-battery { display:flex; align-items:center; justify-content:space-between; gap:16px; }
#web .preview-battery strong { font-size:2.7rem; }
#web .preview-charge { display:grid; gap:5px; min-width:90px; text-align:right; }
#web .preview-charge b { font-size:1.2rem; }
#web .preview-charge>span, #web .preview-vehicle>div>span { color:#b8c2cf; font-size:.8rem; }
#web .preview-charge-track { height:7px; border-radius:9px; background:#ffffff20; margin-top:5px; overflow:hidden; }
#web .preview-charge-track i { display:block; width:74%; height:100%; border-radius:inherit; background:#a361ff; }
#web .preview-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; text-align:center; }
#web .preview-metrics>div { padding:10px 2px; border:1px solid #ffffff20; border-radius:14px; background:#ffffff08; }
#web .preview-metrics>div:nth-child(2) { border-color:#a361ff70; background:#a361ff20; }
#web .preview-vehicle { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#web .preview-vehicle strong { font-size:1.25rem; margin-bottom:5px; }
#web .preview-active { color:#cfaaff; font-size:.8rem; white-space:nowrap; }
@media (max-width:480px) {
  #web .preview-fragment { padding:14px; }
  #web .preview-metrics { gap:5px; }
  #web .preview-metrics strong { font-size:1.1rem; }
  #web .preview-metrics small { font-size:.55rem; letter-spacing:0; }
}