:root{
  --bg:#0e1418;--shell:#151c22;--panel:#1b242c;--line:#2a3540;
  --text:#e8eef2;--mute:#8b9aab;--acc:#c9a254;--acc2:#8caaa0;--danger:#d9776f;
  --sans:"Segoe UI",system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif;--mono:Consolas,"Courier New",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.theme-signal{
  font-family:var(--sans);
  background:linear-gradient(180deg,#0c1216 0%,#10181e 100%);
  color:var(--text);line-height:1.65;min-height:100vh;padding:1.25rem;
}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-shell{
  max-width:1280px;margin:0 auto;background:var(--shell);
  border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:86vh;
  display:flex;flex-direction:column;animation:fade .4s ease both;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}
.site-header-center{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.85rem;padding:1.15rem 1.25rem 1rem;
  background:linear-gradient(180deg,#182028 0%,#151c22 100%);
  border-bottom:1px solid var(--line);text-align:center;
}
.site-header-center .brand{
  display:flex;gap:.75rem;align-items:center;justify-content:center;
  text-decoration:none;color:inherit;
}
.site-header-center .brand img{width:48px;height:48px;border-radius:12px}
.site-header-center .brand-text h1{
  font-family:var(--serif);font-size:1.35rem;font-weight:400;letter-spacing:.02em;line-height:1.15;
}
.site-header-center .brand-text h1 span{color:var(--acc)}
.site-header-center .brand-text .sub{
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:.2rem;
}
.nav-toggle{display:none}
.nav-toggle-btn{
  display:none;border:1px solid var(--line);background:var(--panel);color:var(--text);
  border-radius:8px;padding:.45rem .8rem;font:inherit;cursor:pointer;
}
.site-header-center .header-nav{
  display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:0;max-width:920px;
}
.site-header-center .header-nav a{
  padding:.42rem .78rem;color:var(--mute);text-decoration:none;font-size:.88rem;
  border-radius:999px;border:1px solid transparent;
}
.site-header-center .header-nav a:hover{
  color:var(--text);background:rgba(201,162,84,.1);border-color:var(--line);
}
.site-header-center .header-nav a.active{
  color:#1a1510;background:var(--acc);border-color:var(--acc);font-weight:600;
}
.layout-body{display:grid;grid-template-columns:210px minmax(0,1fr) 210px;flex:1}
.sidebar{padding:1.1rem .85rem 1.4rem;background:#121920}
.sidebar-left{border-right:1px solid var(--line)}
.sidebar-right{border-left:1px solid var(--line);background:#131a21}
.sidebar-title{
  font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);
  margin:0 .25rem .65rem;
}
.sidebar-nav a{
  display:block;padding:.48rem .65rem;margin:0 0 .2rem;color:var(--mute);text-decoration:none;
  font-size:.86rem;border-radius:8px;border-left:2px solid transparent;
}
.sidebar-nav a:hover{color:var(--text);background:rgba(140,170,160,.1);border-left-color:var(--acc2)}
.sidebar-nav a.active{color:var(--text);background:rgba(201,162,84,.12);border-left-color:var(--acc)}
.sidebar-note{
  margin:.9rem .25rem 0;padding:.7rem .75rem;border-radius:10px;border:1px solid var(--line);
  background:rgba(201,162,84,.07);font-size:.78rem;color:var(--mute);line-height:1.45;
}
.main-content{padding:1.75rem 1.85rem 2.1rem;animation:fade .45s .05s ease both}
.main-content h2{
  font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,1.95rem);font-weight:400;
  margin:0 0 1rem;letter-spacing:.01em;
}
.main-content h3{
  font-family:var(--serif);font-size:1.12rem;color:var(--acc2);font-weight:400;
  margin:1.45rem 0 .5rem;border-bottom:1px solid var(--line);padding-bottom:.3rem;
}
.main-content p,.main-content li{color:#d5dee6}
.main-content ul,.main-content ol{margin:0 0 1rem 1.2rem}
.main-content li{margin:.28rem 0}
.main-content a{color:var(--acc);text-underline-offset:2px}
.main-content a:hover{color:var(--acc2)}
.lead{color:var(--mute);font-size:1.04rem;margin-bottom:1rem}
.tag{
  display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--acc);margin-bottom:.55rem;
}
.warning-box,.info-box,.scan-box{
  border-radius:10px;padding:1rem 1.1rem;margin:1.1rem 0;border:1px solid var(--line);
}
.warning-box{background:rgba(217,119,111,.1);border-left:3px solid var(--danger)}
.info-box,.scan-box{background:rgba(140,170,160,.09);border-left:3px solid var(--acc2)}
.onion-vault{
  margin:1.2rem 0 1.35rem;padding:1.15rem 1.2rem;background:var(--panel);
  border:1px solid var(--line);border-radius:12px;
}
.onion-vault h3{margin:0 0 .55rem;border:0;padding:0;color:var(--acc)}
.onion-block{margin:.95rem 0}
.onion-block h4{color:var(--acc);margin:0 0 .35rem;font-size:.92rem}
code.onion-line{
  display:block;font-family:var(--mono);font-size:.8rem;word-break:break-all;
  background:#0e1418;border:1px solid var(--line);border-radius:8px;
  padding:.55rem .7rem;margin:.28rem 0;color:#d7e2ea;
}
code.onion-line a{color:#d7e2ea;text-decoration:none;font-weight:400}
code.onion-line a:hover{color:var(--acc)}
.news-card{
  display:block;padding:1rem 1.05rem;margin:.75rem 0;border-radius:10px;
  background:var(--panel);border:1px solid var(--line);
}
.news-card:hover{border-color:rgba(201,162,84,.45)}
.news-card time{font-size:.76rem;color:var(--mute)}
.news-card h3{margin:.2rem 0 .35rem;border:0;padding:0;font-size:1.02rem;color:var(--text)}
.news-card h3 a{color:var(--text);text-decoration:none;font-weight:400}
.news-card h3 a:hover{color:var(--acc)}
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:1.1rem;margin-top:1.15rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.05rem}
.card h3{margin-top:0;border:0;padding:0;color:var(--acc2)}
.footer-note{
  margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);
  font-size:.84rem;color:var(--mute);
}
.source-list{columns:2;list-style:none;margin-left:0}.source-list li{margin:.32rem 0;break-inside:avoid}
@media(max-width:1100px){.layout-body{grid-template-columns:190px minmax(0,1fr)}.sidebar-right{display:none}}
@media(max-width:820px){
  body.theme-signal{padding:.55rem}
  .nav-toggle-btn{display:inline-block}
  .site-header-center .header-nav{display:none;width:100%}
  .nav-toggle:checked~.header-nav{display:flex}
  .layout-body{grid-template-columns:1fr}
  .sidebar-left{border-right:0;border-bottom:1px solid var(--line)}
  .sidebar-nav{display:flex;flex-wrap:wrap;gap:.25rem}
  .grid-2{grid-template-columns:1fr}.source-list{columns:1}
  .main-content{padding:1.25rem}
}