/* kryptovaluutat.xyz — tyylit */
/* Muokkaa tätä tiedostoa sivuston ulkonäön muuttamiseksi */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --acid:#00FF88;--acid2:#00E5FF;--warn:#FF4500;
  --bg:#050508;--s1:#0D0D15;--s2:#141420;
  --border:rgba(0,255,136,.15);--border2:rgba(0,255,136,.3);
  --mono:'Space Mono',monospace;--display:'Bebas Neue',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#e0e0e0;font-family:var(--mono);min-height:100vh;overflow-x:hidden}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(0,255,136,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(0,255,136,.025) 1px,transparent 1px);
  background-size:40px 40px;
  animation:gridMove 25s linear infinite;
}
@keyframes gridMove{to{background-position:0 40px}}

.wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px 80px;overflow-x:hidden}

/* ── KAKSIPALSTAINEN LAYOUT ── */
.page-layout{display:block}
.main-col{min-width:0}
.news-box{background:var(--s1);border:1px solid var(--border);padding:6px 16px}

/* ── HEADER ── */
header{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px;
  border-bottom:1px solid var(--border);margin-bottom:0;flex-wrap:wrap;gap:12px}
.logo{font-family:var(--display);font-size:38px;letter-spacing:3px;color:var(--acid);
  text-shadow:0 0 40px rgba(0,255,136,.35);line-height:1}
.logo span{color:#fff}
.logo small{display:block;font-size:11px;letter-spacing:3px;color:#555;margin-top:2px;font-family:var(--mono);font-weight:400}
.live-badge{display:flex;align-items:center;gap:8px;background:rgba(0,255,136,.07);
  border:1px solid rgba(0,255,136,.22);padding:7px 16px;font-size:11px;
  letter-spacing:2px;color:var(--acid);text-transform:uppercase}
.dot{width:8px;height:8px;background:var(--acid);border-radius:50%;
  box-shadow:0 0 8px var(--acid);animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
#update-time{font-size:10px;color:#444;letter-spacing:1px;margin-top:4px;text-align:right}

/* ── TICKER ── */
.ticker-wrap{overflow:hidden;background:var(--s1);border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);padding:9px 0;margin-bottom:36px;position:relative}
.ticker-wrap::before,.ticker-wrap::after{content:'';position:absolute;top:0;bottom:0;width:60px;z-index:2}
.ticker-wrap::before{left:0;background:linear-gradient(to right,var(--s1),transparent)}
.ticker-wrap::after{right:0;background:linear-gradient(to left,var(--s1),transparent)}
.ticker{display:flex;white-space:nowrap;animation:scroll 45s linear infinite}
.ticker:hover{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.ti{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:12px;
  letter-spacing:1px;border-right:1px solid var(--border)}
.ti-sym{color:var(--acid);font-weight:700}
.ti-price{color:#fff}
.pos{color:#00FF88}.neg{color:#FF4444}

/* ── SECTION TITLE ── */
.sec{font-family:var(--display);font-size:12px;letter-spacing:4px;color:#666;
  text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;
  border-bottom:1px solid #111;margin-top:36px}

/* ── STAT CARDS ── */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.sc{background:var(--s1);border:1px solid var(--border);padding:20px;position:relative;
  overflow:hidden;transition:border-color .3s,transform .2s;cursor:default}
.sc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.sc:hover::before{transform:scaleX(1)}
.sc:hover{border-color:var(--border2)}
.sc-label{font-size:10px;letter-spacing:2px;color:#444;text-transform:uppercase;margin-bottom:8px}
.sc-val{font-size:23px;font-weight:700;color:#fff;margin-bottom:3px;font-variant-numeric:tabular-nums}
.sc-sub{font-size:11px;color:#444}
.green{color:var(--acid)}.red{color:#FF4444}

/* ── AI ANALYYSI ── */
.ai-box{background:var(--s1);border:1px solid rgba(0,229,255,.18);padding:24px;
  margin-top:36px;position:relative;overflow:hidden}
.ai-box::after{content:'AI';position:absolute;right:-8px;top:-18px;
  font-family:var(--display);font-size:110px;color:rgba(0,229,255,.03);pointer-events:none}
.ai-tag{display:inline-block;background:rgba(0,229,255,.09);border:1px solid rgba(0,229,255,.28);
  color:var(--acid2);font-size:10px;letter-spacing:2px;padding:4px 12px;text-transform:uppercase;margin-bottom:14px}
#ai-text{font-size:13px;line-height:1.9;color:#bbb;min-height:52px}
.cursor{display:inline-block;width:8px;height:13px;background:var(--acid2);
  margin-left:2px;animation:blink 1s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.ai-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ai-btn{background:transparent;border:1px solid rgba(0,229,255,.18);color:var(--acid2);
  font-family:var(--mono);font-size:11px;letter-spacing:1px;padding:8px 16px;
  cursor:pointer;text-transform:uppercase;transition:all .2s;white-space:nowrap}
.ai-btn:hover{background:rgba(0,229,255,.07);border-color:rgba(0,229,255,.45)}
.ai-btn:active{transform:scale(.97)}
.ai-btn.loading{opacity:.5;pointer-events:none}

/* Chat-kenttä */
.ai-chat{display:flex;gap:8px;margin-top:16px;border-top:1px solid rgba(0,229,255,.1);padding-top:16px}
.ai-input{flex:1;background:#0a0a12;border:1px solid rgba(0,229,255,.2);color:#e0e0e0;
  font-family:'Space Mono',monospace;font-size:12px;padding:10px 14px;
  outline:none;transition:border-color .2s;caret-color:var(--acid2)}
.ai-input::placeholder{color:#555}
.ai-input:focus{border-color:rgba(0,229,255,.5)}
.ai-send{background:rgba(0,229,255,.1);border:1px solid rgba(0,229,255,.25);
  color:var(--acid2);font-family:'Space Mono',monospace;font-size:11px;
  padding:10px 18px;cursor:pointer;white-space:nowrap;letter-spacing:1px;
  text-transform:uppercase;transition:all .2s;flex-shrink:0}
.ai-send:hover{background:rgba(0,229,255,.2);border-color:rgba(0,229,255,.5)}
.ai-send:active{transform:scale(.97)}
.ai-send:disabled{opacity:.4;pointer-events:none}

/* ── TAULUKKO ── */
.tbl-wrap{background:var(--s1);border:1px solid var(--border);overflow:hidden;margin-top:36px}
.tbl-header{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}
.tbl-title{font-size:12px;letter-spacing:2px;color:var(--acid2);text-transform:uppercase}
.filter-row{display:flex;gap:6px}
.fb{background:transparent;border:1px solid #1d1d2a;color:#444;font-family:var(--mono);
  font-size:10px;letter-spacing:1px;padding:5px 13px;cursor:pointer;
  text-transform:uppercase;transition:all .2s}
.fb.active,.fb:hover{border-color:var(--acid);color:var(--acid);background:rgba(0,255,136,.04)}
.tbl-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse}
thead th{text-align:left;font-size:10px;letter-spacing:2px;color:#666;
  text-transform:uppercase;padding:10px 20px;border-bottom:1px solid #0f0f18;font-weight:400}
thead th:not(:first-child){text-align:right}
tbody tr{border-bottom:1px solid #0e0e17;cursor:pointer;transition:background .2s}
tbody tr:hover{background:rgba(0,255,136,.04)}
tbody tr:last-child{border-bottom:none}
td{padding:13px 20px;font-size:13px;color:#ccc;vertical-align:middle}
td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.cn{display:flex;align-items:center;gap:12px}
.ci{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;
  font-family:var(--display);letter-spacing:0}
.cname{color:#fff;font-weight:700;font-size:13px}
.csym{color:#666;font-size:10px;letter-spacing:1px}
.price-c{color:#fff;font-weight:700}
.rank-b{width:22px;height:22px;background:#0d0d15;border:1px solid #1a1a25;
  display:flex;align-items:center;justify-content:center;font-size:10px;color:#444;flex-shrink:0}
.vbar{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.vbg{width:56px;height:4px;background:#141420}
.vfill{height:100%;background:var(--acid2);opacity:.55}

/* ── CHART GRID ── */
.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:36px}
@media(max-width:680px){.chart-grid{grid-template-columns:1fr}}
.cc{background:var(--s1);border:1px solid var(--border);padding:20px}
.cc-title{font-size:10px;letter-spacing:2px;color:#383838;text-transform:uppercase;margin-bottom:14px}
.btc-wrap{position:relative;height:200px}
.fg-wrap{text-align:center}
.fg-num{font-size:52px;font-family:var(--display);letter-spacing:2px;margin-top:4px}
.fg-lbl{font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-top:4px}
.fg-meta{font-size:10px;color:#666;margin-top:14px;letter-spacing:1px}

/* ── NEWS ── */
.news-box{background:var(--s1);border:1px solid var(--border);
  padding:6px 20px;margin-top:36px}

/* ── PÖRSSIT ── */
.exchange-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:0}
.ex-card{background:var(--s1);border:1px solid var(--border);padding:20px 22px;
  text-decoration:none;display:block;position:relative;overflow:hidden;
  transition:border-color .25s,transform .2s}
.ex-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ex-card:hover{border-color:var(--border2);transform:translateY(-2px)}
.ex-card:hover::before{transform:scaleX(1)}
.ex-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ex-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px}
.ex-badge{font-size:9px;letter-spacing:2px;padding:3px 8px;
  border:1px solid #2a2a35;color:#666;background:transparent;
  text-transform:uppercase;font-family:'Space Mono',monospace}
.ex-desc{font-size:11px;color:#777;line-height:1.6;margin-bottom:12px}
.ex-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ex-perk{font-size:10px;color:#666;letter-spacing:1px;padding:3px 8px;
  background:#0d0d18;border:1px solid #222230}
.ex-cta{display:flex;align-items:center;justify-content:space-between}
.ex-cta-txt{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-family:'Space Mono',monospace}
.ex-arrow{font-size:16px;transition:transform .2s}
.ex-card:hover .ex-arrow{transform:translateX(4px)}
.ex-disclaimer{font-size:10px;color:#555;letter-spacing:1px;margin-top:16px;
  padding-top:12px;border-top:1px solid #0f0f18;text-align:center}

/* ── TELEGRAM BOTIT ── */
.bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:0}
.bot-card{background:var(--s1);border:1px solid var(--border);padding:20px 22px;
  text-decoration:none;display:block;position:relative;overflow:hidden;
  transition:border-color .25s,transform .2s}
.bot-card:hover{border-color:rgba(36,161,222,.4);transform:translateY(-2px)}
.bot-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.bot-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:20px;flex-shrink:0}
.bot-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:#fff}
.bot-handle{font-size:10px;color:#666;letter-spacing:1px;margin-top:1px}
.bot-desc{font-size:11px;color:#777;line-height:1.7;margin-bottom:12px}
.bot-perks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.bot-perk{font-size:10px;color:#666;letter-spacing:1px;padding:3px 8px;
  background:#0d0d18;border:1px solid #222230}
.bot-cta{font-size:11px;letter-spacing:2px;text-transform:uppercase;
  font-family:'Space Mono',monospace;color:#24A1DE}
.bot-tg-badge{font-size:9px;letter-spacing:2px;padding:3px 8px;
  border:1px solid #1a2a35;color:#24A1DE;background:rgba(36,161,222,.05);
  text-transform:uppercase;font-family:'Space Mono',monospace}
.ni{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #0e0e17;cursor:default}
.ni:last-child{border-bottom:none}
.ni-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}
.ni-title{font-size:13px;color:#ccc;margin-bottom:3px;line-height:1.5}
.ni-meta{font-size:10px;color:#555;letter-spacing:1px}

/* ── FOOTER ── */
footer{border-top:1px solid #111;padding:24px 0;margin-top:48px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fl{font-family:var(--display);font-size:18px;color:#555;letter-spacing:2px}
.ft{font-size:10px;color:#555;letter-spacing:1px}

/* ── LOADING ── */
#loader{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;
  justify-content:center;flex-direction:column;gap:18px;z-index:999;transition:opacity .6s}
#loader.fade{opacity:0;pointer-events:none}
.lt{font-family:var(--display);font-size:clamp(16px,5vw,40px);color:var(--acid);
  text-shadow:0 0 40px rgba(0,255,136,.4);letter-spacing:6px;
  animation:flicker 2.5s infinite}
@keyframes flicker{0%,94%,100%{opacity:1}95%{opacity:.15}97%{opacity:.6}}
.lb-wrap{width:220px;height:2px;background:#111}
.lb{height:100%;background:var(--acid);animation:loadBar 2.2s ease-out forwards}
@keyframes loadBar{from{width:0}to{width:100%}}
.ls{font-size:11px;letter-spacing:3px;color:#2a2a2a;text-transform:uppercase}

/* ── MOBIILI ── */


@media(max-width:380px){
  .logo{font-size:22px}
  .stat-grid{grid-template-columns:1fr 1fr}
  .sc-val{font-size:16px}
  td:nth-child(7),th:nth-child(7){display:none}
}

/* ── MOBIILI (max 768px) ────────────────────────────────────────────── */
@media(max-width:768px){
  /* Yleinen layout */
  .wrap{padding:0 12px 60px}
  .page-layout{display:block}
  .main-col{display:block}

  /* Navigaatio */
  .main-nav{display:none !important}
  .burger{display:flex !important}

  /* Header */
  header{padding:0 12px}
  .logo{font-size:26px;letter-spacing:2px}
  .logo small{font-size:9px;letter-spacing:2px}

  /* Ticker */
  .ticker-wrap{margin-bottom:20px}
  .ti{padding:0 14px;font-size:11px}

  /* Section titles */
  .sec{font-size:11px;letter-spacing:3px;margin-top:20px}

  /* Stat cards */
  .stat-grid{grid-template-columns:1fr 1fr;gap:8px}
  .sc{padding:12px}
  .sc-label{font-size:9px;letter-spacing:1px}
  .sc-val{font-size:18px}

  /* AI-analyysi */
  .ai-box{padding:14px}
  .ai-btns{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;gap:6px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ai-btns::-webkit-scrollbar{display:none}
  .ai-btn{font-size:10px;padding:7px 12px;white-space:nowrap;flex-shrink:0}
  .ai-chat{gap:6px}
  .ai-input{font-size:11px;padding:9px 10px}
  .ai-send{font-size:10px;padding:9px 12px}

  /* Taulukko */
  .tbl-header{padding:10px 12px}
  .tbl-title{font-size:11px}
  .fb{font-size:9px;padding:5px 10px}
  td{padding:10px 8px;font-size:12px}
  thead th{padding:8px 8px;font-size:9px}
  td:nth-child(5),th:nth-child(5),
  td:nth-child(6),th:nth-child(6){display:none}
  .cname{font-size:12px}
  .ci{width:28px;height:28px;font-size:9px}

  /* Kaaviot — pino allekkain, SAMA leveys kuin muut elementit */
  .chart-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .cc{padding:14px;box-sizing:border-box;width:100%}
  .cc-title{font-size:9px;margin-bottom:10px}

  /* BTC kaavio — sopiva korkeus */
  .btc-wrap{height:160px}

  /* Pelko & Ahneus — pystysuora, keskitetty */
  .fg-wrap{display:flex;flex-direction:column;align-items:center;
    text-align:center;padding:8px 0;gap:6px}
  .fg-wrap svg{width:140px;height:auto;margin:0 auto}
  .fg-num{font-size:44px;margin-top:0}
  .fg-lbl{font-size:11px;letter-spacing:2px}
  .fg-meta{font-size:10px;margin-top:6px;text-align:center;line-height:1.6}

  /* Uutiset */
  .news-bottom-wrap{margin-top:20px}
  .news-box{padding:4px 12px}
  .ni{padding:11px 0;gap:10px}
  .ni-title{font-size:12px}
  .ni-meta{font-size:9px}
}

@media(max-width:380px){
  .logo{font-size:22px}
  .sc-val{font-size:16px}
  td:nth-child(7),th:nth-child(7){display:none}
  .fg-num{font-size:38px}
  .fg-wrap svg{width:120px}
}

/* ── NAVIGAATIO & MOBIILIMENU ── */
.main-nav{display:flex;align-items:center;gap:4px}
.nav-link{color:#444;text-decoration:none;font-size:10px;letter-spacing:1.5px;
  text-transform:uppercase;padding:6px 12px;transition:color .2s;white-space:nowrap}
.nav-link:hover{color:var(--acid)}
.nav-link.active{color:var(--acid)}

/* Teemakytkin */
.theme-toggle{width:36px;height:20px;background:#111;border:1px solid #1d1d2a;
  border-radius:10px;cursor:pointer;position:relative;flex-shrink:0;
  transition:all .3s;margin-left:8px}
.theme-toggle::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;
  background:#444;border-radius:50%;transition:all .3s}
body.light .theme-toggle{background:rgba(0,255,136,.15);border-color:rgba(0,255,136,.3)}
body.light .theme-toggle::after{background:var(--acid);transform:translateX(16px)}

/* Hampurilaisnappi */
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;
  padding:6px;background:transparent;border:1px solid #1d1d2a;transition:border-color .2s}
.burger:hover{border-color:var(--acid)}
.burger span{display:block;width:18px;height:1.5px;background:#555;
  transition:all .3s;transform-origin:center}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}

/* Mobiilivalikko */
.mobile-menu{display:none;flex-direction:column;background:#0a0a12;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  padding:8px 0;position:relative;z-index:10}
.mobile-menu.open{display:flex}
.mobile-menu .nav-link{padding:12px 20px;font-size:11px;border-bottom:1px solid #0f0f18}
.mobile-menu .nav-link:last-child{border-bottom:none}
.mobile-menu-footer{display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;border-top:1px solid #0f0f18}

/* Vaalea teema */
body.light{
  --acid:#00cc6a;--acid2:#00b8d4;
  --bg:#f0f0f0;--s1:#ffffff;--s2:#f5f5f5;
  --border:rgba(0,160,80,.15);--border2:rgba(0,160,80,.3);
  color:#1a1a1a;background:var(--bg)
}
body.light .logo{color:var(--acid);text-shadow:none}
body.light .logo span{color:#111}
body.light .sc{background:#fff;border-color:rgba(0,0,0,.08)}
body.light .sc-val{color:#111}
body.light .sc-label{color:#999}
body.light .tbl-wrap,body.light .ai-box,body.light .cc,
body.light .news-box,body.light .tbl-wrap{background:#fff;border-color:rgba(0,0,0,.08)}
body.light tbody tr:hover{background:rgba(0,160,80,.04)}
body.light .cname{color:#111}
body.light thead th{color:#aaa}
body.light td{color:#444}
body.light .price-c{color:#111}
body.light .ai-text,body.light #ai-text{color:#555}
body.light .ticker-wrap{background:#fff;border-color:rgba(0,0,0,.08)}
body.light .ti-price{color:#111}
body.light .sec{color:#bbb;border-color:#e0e0e0}
body.light header{border-color:rgba(0,0,0,.1)}
body.light .live-badge{background:rgba(0,160,80,.07);border-color:rgba(0,160,80,.2)}
body.light .nav-link{color:#aaa}
body.light .nav-link:hover{color:var(--acid)}
body.light .burger span{background:#aaa}
body.light .mobile-menu{background:#fff;border-color:rgba(0,0,0,.08)}
body.light .ex-card,.body.light .bot-card{background:#fff;border-color:rgba(0,0,0,.08)}
body.light footer{border-color:#e0e0e0}
body.light .ni-title{color:#333}
body.light .ai-btn{border-color:rgba(0,184,212,.25);color:var(--acid2)}
body.light #update-time{color:#999}
body.light body::before{background-image:
  linear-gradient(rgba(0,160,80,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(0,160,80,.03) 1px,transparent 1px)}



/* ── VAALEA TEEMA — ALASIVUT ── */
body.light{
  background:#f4f4f0;
  color:#1a1a1a;
}

/* Yleiset elementit */
body.light a{color:inherit}
body.light header{background:#fff;border-color:rgba(0,0,0,.1) !important}
body.light .mobile-menu{background:#fff;border-color:rgba(0,0,0,.08)}
body.light footer{background:#fff;border-color:#e0e0e0}

/* Guide-sivujen elementit */
body.light .guide-hero{border-color:#e0e0e0}
body.light .guide-title{color:#111}
body.light .guide-title em{color:var(--acid)}
body.light .guide-intro{color:#555}
body.light .guide-badge{background:rgba(0,160,80,.08);border-color:rgba(0,160,80,.2);color:var(--acid)}
body.light .guide-meta-item{color:#aaa}
body.light .guide-meta-item strong{color:#777}
body.light .guide-h2{color:#111}
body.light .guide-h2-num{color:var(--acid)}
body.light .guide-h3{color:#aaa}
body.light .guide-p{color:#555}
body.light .guide-p a{color:var(--acid2)}
body.light .guide-section{border-color:#e8e8e4}
body.light .breadcrumb{color:#aaa}
body.light .breadcrumb a{color:#bbb}
body.light .breadcrumb span{color:#ddd}

/* TOC */
body.light .toc{background:#fafaf8;border-color:#e0e0e0;border-left-color:var(--acid)}
body.light .toc-title{color:var(--acid)}
body.light .toc a{color:#aaa}
body.light .toc a:hover{color:var(--acid)}

/* Askeleet */
body.light .step{background:#fafaf8;border-color:#e8e8e4}
body.light .step:hover{border-color:rgba(0,160,80,.2)}
body.light .step-num{background:rgba(0,160,80,.08);border-color:rgba(0,160,80,.2);color:var(--acid)}
body.light .step-title{color:#111}
body.light .step-desc{color:#666}

/* Info-boxat */
body.light .info-box.tip{background:rgba(0,160,80,.04);border-color:rgba(0,160,80,.2)}
body.light .info-box.warning{background:rgba(255,140,0,.04);border-color:rgba(255,140,0,.2)}
body.light .info-box.danger{background:rgba(220,50,50,.04);border-color:rgba(220,50,50,.2)}
body.light .info-box p{color:#666}

/* Vertailutaulukko */
body.light .compare-table th{color:#bbb;border-color:#e8e8e4}
body.light .compare-table td{color:#555;border-color:#f0f0ec}
body.light .compare-table tr:hover td{background:rgba(0,160,80,.03);color:#333}
body.light .compare-table .name{color:#111}

/* FAQ */
body.light .faq-item{border-color:#e8e8e4}
body.light .faq-item.open{border-color:rgba(0,160,80,.2)}
body.light .faq-q{color:#333}
body.light .faq-q:hover{color:#111}
body.light .faq-a{color:#666}
body.light .faq-toggle{border-color:#e0e0e0}
body.light .faq-item.open .faq-toggle{background:rgba(0,160,80,.08);border-color:rgba(0,160,80,.2)}
body.light .faq-arrow{color:var(--acid)}

/* Pörssikortit */
body.light .ex-full{background:#fafaf8;border-color:#e8e8e4}
body.light .ex-full:hover{border-color:rgba(0,160,80,.25)}
body.light .ex-header{border-color:#e8e8e4}
body.light .ex-tag{border-color:#e0e0e0;color:#aaa}
body.light .ex-body .ex-col{border-color:#e8e8e4}
body.light .ex-col-title{color:#bbb}
body.light .ex-stat-row{border-color:#f0f0ec}
body.light .ex-stat-label{color:#aaa}
body.light .ex-stat-val{color:#444}
body.light .ex-stat-val.green{color:var(--acid)}
body.light .ex-pros-cons{border-color:#e8e8e4}
body.light .pro-con-list li{color:#666}
body.light .ex-footer{border-color:#e8e8e4}
body.light .ex-disclaimer-small{color:#ccc}

/* Pikavertailutaulukko */
body.light .summary-table th{color:#bbb;border-color:#e8e8e4}
body.light .summary-table td{color:#666;border-color:#f0f0ec}
body.light .summary-table tr:hover td{color:#333}
body.light .summary-table .bold{color:#111}

/* Sanasto */
body.light .search-input{background:#fff;border-color:#e0e0e0;color:#111}
body.light .search-input:focus{border-color:rgba(0,160,80,.4)}
body.light .search-input::placeholder{color:#bbb}
body.light .search-count{color:#bbb}
body.light .alpha-btn{background:#fff;border-color:#e0e0e0;color:#aaa}
body.light .alpha-btn:hover,body.light .alpha-btn.active{border-color:var(--acid);color:var(--acid);background:rgba(0,160,80,.05)}
body.light .alpha-btn.disabled{opacity:.3}
body.light .terms-letter{color:#e8e8e4}
body.light .term-item{border-color:#f0f0ec}
body.light .term-name{color:var(--acid)}
body.light .term-en{color:#bbb}
body.light .term-def{color:#666}
body.light .term-tag{border-color:#e0e0e0;color:#aaa}
body.light .term-tag.basic{border-color:#d0e8d0;color:#6a9a6a}
body.light .term-tag.advanced{border-color:#e8d0d0;color:#9a6a6a}
body.light .term-tag.defi{border-color:#d0d0e8;color:#6a6a9a}

/* UKK */
body.light .cat-btn{background:#fff;border-color:#e0e0e0;color:#aaa}
body.light .cat-btn:hover,body.light .cat-btn.active{border-color:var(--acid);color:var(--acid);background:rgba(0,160,80,.05)}
body.light .faq-section-title{color:#e0e0e0}
body.light .faq-section-title span{color:#ccc}
body.light .cta-banner{background:#f0f8f0;border-color:rgba(0,160,80,.2)}
body.light .cta-text{color:#111}
body.light .cta-sub{color:#888}

/* Navigaatio */
body.light .nav-link{color:#999}
body.light .nav-link:hover{color:var(--acid)}
body.light .burger span{background:#aaa}
body.light .mobile-menu .nav-link{border-color:#f0f0ec}
body.light .mobile-menu-footer{border-color:#f0f0ec}
/* ── UUTISET ALHAALLA ── */
.news-bottom-wrap{margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}
.news-bottom-title{font-family:'Bebas Neue',sans-serif;font-size:12px;letter-spacing:4px;
  color:#383838;text-transform:uppercase;padding:0 0 16px}
body.light .news-bottom-wrap{border-color:#e0e0e0}



/* ── AI JAKO-NAPIT ── */
.share-btn{
  font-family:var(--mono);font-size:10px;letter-spacing:1.5px;
  padding:6px 14px;border:1px solid #1d1d2a;background:transparent;
  color:#444;cursor:pointer;text-transform:uppercase;
  transition:all .2s;white-space:nowrap
}
.share-x{border-color:rgba(255,255,255,.1)}
.share-x:hover{border-color:rgba(255,255,255,.3);color:#fff}
.share-wa{border-color:rgba(37,211,102,.15)}
.share-wa:hover{border-color:rgba(37,211,102,.4);color:#25d366}
.share-tg{border-color:rgba(36,161,222,.15)}
.share-tg:hover{border-color:rgba(36,161,222,.4);color:#24a1de}
.share-copy{border-color:rgba(0,229,255,.15);color:#555}
.share-copy:hover{border-color:rgba(0,229,255,.4);color:var(--acid2)}
body.light .share-btn{border-color:#e0e0e0;color:#aaa}
body.light .share-btn:hover{color:#333}

/* Vaalea teema — pörssikortit ja botit */
body.light .ex-perk{background:#f0f0f0;border-color:#ddd;color:#555}
body.light .bot-perk{background:#f0f0f0;border-color:#ddd;color:#555}
body.light .ex-badge{border-color:#ccc;color:#777;background:transparent}
body.light .bot-tg-badge{border-color:#bee3f8;color:#2b6cb0;background:rgba(43,108,176,.06)}
body.light .ex-desc{color:#555}
body.light .bot-desc{color:#555}
body.light .bot-handle{color:#888}
body.light .ex-name{color:#111}
body.light .bot-name{color:#111}
body.light .ex-cta-txt{color:#333}
body.light .bot-cta{color:#2b6cb0}
body.light .ex-disclaimer{color:#aaa;border-color:#e8e8e4}
body.light .fl{color:#aaa}
body.light .ft{color:#bbb}
body.light footer{border-color:#e0e0e0}
body.light .ni-meta{color:#aaa}
body.light .ni-title{color:#333}
body.light .sc-sub{color:#aaa}
body.light .ai-tag{color:var(--acid);border-color:rgba(0,160,80,.3);background:rgba(0,160,80,.06)}
body.light #ai-text{color:#444}
body.light .ai-input{background:#fff;border-color:#ddd;color:#333}
body.light .ai-input::placeholder{color:#bbb}
body.light .ai-send{background:#fff;border-color:#ddd;color:#555}
body.light .ai-send:hover{border-color:var(--acid);color:var(--acid)}
body.light .tbl-title{color:#333}
body.light .fb{border-color:#e0e0e0;color:#888}
body.light .fb.active{border-color:var(--acid);color:var(--acid);background:rgba(0,160,80,.06)}
body.light .price-c.pos{color:#16a34a}
body.light .price-c.neg{color:#dc2626}
body.light .vbar{background:#e8e8e4}
body.light .vbar-fill{opacity:.7}

/* ── SITE LOGO ── */
.site-logo{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:3px;
  color:#00FF88;text-shadow:0 0 20px rgba(0,255,136,.3)}
.logo-mid{color:#fff}
body.light .site-logo{color:#00aa55;text-shadow:none}
body.light .logo-mid{color:#111}