/* =========================================================
   GLOBAL RESET & ROOT
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Nunito Sans',sans-serif;background:#fff;color:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
ul{list-style:none}

:root{
  --red:#e8192c; --red-d:#c0101f; --dark:#111111; --mid:#555;
  --muted:#888; --border:#e5e5e5; --bg:#f7f7f7; 
  --font-h:'Merriweather',Georgia,serif; --font-b:'Nunito Sans',sans-serif;
  --max:1280px; --r:5px; --tech:#6d28d9; 
}

/* Utilities & Header */
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:2px;color:#fff;white-space:nowrap}
.b-tech{background:var(--tech)}
.disclosure{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:0 4px 4px 0;padding:8px 14px;font-size:11.5px;color:#78350f;margin:18px 0}
.disclosure a{color:var(--red);text-decoration:underline}

.topbar{border-bottom:1px solid var(--border)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:36px}
.topbar-links a{font-size:11px;color:var(--muted);margin-left:16px;transition:color .15s}
.topbar-links a:hover{color:var(--red)}

header{background:#fff;border-bottom:2px solid var(--dark);position:sticky;top:0;z-index:850;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;height:62px}
.logo-text{font-family:var(--font-h);font-size:1.55rem;font-weight:900;color:var(--dark);letter-spacing:-.02em;line-height:1}
.logo-text em{color:var(--red);font-style:normal}
.logo-sub{font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:1px}

/* Layout */
.cs-layout{display:grid;grid-template-columns:1fr 294px;gap:40px;align-items:start;margin-top:20px;margin-bottom:40px;}

/* Single Post */
.post-title { font-family: var(--font-h); font-size: 2.4rem; font-weight: 900; line-height: 1.25; color: var(--dark); margin: 15px 0; }
.post-meta { display: flex; align-items: center; gap: 15px; font-size: 12px; color: var(--muted); margin-bottom: 24px; font-weight: 600; }
.post-hero-wrap { background:linear-gradient(135deg,#2e1065,#6d28d9); border-radius: var(--r); height: 400px; display:flex; align-items:center; justify-content:center; font-size: 8rem; margin-bottom: 30px; }
.post-content { font-size: 1.1rem; line-height: 1.8; color: #333; }
.post-content h2 { font-family: var(--font-h); font-size: 1.6rem; font-weight: 800; border-bottom: 2px solid var(--border); padding-bottom: 10px; margin: 35px 0 15px; }
.post-content p, .post-content ul { margin-bottom: 20px; }
.post-content ul { padding-left: 20px; list-style-type: disc; }

/* Affiliate Elements */
.btn-aff { display: inline-flex; align-items: center; justify-content: center; background: var(--red); color: #fff; padding: 15px 30px; border-radius: 6px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; font-size: 13px; text-decoration: none; margin: 20px 0; transition: background 0.2s; width: 100%; max-width: 400px; }
.btn-aff:hover { background: var(--red-d); }
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0; }
.pros, .cons { background: var(--bg); padding: 20px; border-radius: var(--r); border-top: 4px solid; }
.pros { border-color: #22c55e; } .cons { border-color: #ef4444; }

/* Sidebar */
.sidebar{display:flex;flex-direction:column;gap:22px}
.widget{border-radius:var(--r);border:1px solid var(--border)}
.widget-head{padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;background:var(--red);color:#fff}
.widget-body{padding:13px;background:#fff}
.sp{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);cursor:pointer;}
.sp-num{font-family:var(--font-h);font-size:1.45rem;font-weight:900;color:#e5e5e5;min-width:26px;}
.sp-title{font-size:.78rem;font-weight:700;color:var(--dark);}

/* Footer */
footer{background:var(--dark);color:rgba(255,255,255,.7);padding:40px 0 20px; margin-top:40px;}
.ft-top{display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.09); padding-bottom: 30px; margin-bottom: 20px;}
.ft-links a{color:rgba(255,255,255,.45); font-size: 0.85rem; margin-left: 15px;}
.ft-copy{font-size:.72rem;}

@media(max-width:768px){ .cs-layout{grid-template-columns:1fr} .sidebar{display:none} .pros-cons{grid-template-columns:1fr} .ft-top{flex-direction:column; gap:20px;} }