:root{--bg-deep:#0a0604;--bg-base:#140b06;--bg-card:#1e1209;--bg-raised:#251608;--border:#3b2416;--border-hi:#6b3f1e;--amber:#d4904c;--amber-soft:#e8a866;--amber-deep:#a86934;--cream:#f5e6d3;--cream-dim:#c9b59a;--cream-mute:#8a7560;--green:#5fd391;--danger:#ff5a4e;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg-deep);color:var(--cream);font-family:'Segoe UI',Roboto,Arial,system-ui,sans-serif;line-height:1.6;font-size:16px}
a{color:var(--amber);text-decoration:none}
a:hover{color:var(--amber-soft);text-decoration:underline}
.seo-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:rgba(20,11,6,0.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.logo-link{display:flex;align-items:center;gap:10px;color:var(--cream);font-weight:700;font-size:18px}
.logo-link img{border-radius:6px}
.logo-link:hover{text-decoration:none}
.seo-header nav{display:flex;gap:14px;align-items:center}
.seo-header nav a{font-size:14px;color:var(--cream-dim);font-weight:600}
.cta-mini{background:linear-gradient(135deg,var(--amber),var(--amber-deep));color:#fff!important;padding:8px 16px;border-radius:8px}
.cta-mini:hover{text-decoration:none!important;filter:brightness(1.1)}
.breadcrumb{max-width:900px;margin:18px auto 0;padding:0 20px;color:var(--cream-mute);font-size:13px}
.breadcrumb a{color:var(--cream-dim)}
.breadcrumb span{color:var(--cream)}
.seo-main{max-width:900px;margin:24px auto;padding:0 20px}
.hero{max-width:900px;margin:40px auto 30px;padding:0 20px;text-align:center}
.hero h1{font-size:34px;font-weight:800;background:linear-gradient(135deg,var(--amber),var(--amber-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}
.hero-sub{color:var(--cream-dim);font-size:16px;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto}
.search-wrap{position:relative;max-width:600px;margin:0 auto 28px}
#codeSearch{width:100%;padding:16px 20px;border-radius:14px;border:1.5px solid var(--border-hi);background:var(--bg-base);color:var(--cream);font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
#codeSearch:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(212,144,76,0.20)}
#codeSearch::placeholder{color:var(--cream-mute)}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:30px 0}
.feat{background:rgba(212,144,76,0.06);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}
.feat strong{color:var(--cream);font-size:14px}
.feat span{color:var(--cream-mute);font-size:12px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:36px}
.code-card{display:block;padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:transform .15s,border-color .15s,box-shadow .15s}
.code-card:hover{transform:translateY(-2px);border-color:var(--amber);box-shadow:0 10px 30px -10px rgba(212,144,76,0.30);text-decoration:none}
.code-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.code-tag-lg{background:rgba(212,144,76,0.15);color:var(--amber);padding:4px 10px;border-radius:6px;font-family:'Courier New',monospace;font-weight:700;font-size:14px;letter-spacing:0.5px}
.code-card h3{color:var(--cream);font-size:15px;margin-bottom:6px}
.code-card p{color:var(--cream-dim);font-size:13px;line-height:1.5;margin-bottom:10px}
.card-link{color:var(--amber);font-size:13px;font-weight:600}
.code-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.code-header h1{font-size:32px;font-weight:800;color:var(--cream);font-family:'Courier New',monospace;letter-spacing:1px;margin-bottom:6px}
.meta-line{color:var(--cream-dim);font-size:14px}
.sev-tag{padding:8px 14px;border-radius:8px;font-weight:700;font-size:13px;letter-spacing:0.5px;white-space:nowrap}
.sev-tag-sm{padding:2px 6px;border-radius:4px;font-size:12px}
.sev-crit{background:rgba(255,90,78,0.15);color:#ff8a7e;border:1px solid rgba(255,90,78,0.4)}
.sev-warn{background:rgba(240,164,55,0.15);color:#f0a437;border:1px solid rgba(240,164,55,0.4)}
.sev-info{background:rgba(95,211,145,0.15);color:#5fd391;border:1px solid rgba(95,211,145,0.4)}
.block{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin-bottom:18px}
.block h2{color:var(--amber);font-size:18px;margin-bottom:14px}
.block h3{color:var(--cream);font-size:15px;margin-bottom:8px}
.block p{color:var(--cream-dim);margin-bottom:12px}
.lead{color:var(--cream)!important;font-size:17px;font-weight:500;line-height:1.6}
.causes-list,.steps-list{padding-left:24px;color:var(--cream-dim)}
.causes-list li,.steps-list li{margin-bottom:10px;line-height:1.6}
.safe-block.sev-crit{border-left:4px solid var(--danger);background:rgba(255,90,78,0.05)}
.safe-block.sev-warn{border-left:4px solid #f0a437;background:rgba(240,164,55,0.05)}
.safe-block.sev-info{border-left:4px solid var(--green);background:rgba(95,211,145,0.05)}
.price-range{font-size:24px;font-weight:800;color:var(--amber);margin:8px 0 16px;letter-spacing:0.5px}
.price-tbl,.parts-tbl{width:100%;border-collapse:collapse;margin-top:8px}
.price-tbl th,.parts-tbl th{background:rgba(212,144,76,0.10);color:var(--amber);text-align:left;padding:10px 12px;font-size:13px;text-transform:uppercase;letter-spacing:0.4px}
.price-tbl td,.parts-tbl td{padding:10px 12px;border-top:1px solid var(--border);color:var(--cream-dim);font-size:14px}
.price-cell{font-weight:700;color:var(--cream);white-space:nowrap}
.parts-tbl code{background:rgba(212,144,76,0.12);padding:2px 8px;border-radius:4px;color:var(--amber);font-size:13px}
.disclaimer{color:var(--cream-mute);font-size:12px;font-style:italic;margin-top:10px}
.faq-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:10px;cursor:pointer}
.faq-item summary{color:var(--cream);font-weight:600;font-size:15px;outline:none;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:'+';color:var(--amber);font-size:24px;font-weight:300}
.faq-item[open] summary::after{content:'−'}
.faq-item p{color:var(--cream-dim);margin-top:12px;line-height:1.6}
.cta-card,.cta-card-big{background:linear-gradient(135deg,rgba(212,144,76,0.12),rgba(168,105,52,0.06));border:1.5px solid rgba(212,144,76,0.40);border-left:4px solid var(--amber);border-radius:14px;padding:22px 24px;margin:24px 0;text-align:center}
.cta-card h3,.cta-card-big h3{color:var(--cream);font-size:18px;margin-bottom:10px}
.cta-card p,.cta-card-big p{color:var(--cream-dim);margin-bottom:16px;font-size:14px;max-width:520px;margin-left:auto;margin-right:auto}
.cta-btn,.cta-btn-lg{display:inline-block;padding:14px 28px;background:linear-gradient(135deg,var(--amber),var(--amber-deep));color:#fff!important;border-radius:10px;font-weight:700;font-size:15px;letter-spacing:0.3px}
.cta-btn:hover,.cta-btn-lg:hover{text-decoration:none;filter:brightness(1.1);transform:translateY(-1px)}
.cta-card-big{max-width:900px;margin:40px auto;padding:30px}
.disclaimer-bottom{color:var(--cream-mute);font-size:12px;text-align:center;margin-top:24px;line-height:1.6;padding:0 20px}
.seo-footer{text-align:center;padding:24px 20px;border-top:1px solid var(--border);color:var(--cream-mute);font-size:13px;margin-top:40px}
.seo-footer a{color:var(--cream-dim);margin:0 4px}
@media(max-width:600px){
  .hero h1{font-size:26px}
  .code-header{flex-direction:column;align-items:flex-start}
  .code-header h1{font-size:24px}
  .seo-header{padding:10px 14px}
  .seo-header nav a{font-size:12px}
  .seo-main{padding:0 14px}
  .block{padding:16px 18px}
  .price-tbl,.parts-tbl{font-size:13px}
  .price-tbl th,.parts-tbl th,.price-tbl td,.parts-tbl td{padding:8px 10px}
}