:root{
  --cream:#f7f2ed;
  --paper:#fffdfb;
  --paper-soft:#fbf8f5;
  --blush:#e9c8bb;
  --terracotta:#c7775e;
  --terracotta-dark:#a95f4a;
  --ink:#30302f;
  --muted:#696461;
  --line:#e4d8d1;
  --dark:#2f302f;
  --focus:#7a3d2d;
  --shadow:0 22px 60px rgba(75,55,45,.09);
}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 18%,rgba(233,200,187,.18),transparent 20%),radial-gradient(circle at 92% 78%,rgba(199,119,94,.08),transparent 20%);z-index:-1}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}










.page-main{flex:1}
.hero{
  background:linear-gradient(180deg,#fbf7f3,#fff);
  padding:2rem clamp(1.2rem,4vw,4rem);
  overflow:visible;
}
.hero::before{content:none}
.hero-shell{
  max-width:1060px;
  margin:auto;
  position:relative;
  display:block;
  min-height:0;
  padding:clamp(2rem,5vw,4.5rem);
  background:#fff;
  border:1px solid var(--line);
  border-radius:0;
  box-shadow:var(--shadow);
  overflow:visible;
}
.hero-shell::after{content:none}
.hero-kicker{
  margin:0 0 .55rem;
  color:var(--terracotta-dark);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  line-height:1.6;
  font-weight:700;
  max-width:none;
}
.hero-rule{display:none}
.hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(2.7rem,6vw,4.8rem);
  line-height:1;
  letter-spacing:-.045em;
  margin:.3rem 0 1.45rem;
  max-width:none;
}
.hero-lead{
  font-size:1rem;
  max-width:48rem;
  color:#4f4a47;
  margin:0;
}
.content-wrap{background:linear-gradient(180deg,#fbf7f3,#fff);padding:2rem clamp(1.2rem,4vw,4rem) 4rem}
.content-grid{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.card{background:linear-gradient(180deg,#fdfbf9,#faf7f4);border:1px solid #f1ebe7;padding:1.65rem 1.55rem 1.8rem;min-height:100%}
.card-heading{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;line-height:1.55;margin:0 0 1rem;font-weight:750}
.card-heading::after{content:"";display:block;width:30px;height:1px;background:var(--terracotta);margin-top:.7rem}
.version-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.3rem 0 1.3rem;border-bottom:1px solid var(--line);margin-bottom:1.15rem}
.version-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
.version-value{font-family:Georgia,"Times New Roman",serif;font-size:2.4rem;line-height:1;margin-top:.35rem}
.status{display:inline-flex;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;color:#4f4a47;text-align:right}
.status-dot{width:10px;height:10px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 5px rgba(199,119,94,.10);flex:none;margin-top:.25rem}
.status.ok .status-dot{background:#6d9c79;box-shadow:0 0 0 5px rgba(109,156,121,.10)}
.meta{display:grid;gap:.85rem}
.meta-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start}
.meta-label{font-size:.78rem;color:var(--muted)}
.meta-value{font-size:.86rem;color:#4f4a47;word-break:break-word}
.codebox{background:#fff;border:1px solid var(--line);padding:1rem 1.1rem;overflow:auto}
pre{margin:0;white-space:pre-wrap;word-break:break-word;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#4f4a47}
.info-note{margin-top:1.15rem;border-left:3px solid var(--terracotta);padding:.95rem 1rem;background:#fbf5f1;font-size:.82rem;color:#4f4a47}










@media(max-width:800px){
  .hero{padding:1rem}
  .hero-shell{display:block;min-height:0;max-width:1060px;padding:1.6rem 1.4rem}
  .hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}
  
  .content-grid{grid-template-columns:1fr}
  .meta-row{grid-template-columns:1fr;gap:.2rem}
  
}

/* Header comes from the main schaubrenner.com stylesheet. */
.site-header{position:relative;z-index:80}
.drawer{z-index:100}
.drawer-backdrop{z-index:90}
.a11y-panel{z-index:110}

/* Language visibility must win over component display rules. */
[data-lang][hidden]{display:none!important}

/* Firmware page links: no underline. */
.meta-value a,.info-note a,.footer-links a,.contact-row a{text-decoration:none}
.underline-links .meta-value a,.underline-links .info-note a,.underline-links .footer-links a,.underline-links .contact-row a{text-decoration:underline!important}