:root{
  --bg-deep:#0E0908; --bg-raise:#17100D; --ink:#F6F1EB; --ink-soft:#A99F95;
  --accent:#EF562E; --border:rgba(246,241,235,0.12); --border-strong:rgba(246,241,235,0.22);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg-deep);color:var(--ink);font-family:"Inter",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;}

.topbar{
  position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,4vw,56px);background:rgba(14,9,8,0.7);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-bottom:0.5px solid var(--border);
}
.topbar .brand{font-family:"Fraunces",Georgia,serif;font-size:20px;font-weight:500;text-decoration:none;color:var(--ink);letter-spacing:-0.01em;}
.topbar .back{font-size:14px;color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color .2s ease;}
.topbar .back:hover{color:var(--ink);}
.topbar .back svg{width:16px;height:16px;}

.page{max-width:760px;margin:0 auto;padding:64px clamp(20px,4vw,56px) 110px;}
.page .eyebrow{color:var(--accent);font-size:13px;letter-spacing:0.07em;text-transform:uppercase;}
.page h1{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.1;margin:12px 0 8px;letter-spacing:-0.015em;}
.page .updated{color:var(--ink-soft);font-size:14px;margin:0 0 44px;}
.page h2{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:1.4rem;margin:40px 0 12px;color:var(--ink);}
.page p,.page li{color:#D3CBC2;font-size:15px;line-height:1.7;}
.page ul{padding-left:20px;margin:10px 0;}
.page li{margin-bottom:8px;}
.page a.inl{color:var(--accent);text-decoration:none;}
.page a.inl:hover{text-decoration:underline;}
.note{margin-top:40px;padding:16px 18px;background:var(--bg-raise);border:0.5px solid var(--border);border-radius:12px;color:var(--ink-soft);font-size:13.5px;line-height:1.55;}

.status-banner{display:flex;align-items:center;gap:13px;padding:18px 20px;background:rgba(20,151,107,0.12);border:0.5px solid rgba(52,201,139,0.4);border-radius:14px;margin-bottom:34px;}
.status-banner .pulse{width:12px;height:12px;border-radius:50%;background:#34C98B;flex:none;box-shadow:0 0 12px rgba(52,201,139,0.7);}
.status-banner b{color:var(--ink);}
.status-list{border-top:0.5px solid var(--border);}
.status-row{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:0.5px solid var(--border);}
.status-row .svc{color:var(--ink);font-size:15px;}
.status-row .ok{color:#34C98B;font-size:13.5px;display:inline-flex;align-items:center;gap:7px;}
.status-row .ok::before{content:"";width:7px;height:7px;border-radius:50%;background:#34C98B;}

footer.mini{border-top:0.5px solid var(--border);padding:28px clamp(20px,4vw,56px);color:var(--ink-soft);font-size:13px;text-align:center;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px;}