/* Scoped to Krypto. Shared typography, colour tokens and dark mode stay intact. */
[hidden] { display:none !important; }
.crypto-active #main > :not(#cryptoPortal),
.crypto-active .sidebar > :not(#cryptoAside) { display:none !important; }
.crypto-active .sidebar { border-left:1px solid var(--border); }
#cryptoPortal { --crypto-accent:var(--cat-krypto); }
.crypto-mast { padding:4px 0 30px; }
.crypto-kicker { display:block; font:700 11px/1.5 var(--sans); letter-spacing:1.8px; color:var(--muted); }
.crypto-mast h1 { font:700 clamp(30px,4vw,51px)/1.18 var(--serif); letter-spacing:-1.9px; margin:16px 0; }
.crypto-mast h1 > span { color:var(--accent); }
.crypto-intro { color:var(--text2); font-size:17px; max-width:550px; line-height:1.6; }
.crypto-nav { display:flex; gap:30px; margin-top:26px; border-bottom:1px solid var(--border); }
.crypto-nav a { padding:12px 0; font-size:16px; font-weight:700; text-decoration:none; color:var(--muted); border-bottom:3px solid transparent; }
.crypto-nav a[aria-current] { color:var(--text); border-color:var(--accent); }
.crypto-nav a:hover { color:var(--accent); }
.crypto-lead-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:28px; padding-bottom:32px; }
.crypto-story-link { color:var(--text); text-decoration:none; display:block; }
.crypto-story-link:hover h2,.crypto-story-link:hover h3 { color:var(--accent); }
.crypto-lead-card .img-wrap { display:block; margin-bottom:19px; }
.crypto-lead-card .story-featured-img { width:100%; aspect-ratio:16/10; object-fit:cover; height:auto; }
.crypto-story-topic { display:block; color:var(--crypto-accent); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:9px; }
.crypto-lead-card h2 { font:700 clamp(23px,2.2vw,30px)/1.35 var(--serif); letter-spacing:-.6px; }
.crypto-perex { font-size:16px; line-height:1.6; color:var(--text2); margin:12px 0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.crypto-story-meta { display:flex; flex-wrap:wrap; gap:6px; font-size:12px; color:var(--muted); margin-top:13px; }
.crypto-lead-side { border-left:1px solid var(--border); padding-left:25px; }
.crypto-lead-side .crypto-story { border-bottom:1px solid var(--border); padding:20px 0; }
.crypto-lead-side .crypto-story:first-child { padding-top:0; }
.crypto-lead-side .crypto-story:last-child { border-bottom:0; }
.crypto-lead-side .img-wrap,.crypto-lead-side .crypto-perex { display:none; }
.crypto-story h3 { font:700 19px/1.45 var(--serif); letter-spacing:-.3px; }
.crypto-feed-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; border-top:3px solid var(--text); padding-top:18px; margin-top:20px; }
.crypto-feed-head h2 { font:700 23px/1.3 var(--serif); }
.crypto-feed-head a,.crypto-text-link { color:var(--text2); font-size:13px; text-underline-offset:4px; }
.crypto-filters { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 12px; }
.crypto-filters a { padding:7px 13px; border:1px solid var(--border); border-radius:4px; color:var(--text2); font-size:13px; text-decoration:none; }
.crypto-filters a[aria-current] { background:var(--text); color:var(--bg); border-color:var(--text); }
.crypto-filters a:hover { border-color:var(--text); }
.crypto-count { color:var(--muted); font-size:13px; margin-bottom:8px; }
#cryptoFeed .crypto-story,#cryptoMarketNews .crypto-story { padding:24px 0; border-bottom:1px solid var(--border-light); }
#cryptoFeed .crypto-story-link,#cryptoMarketNews .crypto-story-link { display:flex; flex-direction:row-reverse; align-items:flex-start; gap:24px; }
.crypto-story-copy { min-width:0; flex:1; }
#cryptoFeed .img-wrap,#cryptoMarketNews .img-wrap { flex:0 0 170px; }
#cryptoFeed .news-item-img,#cryptoMarketNews .news-item-img { width:170px; height:112px; object-fit:cover; }
.crypto-school-teaser { margin-top:40px; padding:30px; background:var(--soft); border-top:3px solid var(--cat-krypto-skola); }
.crypto-school-teaser h2 { font:700 25px/1.4 var(--serif); margin:12px 0; }
.crypto-school-teaser p { color:var(--text2); line-height:1.6; }
.crypto-cta { display:inline-block; margin-top:20px; padding:11px 17px; background:var(--text); color:var(--bg); font-weight:700; text-decoration:none; border-radius:3px; }
.crypto-panel-head { margin:5px 0 30px; }
.crypto-panel-head h2 { font:700 28px/1.4 var(--serif); margin:12px 0; }
.crypto-panel-head p:not(.crypto-kicker) { color:var(--text2); line-height:1.7; max-width:650px; }
.crypto-market-note { color:var(--muted); font-size:13px; line-height:1.7; margin:16px 0 8px; }
#cryptoScreenerSlot { margin-top:30px; }
.crypto-lesson { display:flex; align-items:baseline; gap:22px; padding:25px 0; border-top:1px solid var(--border); text-decoration:none; color:var(--text); }
.crypto-lesson > div { flex:1; }
.crypto-lesson-number { color:var(--cat-krypto-skola); font:400 27px var(--serif); }
.crypto-lesson h3 { font:700 21px/1.5 var(--serif); }
.crypto-lesson p { color:var(--text2); font-size:15px; line-height:1.6; margin-top:8px; }
.crypto-lesson:hover h3 { color:var(--accent); }
.crypto-aside-block { padding:25px 0; border-bottom:1px solid var(--border); }
.crypto-aside-block:first-child { padding-top:8px; }
.crypto-aside-block h2 { font:700 21px/1.4 var(--serif); margin:10px 0; }
.crypto-aside-block p { color:var(--text2); font-size:15px; line-height:1.7; margin-bottom:16px; }
.crypto-aside-block a { display:block; color:var(--text); text-decoration:none; font-size:14px; font-weight:600; padding:9px 0; }
.crypto-aside-block a:hover { color:var(--accent); }
.crypto-aside-story { border-bottom:1px solid var(--border-light); margin-bottom:8px; }
.crypto-trust h2 { font-family:var(--sans); font-size:16px; }
.crypto-trust p { font-size:13px; }
.crypto-empty { padding:30px 20px; margin:20px 0; background:var(--soft); color:var(--text2); line-height:1.7; }
#cryptoPortal a:focus-visible,#cryptoAside a:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media(max-width:1000px) {
  .crypto-active .sidebar { border-left:0; }
  #cryptoAside { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
}
@media(max-width:640px) {
  .crypto-mast h1 { letter-spacing:-1px; }
  .crypto-intro { font-size:15px; }
  .crypto-nav { gap:25px; }
  .crypto-lead-grid { grid-template-columns:1fr; gap:24px; }
  .crypto-lead-side { border-left:0; border-top:1px solid var(--border); padding:20px 0 0; }
  .crypto-lead-side .crypto-story h3 { font-size:18px; }
  .crypto-feed-head h2 { font-size:20px; }
  .crypto-feed-head a { font-size:12px; }
  #cryptoFeed .crypto-story-link,#cryptoMarketNews .crypto-story-link { gap:14px; }
  #cryptoFeed .img-wrap,#cryptoMarketNews .img-wrap { flex-basis:92px; }
  #cryptoFeed .news-item-img,#cryptoMarketNews .news-item-img { width:92px; height:76px; }
  #cryptoFeed .ai-tag,#cryptoMarketNews .ai-tag { display:none; }
  .crypto-story h3 { font-size:17px; }
  #cryptoFeed .crypto-perex,#cryptoMarketNews .crypto-perex { display:none; }
  .crypto-school-teaser { padding:24px 20px; }
  .crypto-school-teaser h2 { font-size:22px; }
  .crypto-panel-head h2 { font-size:24px; }
  .crypto-lesson { gap:15px; }
  .crypto-lesson h3 { font-size:18px; }
  #cryptoAside { display:block; }
}
