:root{
      --rule:#E2E1DA; --muted:#857E73;
      --ink:#13120F; --off:#F3F1E9;
      --navy:#1C3F72; --nmid:#2C5A96; --nlt:#4A82C4;
      --up:#1F5C3E; --dn:#8C2B2B;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    body{background:#FAF8F1;color:var(--ink);font-family:"Lora",Georgia,serif;font-size:17px;line-height:1.78}

    .masthead{background:var(--ink);height:44px;display:flex;align-items:center;padding:0 40px;border-bottom:2px solid var(--navy)}
    .mlogo{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#fff}
    .mrule{flex:1;height:1px;background:#242424;margin:0 24px}
    .mdate{font-family:"Space Mono",monospace;font-size:9.5px;color:#7A7567;letter-spacing:.08em}

    .hero{position:relative;height:75vh;min-height:440px;overflow:hidden}
    .hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.34) contrast(1.1) saturate(.5)}
    .hveil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(28,63,114,.20) 0%,rgba(13,13,11,.22) 35%,rgba(13,13,11,.87) 70%,rgba(13,13,11,.99) 100%)}
    .hbody{position:absolute;bottom:0;left:0;right:0;padding:0 40px 48px;max-width:860px}
    .hbar{width:46px;height:3px;background:var(--nlt);margin-bottom:18px}
    .hbadge{display:inline-block;font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--navy);padding:4px 12px;border-radius:999px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
    .heyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px}
    .hsec{font-family:"Space Mono",monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.32)}
    .hdot{width:3px;height:3px;background:var(--nlt);border-radius:50%}
    .hh1{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(24px,3.6vw,46px);color:#fff;line-height:1.07;letter-spacing:-.02em;margin-bottom:14px}
    .hh1 em{font-style:italic;color:rgba(255,255,255,.55)}
    .hdate{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.25);padding-top:14px;border-top:1px solid rgba(255,255,255,.08);margin-top:6px}

    .page{max-width:1100px;margin:0 auto;padding:56px 40px 80px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:56px;align-items:start}

    .body p{margin-bottom:24px}
    .body h2{font-family:"Fraunces",serif;font-size:21px;font-weight:700;line-height:1.18;margin:48px 0 14px;padding-top:28px;border-top:2px solid var(--navy)}
    .body strong{font-weight:600}
    .body em{font-style:italic}

    .ticker{font-family:"Space Mono",monospace;font-size:10.5px;border:1px solid var(--rule);padding:1px 6px;color:var(--nmid);background:var(--off)}

    .pq{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:22px 0 18px;margin:40px 0}
    .pq blockquote{font-family:"Fraunces",serif;font-size:20px;font-style:italic;line-height:1.40;color:var(--ink);margin-bottom:12px}
    .pq cite{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal}

    .pcard{background:var(--navy);color:#fff;padding:28px 26px;margin:36px 0}
    .peyebrow{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.26);margin-bottom:6px}
    .ptitle{font-family:"Fraunces",serif;font-size:15px;font-weight:700;margin-bottom:26px;line-height:1.3}
    .prows{display:flex;flex-direction:column;gap:18px}
    .prowh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
    .pname{font-family:"Space Mono",monospace;font-size:10px;color:rgba(255,255,255,.36);letter-spacing:.03em}
    .ppct{font-family:"Space Mono",monospace;font-size:24px;font-weight:400;color:#fff}
    .ptrack{height:2px;background:rgba(255,255,255,.10)}
    .pfill{height:100%}
    .fb{background:#fff;width:73%} .fi{background:rgba(255,255,255,.32);width:14%} .fm{background:#555;width:13%}
    .pnote{margin-top:20px;font-family:"Space Mono",monospace;font-size:9px;color:rgba(255,255,255,.20);line-height:1.7;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}

    /* results table */
    .rtable{width:100%;border-collapse:collapse;margin:32px 0;font-size:14px}
    .rtable th{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:0 12px 10px 0;text-align:left;font-weight:500}
    .rtable td{padding:9px 12px 9px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
    .rtable tr:last-child td{border-bottom:none}
    .beat-val{font-family:"Space Mono",monospace;font-weight:500;color:var(--up)}
    .cons-val{font-family:"Space Mono",monospace;color:var(--muted)}
    .delta{font-family:"Space Mono",monospace;font-size:11px;color:var(--up);background:#f0fdf4;padding:1px 6px;white-space:nowrap}

    .formula{border-left:3px solid var(--navy);padding:16px 18px;margin:32px 0;background:var(--off);font-family:"Space Mono",monospace;font-size:11.5px;line-height:1.9;color:var(--navy);white-space:pre-wrap}
    .flabel{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--nlt);margin-bottom:8px;display:block;white-space:normal}

    .callout{border-left:3px solid var(--navy);padding:16px 18px;margin:32px 0;background:var(--off)}
    .clabel{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--nlt);margin-bottom:8px;display:block}
    .callout p{font-size:14px!important;line-height:1.65!important;margin:0!important;color:var(--navy)}

    /* disclosure box */
    .disclosure{border:1px solid var(--rule);border-left:3px solid var(--ink);padding:16px 18px;margin:36px 0;background:var(--off)}
    .dlabel{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;display:block}
    .disclosure p{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#473F33}

    /* track record box */
    .trackbox{background:var(--ink);color:#fff;padding:24px 26px;margin:36px 0}
    .trackbox-label{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:8px}
    .trackbox-title{font-family:"Fraunces",serif;font-size:14px;font-weight:700;margin-bottom:14px;color:rgba(255,255,255,.85)}
    .trackbox p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;margin:0}

    .mlist{counter-reset:s;list-style:none;margin:18px 0}
    .mlist li{counter-increment:s;display:flex;gap:14px;margin-bottom:16px;font-size:15.5px;line-height:1.65}
    .mlist li::before{content:counter(s,decimal-leading-zero);font-family:"Space Mono",monospace;font-size:9.5px;color:#fff;background:var(--navy);min-width:26px;height:26px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}

    .rdiv{display:flex;align-items:center;gap:12px;margin:44px 0}
    .rdiv::before,.rdiv::after{content:"";flex:1;height:1px;background:var(--rule)}
    .rdiv span{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.18em;color:var(--nlt)}

    /* sources */
    .sources{margin-top:40px;padding-top:20px;border-top:1px solid var(--rule)}
    .slabel{font-family:"Space Mono",monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}
    .sources ol{padding-left:18px}
    .sources li{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:4px}

    /* SIDEBAR */
    .sidebar{position:sticky;top:24px}
    .sw{border-top:2px solid var(--navy);padding:14px 0 20px;margin-bottom:24px}
    .sw>h3{font-family:"Space Mono",monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
    .srow{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--off);padding:6px 0;font-size:12.5px}
    .srow:last-child{border-bottom:none}
    .sv{font-family:"Space Mono",monospace;font-size:12px;font-weight:500}
    .up{color:var(--up)} .dn{color:var(--dn)} .nv{color:var(--nmid)}

    .mbars{margin:12px 0 2px;display:flex;flex-direction:column;gap:11px}
    .mbrow{display:flex;flex-direction:column;gap:4px}
    .mbh{display:flex;justify-content:space-between;align-items:baseline}
    .mbl{font-family:"Space Mono",monospace;font-size:9px;color:var(--muted)}
    .mbv{font-family:"Space Mono",monospace;font-size:10.5px;font-weight:500;color:var(--ink)}
    .mbt{height:2px;background:var(--rule)}
    .mbf{height:100%}

    /* resultado real sidebar */
    .beat-box{background:var(--navy);color:#fff;padding:14px;margin-bottom:24px}
    .beat-box-label{font-family:"Space Mono",monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:10px}
    .beat-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.07)}
    .beat-row:last-child{border-bottom:none}
    .br-label{font-family:"Space Mono",monospace;font-size:9px;color:rgba(255,255,255,.4)}
    .br-val{font-family:"Space Mono",monospace;font-size:11px;font-weight:500;color:#fff}

    .ftag{display:inline-block;font-family:"Space Mono",monospace;font-size:9px;border:1px solid var(--rule);border-radius:999px;padding:2px 9px;margin:2px 2px 2px 0;color:var(--muted)}

    .foot{max-width:1100px;margin:0 auto;padding:20px 40px 48px;border-top:1px solid var(--rule)}
    .fdis{font-size:11px;color:#A39A89;font-style:italic;line-height:1.65}

    @media(max-width:760px){
      .hbody{padding:0 18px 34px}
      .page{grid-template-columns:1fr;padding:32px 18px 52px;gap:32px}
      .sidebar{position:static}
      .foot{padding:18px 18px 40px}
      .rtable{font-size:13px}
    }
    .mbf-primary{background:var(--navy)}
    .mbf-muted{background:#aaa}
    .mbf-light{background:#ccc}
    .mbf-73{width:73%}
    .mbf-14{width:14%}
    .mbf-13{width:13%}