/* ===== SITE HEADER ===== */
    .site-header { background: var(--primary); padding: 0 20px; }
    .site-header-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 64px; }
    .site-logo { font-size: 22px; font-weight: 700; color: #fff; letter-spacing: -0.5px; }
    .site-logo span { color: #f9ca24; }
    .site-nav { display: flex; gap: 4px; }
    .site-nav a { color: #fff; font-size: 13px; padding: 6px 11px; border-radius: 4px; transition: background .2s; }
    .site-nav a:hover { background: rgba(255,255,255,.15); text-decoration: none; }
    @media(max-width:768px){ .site-nav{display:none;} }

    /* ===== BREAKING BAR ===== */
    .breaking-bar { background: var(--accent); color: #fff; display: flex; align-items: center; gap: 14px; padding: 9px 20px; font-size: 13px; overflow: hidden; }
    .breaking-label { background: #fff; color: var(--accent); font-weight: 700; font-size: 11px; padding: 2px 10px; flex-shrink: 0; letter-spacing: .08em; text-transform: uppercase; }
    .breaking-scroll { white-space: nowrap; animation: ticker 26s linear infinite; }
    @keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-55%)} }

    /* ===== BREADCRUMB ===== */
    .breadcrumb { background: var(--bg-light); border-bottom: 1px solid var(--border); padding: 10px 20px; font-size: 13px; color: var(--muted); }
    .breadcrumb a { color: var(--primary); }
    .breadcrumb span { margin: 0 6px; }

    /* ===== LAYOUT ===== */
    .layout { max-width: 1100px; margin: 0 auto; padding: 30px 20px; display: grid; grid-template-columns: 1fr 300px; gap: 40px; align-items: start; }
    @media(max-width:768px){ .layout{grid-template-columns:1fr;} }

    /* ===== ARTICLE HEADER ===== */
    .art-cat { display: inline-block; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 4px 10px; border-radius: 3px; margin-bottom: 14px; }
    .art-title { font-family: var(--serif); font-size: clamp(1.5rem,3.5vw,2.05rem); font-weight: 700; line-height: 1.25; margin-bottom: 16px; }
    .art-summary { background: var(--bg-card); border-left: 4px solid var(--primary); padding: 14px 18px; font-size: 15px; color: #333; margin-bottom: 18px; border-radius: 0 4px 4px 0; }
    .art-summary strong { color: var(--primary); }
    .art-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; font-size: 13px; color: var(--muted); padding-bottom: 18px; border-bottom: 1px solid var(--border); margin-bottom: 24px; }
    .av { width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px; }

    /* ===== UPDATE BADGE ===== */
    .update-badge { display:inline-flex;align-items:center;gap:8px;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:7px 14px;font-size:13px;color:#6d4c00;font-weight:600;margin-bottom:20px; }
    .update-dot { width:9px;height:9px;border-radius:50%;background:#e65100;animation:pulse 1.5s infinite; }
    @keyframes pulse { 0%,100%{opacity:1}50%{opacity:.4} }

    /* ===== HERO BANNER ===== */
    .hero-banner { width:100%;border-radius:6px;margin-bottom:8px;background:linear-gradient(135deg,#1a2a3a 0%,#7b241c 55%,#1a5276 100%);min-height:270px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:28px; }
    .hero-banner::before { content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"); }
    .hero-inner { position:relative;z-index:2;text-align:center;color:#fff; }
    .hero-icon { font-size:3.2rem;margin-bottom:10px;display:block; }
    .hero-h { font-family:var(--serif);font-size:clamp(1.5rem,4vw,2.3rem);font-weight:700;line-height:1.2;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.5); }
    .hero-sub { font-size:13px;opacity:.88;letter-spacing:.05em; }
    .hero-caption { font-size:12px;color:var(--muted);margin-bottom:28px;text-align:center;font-style:italic; }

    /* ===== ALERT ===== */
    .alert-red { background:#fff0ee;border:1px solid #f5c6c6;border-left:5px solid var(--accent);padding:16px 20px;border-radius:0 6px 6px 0;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start; }
    .alert-icon { font-size:1.5rem;flex-shrink:0;margin-top:2px; }
    .alert-body strong { color:var(--accent);display:block;margin-bottom:4px;font-size:13px;text-transform:uppercase;letter-spacing:.05em; }
    .alert-body p { font-size:14px;color:#5a2020;margin:0; }

    /* ===== QUICK KEYS ===== */
    .qk { background:var(--bg-light);border:1px solid var(--border);border-radius:6px;padding:14px 18px;margin-bottom:24px; }
    .qk-title { font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px; }
    .qk-list { display:flex;flex-wrap:wrap;gap:7px; }
    .qk-item { background:var(--primary);color:#fff;font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600; }

    /* ===== TOC ===== */
    .toc { background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:0 0 6px 6px;padding:18px 22px;margin-bottom:30px; }
    .toc-h { font-size:14px;font-weight:700;color:var(--primary);margin-bottom:12px; }
    .toc ol { padding-left:20px;display:flex;flex-direction:column;gap:6px; }
    .toc ol li { font-size:14px; }
    .toc ol li a { color:var(--primary); }

    /* ===== BODY TEXT ===== */
    .ab h2 { font-family:var(--serif);font-size:1.32rem;font-weight:700;color:var(--primary);border-bottom:2px solid var(--border);padding-bottom:9px;margin:36px 0 16px;line-height:1.3; }
    .ab h3 { font-family:var(--font);font-size:1rem;font-weight:700;color:var(--text);margin:22px 0 8px; }
    .ab p { margin-bottom:18px;font-size:16px;color:#333; }

    /* ===== STATS ===== */
    .stats { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0; }
    @media(max-width:640px){ .stats{grid-template-columns:1fr 1fr;} }
    .stat { background:var(--bg-card);border:1px solid #aed6f1;border-radius:6px;padding:16px 12px;text-align:center; }
    .stat-n { font-family:var(--serif);font-size:1.9rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:5px; }
    .stat-l { font-size:12px;color:var(--muted);line-height:1.4; }

    /* ===== BOXES ===== */
    .box { padding:18px 22px;border-radius:0 6px 6px 0;margin:22px 0; }
    .box-blue  { background:var(--bg-card);border:1px solid #aed6f1;border-left:5px solid var(--primary); }
    .box-red   { background:#fdf2f2;border:1px solid #f5c6c6;border-left:5px solid var(--accent); }
    .box-green { background:#eafaf1;border:1px solid #a9dfbf;border-left:5px solid var(--green); }
    .box-orange{ background:#fef9ed;border:1px solid #f9d78e;border-left:5px solid var(--accent2); }
    .box-purple{ background:#f5eef8;border:1px solid #d2b4de;border-left:5px solid var(--purple); }
    .box-dark  { background:#1a2a3a;color:#d6eaf8;border-radius:6px;padding:22px 26px;margin:24px 0; }
    .bt { font-weight:700;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:6px; }
    .box-blue .bt  { color:var(--primary); }
    .box-red .bt   { color:var(--accent); }
    .box-green .bt { color:var(--green); }
    .box-orange .bt{ color:#a04000; }
    .box-purple .bt{ color:var(--purple); }
    .box-dark .bt  { color:#f9ca24; }
    .box p,.box-dark p { font-size:15px;margin-bottom:8px; }
    .box p:last-child,.box-dark p:last-child { margin-bottom:0; }
    .box ul,.box-dark ul { padding-left:18px;display:flex;flex-direction:column;gap:7px; }
    .box ul li,.box-dark ul li { font-size:15px; }

    /* ===== PULL QUOTE ===== */
    .pq { border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);padding:22px 10px;margin:32px 0;text-align:center; }
    .pq p { font-family:var(--serif);font-size:1.2rem;font-style:italic;color:var(--primary);line-height:1.55;margin-bottom:10px!important; }
    .pq cite { font-size:13px;color:var(--muted);font-style:normal;font-weight:600; }

    /* ===== RISK TABLE ===== */
    .risk-table { width:100%;border-collapse:collapse;margin:20px 0;font-size:14px; }
    .risk-table thead th { background:var(--primary);color:#fff;padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.07em; }
    .risk-table tbody tr:nth-child(even) { background:var(--bg-light); }
    .risk-table tbody tr:hover { background:#d6eaf8; }
    .risk-table td { padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top; }
    .risk-table td:first-child { font-weight:700;color:var(--text); }
    .lvl { display:inline-block;font-size:11px;padding:3px 10px;border-radius:12px;font-weight:700;white-space:nowrap; }
    .lvl-critical { background:#fad7d4;color:#7b241c; }
    .lvl-high     { background:#fde8d0;color:#a04000; }
    .lvl-medium   { background:#fef9c3;color:#7d6608; }
    .lvl-low      { background:#d5f5e3;color:#1e6e3e; }

    /* ===== STEPS ===== */
    .steps { display:flex;flex-direction:column;gap:0;margin:22px 0; }
    .step { display:flex;gap:15px;padding-bottom:20px;position:relative; }
    .step:not(:last-child)::after { content:'';position:absolute;left:17px;top:38px;bottom:0;width:2px;background:var(--border); }
    .step-n { width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;position:relative;z-index:1; }
    .step-c h4 { font-size:15px;font-weight:700;margin-bottom:4px;color:var(--primary); }
    .step-c p { font-size:14px;color:#444;margin:0; }

    /* ===== DERECHOS GRID ===== */
    .derechos-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0; }
    @media(max-width:520px){ .derechos-grid{grid-template-columns:1fr;} }
    .derecho-card { background:#fff;border:1px solid var(--border);border-top:3px solid var(--primary);padding:16px;border-radius:0 0 6px 6px; }
    .derecho-icon { font-size:1.6rem;margin-bottom:8px;display:block; }
    .derecho-card h4 { font-size:14px;font-weight:700;color:var(--primary);margin-bottom:6px; }
    .derecho-card p { font-size:13px;color:#444;margin:0; }

    /* ===== FAQ ===== */
    .faq { border:1px solid var(--border);border-radius:6px;margin-bottom:12px;overflow:hidden; }
    .faq-q { background:var(--bg-light);padding:14px 18px;font-weight:700;font-size:15px;color:var(--primary);display:flex;justify-content:space-between;align-items:center; }
    .faq-q::after { content:'+';font-size:20px;color:var(--primary); }
    .faq-a { padding:14px 18px;font-size:15px;color:#444;background:#fff;border-top:1px solid var(--border); }

    /* ===== CONCLUSION ===== */
    .conclusion { background:var(--primary);color:#fff;border-radius:6px;padding:28px 30px;margin-top:36px; }
    .conclusion h4 { font-family:var(--serif);font-size:1.1rem;margin-bottom:12px;color:#f9ca24; }
    .conclusion p { font-size:15px;color:#d6eaf8;margin-bottom:10px; }
    .conclusion p:last-child { margin-bottom:0; }

    /* ===== RELATED ===== */
    .related { background:var(--bg-light);border:1px solid var(--border);border-radius:6px;padding:20px;margin-top:36px; }
    .rel-h { font-size:14px;font-weight:700;color:var(--primary);margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em; }
    .related ul { list-style:none;display:flex;flex-direction:column;gap:10px; }
    .related ul li { font-size:14px; }
    .related ul li::before { content:'✔️ '; }

    /* ===== TAGS ===== */
    .art-tags { margin-top:32px;padding-top:20px;border-top:1px solid var(--border); }
    .tl { font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px; }
    .tags { display:flex;flex-wrap:wrap;gap:8px; }
    .tag { background:var(--bg-light);border:1px solid var(--border);padding:4px 12px;font-size:12px;color:var(--muted);border-radius:3px; }

    /* ===== SIDEBAR ===== */
    .sw { border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:22px; }
    .sw-h { background:var(--primary);color:#fff;padding:12px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
    .sw-h.red { background:var(--accent); }
    .sw-h.orange { background:var(--accent2); }
    .sw-b { padding:16px;background:#fff; }
    .sw-b ul { list-style:none;display:flex;flex-direction:column;gap:9px; }
    .sw-b ul li { font-size:14px;padding-left:14px;position:relative;color:#444;line-height:1.45; }
    .sw-b ul li::before { content:'▸';position:absolute;left:0;color:var(--primary); }
    .sw-b p { font-size:14px;color:#555;line-height:1.6;margin-bottom:10px; }
    .sw-b p:last-child { margin-bottom:0; }
    .cta-w { background:linear-gradient(135deg,#1a5276,#1e8449);color:#fff;border-radius:6px;padding:22px 18px;text-align:center;margin-bottom:22px; }
    .cta-w h4 { font-size:15px;font-weight:700;margin-bottom:10px; }
    .cta-w p { font-size:13px;margin-bottom:14px;opacity:.9; }
    .cta-btn { display:inline-block;background:#f9ca24;color:#1a1a1a;font-weight:700;font-size:13px;padding:10px 20px;border-radius:5px;text-decoration:none; }
    .cta-btn:hover { background:#f0c010;text-decoration:none; }

    /* ===== PROGRESS BAR ===== */
    .progress-item { margin-bottom:14px; }
    .progress-label { display:flex;justify-content:space-between;font-size:13px;color:#444;margin-bottom:5px; }
    .progress-track { height:22px;background:#e9ecef;border-radius:3px;overflow:hidden; }
    .progress-fill { height:100%;border-radius:3px;display:flex;align-items:center;padding-left:10px;font-size:12px;font-weight:700;color:#fff; }
    .pf-red    { background:linear-gradient(90deg,#c0392b,#e74c3c); }
    .pf-orange { background:linear-gradient(90deg,#d35400,#e67e22); }
    .pf-blue   { background:linear-gradient(90deg,#1a5276,#2980b9); }
    .pf-green  { background:linear-gradient(90deg,#1e8449,#27ae60); }

    /* ===== FOOTER ===== */
    .site-footer { background:#1a1a1a;color:#888;text-align:center;padding:24px;font-size:13px;margin-top:60px; }
    .site-footer a { color:#aaa; }