:root{ --rs-bg:#06090a; --rs-green:#39ff6a; --rs-green-dim:#1fae4b; --rs-cyan:#22d3d3; --rs-text-muted:#9aa5a3; --rs-card-bg:#0e1412; --rs-card-border:#1e2b26; --rs-text:#e7f3ee; --rs-radius:12px;}
html, body{ background:var(--rs-bg) !important; }
.rs-wrap *{box-sizing:border-box;}
.rs-wrap{ font-family:'Space Grotesk', system-ui, sans-serif; color:var(--rs-text) !important; max-width:1180px; margin:0 auto; padding:0 24px; background:var(--rs-bg);}
.rs-wrap a{color:inherit; text-decoration:none;}
.rs-mono{font-family:'Share Tech Mono', monospace;}
.rs-page-header{padding:46px 0 30px; text-align:center;}
.rs-page-header h1{font-size:clamp(1.8rem, 4vw, 2.6rem); font-weight:700; margin-bottom:14px;}
.rs-page-header h1 .rs-accent{color:var(--rs-green); text-shadow:0 0 18px rgba(57,255,106,0.35);}
.rs-page-header p{color:var(--rs-text-muted); max-width:640px; margin:0 auto;}
.rs-controls{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-bottom:30px; padding:16px; background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-radius:var(--rs-radius);}
.rs-search-box{flex:2; min-width:220px; position:relative;}
.rs-search-box input{ width:100%; background:#0a1210; border:1px solid var(--rs-card-border); border-radius:8px; padding:11px 14px 11px 38px; color:var(--rs-text); font-family:inherit; font-size:0.95rem; outline:none; transition:border-color .2s;}
.rs-search-box input:focus{border-color:var(--rs-green-dim);}
.rs-search-box::before{ content:"⌕"; position:absolute; left:13px; top:50%; transform:translateY(-50%); color:var(--rs-green-dim); font-size:1.1rem; pointer-events:none;}
.rs-select-group{display:flex; gap:14px; flex:2; flex-wrap:wrap;}
.rs-select-group select { flex: 1;  min-width: 170px;  height: 46px !important; line-height: 44px !important;  padding: 0 36px 0 14px !important;  background: #0a1210 !important;  border: 1px solid var(--rs-card-border) !important;  color: var(--rs-text) !important; border-radius: 8px !important;  font-family: inherit;  font-size: 0.9rem;  outline: none;  cursor: pointer; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fae4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 16px !important;}
.rs-result-count{color:var(--rs-text-muted); font-size:0.8rem; white-space:nowrap; margin-left:auto;}
.rs-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:20px; margin-bottom:30px;}
.rs-card{ background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-radius:var(--rs-radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, border-color .2s, box-shadow .2s; }
.rs-card:hover{transform:translateY(-4px); border-color:var(--rs-green-dim); box-shadow:0 10px 30px -12px rgba(57,255,106,0.25);}
.rs-card-img{height:160px; width:100%; object-fit:cover; background:#0a1210; border-bottom:1px solid var(--rs-card-border); display:block;}
.rs-card-body{padding:18px; display:flex; flex-direction:column; gap:9px; flex:1;}
.rs-card-tags{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.rs-tag{ font-family:'Share Tech Mono', monospace; font-size:0.68rem; letter-spacing:0.5px; text-transform:uppercase; color:var(--rs-cyan); border:1px solid rgba(34,211,211,0.35); padding:3px 8px; border-radius:20px; white-space:nowrap;}
.rs-tag.rs-featured{color:var(--rs-green); border-color:rgba(57,255,106,0.4);}
.rs-chip{font-family:'Share Tech Mono', monospace; font-size:0.68rem; color:var(--rs-text-muted); background:#0a1210; border:1px solid var(--rs-card-border); padding:2px 8px; border-radius:6px;}
.rs-card h3{font-size:1.05rem; font-weight:600; line-height:1.35;}
.rs-card p{color:var(--rs-text-muted); font-size:0.86rem; flex:1;}
.rs-card-meta{display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:6px; font-size:0.76rem; color:var(--rs-text-muted);}
.rs-read-link{color:var(--rs-green); font-size:0.82rem; font-weight:600;}
.rs-empty-state{grid-column:1/-1; text-align:center; padding:60px 20px; color:var(--rs-text-muted);}
.rs-spinner{display:none; text-align:center; padding:40px; color:var(--rs-text-muted); font-family:'Share Tech Mono', monospace; font-size:0.85rem;}
.rs-spinner.rs-active{display:block;}
.rs-pagination{display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 60px;}
.rs-page-btn{ min-width:38px; height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-radius:8px; color:var(--rs-text-muted); font-family:'Share Tech Mono', monospace; font-size:0.85rem; cursor:pointer; transition:border-color .2s, color .2s, background .2s; user-select:none;}
.rs-page-btn:hover{border-color:var(--rs-green-dim); color:var(--rs-text);}
.rs-page-btn.rs-active{background:var(--rs-green); border-color:var(--rs-green); color:#04140a; font-weight:700;}
.rs-page-btn.rs-disabled{opacity:0.35; cursor:default; pointer-events:none;}
.rs-page-ellipsis{color:var(--rs-text-muted); padding:0 4px; font-family:'Share Tech Mono', monospace;}
.rs-back-link{display:inline-flex; align-items:center; gap:6px; color:var(--rs-cyan); font-size:0.85rem; margin:30px 0 22px;}
.rs-hero-banner{ width:100%; height:340px; object-fit:cover; border-radius:var(--rs-radius); border:1px solid var(--rs-card-border); margin-bottom:26px; display:block; background:var(--rs-card-bg);}
@media (max-width:640px){ .rs-hero-banner{height:200px;} }
.rs-detail-tags{display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap;}
.rs-detail-hero h1{font-size:clamp(1.7rem, 3.6vw, 2.5rem); font-weight:700; margin-bottom:18px; max-width:900px;}
.rs-meta-row{ display:flex; gap:22px; flex-wrap:wrap; align-items:center; color:var(--rs-text-muted); font-size:0.85rem; padding-bottom:24px; border-bottom:1px solid var(--rs-card-border); margin-bottom:8px;}
.rs-meta-row b{color:var(--rs-text);}
.rs-meta-row .rs-author-role{color:var(--rs-text-muted); font-size:0.8rem;}
.rs-tags-row{display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 0;}
.rs-section{padding:32px 0; border-top:1px solid var(--rs-card-border);}
.rs-section-label{ font-family:'Share Tech Mono', monospace; color:var(--rs-green); font-size:0.78rem; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; display:flex; align-items:center; gap:10px;}
.rs-section-label::before{content:""; width:22px; height:1px; background:var(--rs-green-dim);}
.rs-overview{ font-size:1.15rem; line-height:1.7; color:#d7e6e0; max-width:820px; border-left:3px solid var(--rs-green); padding-left:20px;}
.rs-richtext{color:#c9d5d0; font-size:1rem; max-width:850px; line-height:1.75;}
.rs-richtext h2{color:var(--rs-text); font-size:1.35rem; font-weight:700; margin:28px 0 12px;}
.rs-richtext h3{color:var(--rs-text); font-size:1.15rem; font-weight:600; margin:22px 0 10px;}
.rs-richtext p{margin-bottom:14px;}
.rs-richtext ul, .rs-richtext ol{margin:0 0 14px 22px;}
.rs-richtext li{margin-bottom:6px;}
.rs-richtext a{color:var(--rs-cyan); text-decoration:underline;}
.rs-richtext img{max-width:100%; border-radius:8px; border:1px solid var(--rs-card-border); margin:16px 0;}
.rs-richtext code{ font-family:'Share Tech Mono', monospace; background:#0a1210; color:var(--rs-green); padding:2px 6px; border-radius:4px; font-size:0.9em;}
.rs-richtext pre{ background:#0a1210; border:1px solid var(--rs-card-border); border-radius:8px; padding:16px; overflow-x:auto; margin-bottom:16px;}
.rs-richtext pre code{background:none; padding:0; color:var(--rs-text-muted);}
.rs-richtext blockquote{ border-left:3px solid var(--rs-cyan); padding-left:16px; margin:16px 0; color:var(--rs-text-muted); font-style:italic;}
.rs-richtext table{width:100%; border-collapse:collapse; margin-bottom:16px;}
.rs-richtext th, .rs-richtext td{border:1px solid var(--rs-card-border); padding:8px 12px; text-align:left; font-size:0.9rem;}
.rs-richtext th{color:var(--rs-green); font-family:'Share Tech Mono', monospace; font-size:0.78rem; text-transform:uppercase;}
.rs-highlight-box{ background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-left:3px solid var(--rs-green); border-radius:8px; padding:24px 26px; max-width:850px;}
.rs-highlight-box.rs-cyan-edge{border-left-color:var(--rs-cyan);}
.rs-pdf-block{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-radius:var(--rs-radius); padding:22px 26px; max-width:850px;}
.rs-pdf-icon{ width:44px; height:44px; border-radius:8px; background:rgba(57,255,106,0.1); border:1px solid rgba(57,255,106,0.3); display:flex; align-items:center; justify-content:center; color:var(--rs-green); font-family:'Share Tech Mono', monospace; font-weight:700; font-size:0.75rem; flex-shrink:0;}
.rs-pdf-text{flex:1; min-width:180px;}
.rs-pdf-text .rs-pdf-title{font-weight:600; margin-bottom:2px;}
.rs-pdf-text .rs-pdf-sub{color:var(--rs-text-muted); font-size:0.82rem;}
.rs-cta-block{ margin-top:10px; text-align:center; padding:46px 24px; border-radius:var(--rs-radius); background:radial-gradient(circle at 50% 0%, rgba(57,255,106,0.08), transparent 60%), var(--rs-card-bg); border:1px solid var(--rs-card-border);}
.rs-cta-block h3{font-size:1.4rem; margin-bottom:10px;}
.rs-cta-block p{color:var(--rs-text-muted); margin-bottom:22px;}
.rs-btn-cta, .rs-btn-outline{ display:inline-block; font-weight:700; padding:13px 30px; border-radius:8px; font-size:0.95rem; transition:transform .15s, box-shadow .15s;}
.rs-btn-cta{background:var(--rs-green); color:#04140a;}
.rs-btn-cta:hover{transform:translateY(-2px); box-shadow:0 10px 25px -8px rgba(57,255,106,0.5);}
.rs-btn-outline{background:transparent; color:var(--rs-green); border:1px solid var(--rs-green-dim);}
.rs-btn-outline:hover{border-color:var(--rs-green); background:rgba(57,255,106,0.06);}
.rs-related{padding:50px 0 70px;}
.rs-related h4{font-family:'Share Tech Mono', monospace; color:var(--rs-text-muted); font-size:0.8rem; text-transform:uppercase; letter-spacing:1.5px; margin-bottom:18px;}
.rs-related-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:16px;}
.rs-related-card{background:var(--rs-card-bg); border:1px solid var(--rs-card-border); border-radius:10px; overflow:hidden; transition:border-color .2s; display:block;}
.rs-related-card:hover{border-color:var(--rs-green-dim);}
.rs-related-card img{width:100%; height:110px; object-fit:cover; display:block; border-bottom:1px solid var(--rs-card-border);}
.rs-related-card .rs-related-body{padding:14px;}
.rs-related-card .rs-tag{margin-bottom:8px; display:inline-block;}
.rs-related-card div.rs-title{font-size:0.9rem; font-weight:600;}