:root{
  --blue:#2b59b8;
  --blue-dark:#1f4698;
  --nav:#505564;
  --nav-dark:#3f4452;
  --bg:#eef0f2;
  --panel:#fff;
  --line:#d6d8dc;
  --ink:#2b2b2b;
  --muted:#6d7076;
  --green:#008f1f;
  --red:#df2020;
  --amber:#a46a00;
  --shadow:0 2px 8px rgba(0,0,0,.12);
  --max:1040px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    linear-gradient(#696b70 0, #696b70 136px, transparent 136px),
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.9), transparent 45%),
    var(--bg);
  font:14px/1.55 Arial,Helvetica,sans-serif;
}
a{color:#0676d8;text-decoration:none}
a:hover{text-decoration:underline}
.site-shell{width:min(calc(100% - 28px),var(--max));margin:auto}
.logo-wrap{
  height:136px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.logo-wrap img{
  width:min(693px,100%);
  height:auto;
  display:block;
  background:#eee;
}
.navbar{
  margin-top:-25px;
  background:var(--nav);
  border-radius:6px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.navbar a{
  color:white;
  padding:13px 14px;
  border-right:1px solid #343946;
  text-transform:uppercase;
  font-size:12px;
  white-space:nowrap;
}
.navbar a:hover,.navbar a.active{background:var(--nav-dark);text-decoration:none}
.nav-spacer{flex:1}
.archive-badge{
  display:flex;align-items:center;padding:0 14px;color:#dfe3ea;
  font-size:11px;letter-spacing:.04em;text-transform:uppercase
}
.layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 282px;
  gap:20px;
  padding:12px 10px 35px;
}
.main-col{min-width:0}
.post,.page-card,.sidebar-box{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.post,.page-card{padding:20px;margin-bottom:18px}
.featured{
  font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#777;
  margin:-13px 0 10px
}
h1,h2,h3{line-height:1.18;margin-top:0}
h1{font-size:28px}
h2{font-size:25px}
h3{font-size:18px}
.meta{color:#777;font-size:12px}
.post p,.page-card p{font-size:15px}
.hero-note{
  background:#fff8d9;border-left:4px solid #e6bd38;padding:11px 13px;
  margin:0 0 18px
}
.sidebar-box{margin-bottom:13px}
.sidebar-title{
  background:linear-gradient(#3266ca,#2856af);
  color:#fff;
  padding:7px 10px;
  font-size:18px;
  font-weight:bold;
}
.sidebar-content{padding:7px 10px 12px}
.group-title{text-align:center;font-weight:bold;font-size:12px;margin:0 0 4px}
.subtle{text-align:center;font-size:12px;margin:0 0 7px}
.status-table{
  width:100%;border-collapse:collapse;font-size:12px
}
.status-table th{text-align:left;padding:1px 0}
.status-table td{padding:1px 0;vertical-align:top}
.status-table td:nth-child(2),.status-table td:nth-child(3){white-space:nowrap}
.status-linked{color:var(--green)}
.status-air{color:var(--green)}
.status-off{color:var(--red)}
.rule{border:0;border-top:3px solid #d2d2d2;width:72%;margin:8px auto}
.link-list{list-style:none;padding:0;margin:0}
.link-list li{border-bottom:1px solid #ddd;padding:2px 0}
.archive-label{
  color:#7a5a00;background:#fff1bd;border:1px solid #ead081;
  border-radius:3px;padding:2px 5px;font-size:10px;font-weight:bold
}
.note{
  color:#5f646b;background:#f4f6f7;border:1px solid #dce0e4;
  padding:10px 12px
}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.mini-card{border:1px solid #ddd;background:#fafafa;padding:14px}
.mini-card h3{margin-bottom:7px}
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th,.data-table td{
  border:1px solid #d9d9d9;padding:7px 8px;text-align:left
}
.data-table th{background:#eff3f8}
.timeline{border-left:3px solid #cad5e8;padding-left:18px}
.timeline article{margin-bottom:20px}
.timeline time{color:#777;font-size:12px}
.footer{
  border-top:1px solid #ccd0d6;background:#e5e7e9;color:#666;
  font-size:12px;padding:18px 0 28px
}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
.small{font-size:12px!important;color:#666}
.warning{
  background:#fff4f4;border:1px solid #edc3c3;border-left:4px solid var(--red);
  padding:10px 12px;margin-bottom:14px
}
.callout{
  background:#edf4ff;border-left:4px solid var(--blue);
  padding:11px 13px;margin:15px 0
}
code{background:#f2f2f2;padding:2px 4px}
@media(max-width:860px){
  body{background:var(--bg)}
  .logo-wrap{height:auto;background:#eee;padding-bottom:25px}
  .navbar{margin-top:-18px;overflow-x:auto}
  .archive-badge{display:none}
  .layout{grid-template-columns:1fr;padding-inline:0}
  .sidebar{order:2}
}
@media(max-width:600px){
  .site-shell{width:min(calc(100% - 16px),var(--max))}
  .navbar a{padding:11px 10px;font-size:11px}
  .cards{grid-template-columns:1fr}
  .post,.page-card{padding:15px}
  .footer-inner{display:block}
}