*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0E0F0D;--sidebar:#0B0D0B;--panel:#141814;
  --text:#E5E7EB;--sec:#9CA3AF;--amber:#A85E15;--lime:#A5C63F;
}
html{font-size:16px}
body{
  background:var(--bg);color:var(--text);
  font-family:Georgia,'Times New Roman',serif;
  line-height:1.8;min-height:100vh;
}
a{color:var(--lime);text-decoration:none}
a:hover{color:var(--amber);text-decoration:underline}
header{
  background:var(--sidebar);
  border-bottom:3px solid var(--lime);
  padding:20px 32px;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
header img{height:34px;width:auto;opacity:.9}
.site-title{
  font-size:1.5rem;font-weight:700;color:var(--lime);
  font-family:Georgia,serif;letter-spacing:-.01em;
  line-height:1.1;
}
.site-title small{
  display:block;font-size:.72rem;color:var(--sec);
  font-weight:400;letter-spacing:.08em;text-transform:uppercase;
}
nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
nav a{
  color:var(--sec);font-size:.84rem;padding:6px 14px;
  border-radius:20px;border:1px solid #252825;
  font-family:Georgia,serif;
  transition:all .2s;
}
nav a:hover,nav a.active{
  color:var(--bg);background:var(--lime);
  border-color:var(--lime);text-decoration:none;
}
.breadcrumb{
  padding:9px 32px;font-size:.77rem;color:var(--sec);
  background:var(--sidebar);border-bottom:1px solid #1a1e1a;
  font-family:'Courier New',monospace;
}
.breadcrumb a{color:var(--sec);text-decoration:none}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb span{color:var(--lime);margin:0 5px}
.url-hero{
  background:var(--panel);
  border:2px solid var(--lime);
  border-radius:8px;
  margin:24px 32px 0;padding:20px 26px;
  position:relative;
}
.url-hero::before{
  content:"✓ Verifierad länk";
  position:absolute;top:-12px;left:20px;
  background:var(--lime);color:var(--bg);
  font-size:.68rem;padding:2px 10px;border-radius:10px;
  font-family:'Courier New',monospace;letter-spacing:.06em;font-weight:700;
}
.url-hero-label{
  font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--sec);margin-bottom:9px;font-family:'Courier New',monospace;
}
.url-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.blink-dot{
  display:inline-block;width:12px;height:12px;
  background:var(--lime);border-radius:50%;flex-shrink:0;
  animation:breathe 2s ease-in-out infinite;
  box-shadow:0 0 8px var(--lime);
}
@keyframes breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}
.onion-link{
  font-size:clamp(.76rem,2.2vw,.97rem);
  color:var(--lime);word-break:break-all;font-weight:700;
  font-family:'Courier New',monospace;
}
.copy-btn{
  background:var(--lime);color:var(--bg);
  border:none;padding:8px 20px;border-radius:20px;cursor:pointer;
  font-family:Georgia,serif;font-size:.84rem;white-space:nowrap;flex-shrink:0;
  font-weight:700;
  transition:background .2s;
}
.copy-btn:hover{background:#8aaa30}
.clearnet-row{margin-top:8px;font-size:.84rem;color:var(--sec)}
.clearnet-row a{color:var(--sec)}
main{
  max-width:860px;
  margin:0 auto;
  padding:32px 32px 64px;
}
.guru-intro{
  font-size:1.15rem;color:var(--sec);
  margin:28px 0;padding:22px 28px;
  border-left:4px solid var(--lime);
  background:var(--panel);
  border-radius:0 6px 6px 0;
  font-style:italic;
}
h1.page-title{
  font-size:clamp(1.7rem,5vw,2.6rem);
  color:var(--lime);
  margin-bottom:8px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.page-tagline{color:var(--sec);font-size:1rem;margin-bottom:24px;font-style:italic}
h2{
  font-size:1.25rem;color:var(--amber);
  margin:36px 0 14px;
  padding-left:14px;
  border-left:4px solid var(--amber);
}
h3{font-size:1.05rem;color:var(--lime);margin:22px 0 10px}
h4{font-size:.95rem;color:var(--sec);margin:14px 0 6px;font-style:italic}
p{margin-bottom:16px}
.tip-block{
  background:var(--panel);
  border-radius:8px;
  padding:18px 22px;
  margin:18px 0;
  border:1px solid #1e231e;
  position:relative;
}
.tip-icon{
  position:absolute;top:-13px;left:18px;
  background:var(--panel);padding:0 8px;
  font-size:1.2rem;
}
.step-card{
  background:var(--panel);border-radius:6px;
  padding:20px 24px;margin:16px 0;
  border:1px solid #1e231e;
  border-left:4px solid var(--lime);
}
.step-num{
  font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--lime);margin-bottom:8px;font-family:'Courier New',monospace;
}
.step-card h3{margin-top:0;color:var(--text);font-size:1rem}
.checklist{list-style:none;padding:0;margin:12px 0}
.checklist li{
  padding:9px 0 9px 28px;position:relative;
  border-bottom:1px solid #1a1e1a;font-size:.93rem;
}
.checklist li::before{content:"✓";color:var(--lime);position:absolute;left:0;font-weight:700}
.warn-block{
  background:#1a0e08;border:1px solid var(--amber);border-radius:6px;
  padding:16px 20px;margin:20px 0;font-size:.92rem;
}
.warn-block strong{color:var(--amber)}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.87rem}
th{background:var(--sidebar);color:var(--lime);padding:10px 13px;text-align:left;border:1px solid #1e231e}
td{padding:9px 13px;border:1px solid #1e231e}
tr:nth-child(even) td{background:#0f120f}
.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.74rem;font-weight:700}
.badge-green{background:#0d1f0d;color:#4ade80;border:1px solid #1e3f1e}
.badge-amber{background:#1f0d04;color:var(--amber);border:1px solid #3f1e08}
.faq-item{margin:12px 0;border-radius:6px;overflow:hidden;border:1px solid #1e231e}
.faq-q{
  font-weight:700;color:var(--text);cursor:pointer;
  padding:12px 16px;background:var(--panel);
  display:flex;justify-content:space-between;align-items:center;
  font-size:.92rem;
}
.faq-q:hover{background:#161a16}
.faq-a{padding:14px 18px;font-size:.9rem;color:var(--sec);background:#0e110e;display:none}
.site-img{max-width:100%;height:auto;border-radius:6px;border:1px solid #1e231e;margin:20px 0;display:block}
footer{
  background:var(--sidebar);border-top:3px solid #1a1e1a;
  padding:30px 32px;font-size:.82rem;color:var(--sec);
}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.footer-col h4{color:var(--lime);margin-bottom:9px;font-size:.88rem;font-family:Georgia,serif}
.footer-col a{color:var(--sec);text-decoration:none}
.footer-col a:hover{color:var(--lime)}
.footer-col ul{list-style:none;padding:0}
.footer-col ul li{margin-bottom:5px}
.pgp-snippet{
  font-family:'Courier New',monospace;font-size:.7rem;
  background:#080a08;padding:8px 10px;border-radius:4px;
  color:#4a5a4a;word-break:break-all;border:1px solid #1a1e1a;margin-top:6px;
}
.quote{
  font-style:italic;border-left:2px solid var(--amber);
  padding-left:10px;margin-top:10px;font-size:.84rem;line-height:1.6;
}
.footer-bottom{
  text-align:center;margin-top:20px;padding-top:12px;
  border-top:1px solid #1a1e1a;color:#3a4a3a;font-size:.76rem;
}
@media(max-width:768px){
  header{padding:14px 16px}
  main{padding:20px 16px 48px}
  .url-hero{margin:14px 16px 0;padding:16px 18px}
  footer{padding:20px 16px}
  .breadcrumb{padding:7px 16px}
}
