
:root{
  --navy:#082f68;--navy-dark:#061d43;--blue:#174d96;--red:#cf2e33;
  --orange:#eb6239;--gold:#d9a447;--gold-soft:#f1d891;--cream:#faf4e8;
  --paper:#fffdf8;--ink:#172238;--muted:#687282;--green:#2d745e;
  --line:rgba(8,47,104,.11);--shadow:0 18px 50px rgba(29,31,37,.10);
  --shadow-lg:0 34px 90px rgba(19,26,42,.18);--container:1180px;
  --accent:#b85f34;--script-font:'Segoe UI Historic',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68;background:radial-gradient(circle at 5% 5%,rgba(217,164,71,.11),transparent 23%),var(--cream);overflow-x:hidden}
body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}
.container{width:min(calc(100% - 44px),var(--container));margin:auto}
.topline{height:8px;background:linear-gradient(90deg,var(--navy),var(--gold),var(--red),var(--navy))}
  .header{
      position:fixed;inset:7px 0 auto;z-index:100;
      transition:.25s ease;
      background:rgba(8,30,69,.9);
    }
    .header.scrolled{
      inset:0 0 auto;
      background:rgba(8,30,69,.9);
      backdrop-filter:blur(18px);
      box-shadow:0 10px 32px rgba(0,0,0,.16);
    }
.nav{height:80px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;height:44px;width:auto;object-fit:contain}.brand-copy,.brand-mark{display:none}
.navlinks{display:flex;align-items:center;gap:20px;margin-left:auto}.navlinks a{font-size:13px;font-weight:800;color:rgba(255,255,255,.86)}.navlinks a:hover,.navlinks a.active{color:var(--red)}
.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 20px;border:0;border-radius:999px;font-weight:900;transition:.2s ease}
.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--navy));box-shadow:0 15px 30px rgba(8,47,104,.2)}.btn-secondary{color:var(--navy);background:#fff;border:1px solid var(--line)}
.menu-toggle{display:none;margin-left:auto;width:43px;height:43px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy)}.mobile-panel{display:none}
.hero{position:relative;min-height:570px;display:flex;align-items:end;padding:100px 0 62px;color:#fff;overflow:hidden;background:var(--navy-dark)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,16,37,.06),rgba(3,16,37,.35) 44%,rgba(3,16,37,.95) 100%)}
.hero-content{position:relative;z-index:2;max-width:940px}.badge{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:var(--gold-soft);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}
.hero h1{margin:17px 0 13px;font-size:clamp(50px,7vw,86px);line-height:.94;letter-spacing:-.065em}.script-title{font-family:var(--script-font);font-size:clamp(27px,3.2vw,44px);line-height:1.45;color:var(--gold-soft);margin:0 0 16px;max-width:980px}
.meta{display:flex;flex-wrap:wrap;gap:9px;color:rgba(255,255,255,.75);font-size:13px}.meta span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:58px 0 92px;align-items:start}
.article{padding:31px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.status-banner{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px;padding:17px 18px;border-radius:18px;background:#fff1c9;color:#624718;border:1px solid rgba(217,164,71,.3)}
.status-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:1000}
.status-banner strong{display:block;margin-bottom:3px}.status-banner p{margin:0;font-size:13px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.tab{border:0;padding:11px 15px;border-radius:999px;background:#f0ebdf;color:#566175;font-weight:900}.tab.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--navy))}
.pane{display:none}.pane.active{display:block}.pane h2{margin:0 0 15px;color:var(--navy);font-size:31px;line-height:1.12}
.pane-lead{margin:0 0 23px;color:var(--muted);font-size:14px}
.script-story{font-family:var(--script-font);font-size:25px;line-height:2.05;color:#342b25;overflow-wrap:anywhere}
.script-story p{margin:0}.script-story p+p{margin-top:24px}
.latin-story p,.summary-story p{margin:0;color:#4f596a;font-size:17px}.latin-story p+p{margin-top:17px}
.figure{margin:31px 0;border-radius:23px;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}.figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.figure figcaption{padding:12px 16px;background:#fff;color:var(--muted);font-size:13px}
.moral{margin-top:29px;padding:23px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#174d96);color:#fff}.moral small{display:block;color:var(--gold-soft);font-weight:1000;text-transform:uppercase;letter-spacing:.11em}.moral strong{display:block;margin-top:8px;font-size:20px}
.sidebar{position:sticky;top:102px;display:grid;gap:14px}.side-card{padding:19px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.side-card h3{margin:0 0 12px;color:var(--navy);font-size:18px}
.row{padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row small{display:block;color:var(--muted);font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}.row strong{display:block;margin-top:3px;color:#3e485a;font-size:14px}
.checklist{display:grid;gap:8px}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#4e596a}.check i{width:21px;height:21px;flex:0 0 21px;border-radius:7px;display:grid;place-items:center;background:rgba(45,116,94,.13);color:var(--green);font-style:normal;font-weight:1000}.check.pending i{background:rgba(217,164,71,.18);color:#95660a}
.share{display:flex;flex-wrap:wrap;gap:7px}.share span{padding:8px 11px;border-radius:11px;background:#edf1f7;color:var(--navy);font-size:11px;font-weight:900}
.story-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.story-nav a{padding:17px;border-radius:18px;background:#f7f1e6;border:1px solid var(--line);color:var(--navy);font-weight:900}.story-nav a:last-child{text-align:right}
.footer{padding:37px 0;background:#041a3d;color:#fff}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer small{display:block;color:rgba(255,255,255,.57)}.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.74);font-size:13px;font-weight:750}
@media(max-width:930px){.layout{grid-template-columns:1fr}.sidebar{position:relative;top:auto;grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.navlinks,.nav-actions{display:none}.menu-toggle{display:block}.mobile-panel{position:fixed;inset:88px 15px auto;z-index:99;padding:15px;border-radius:22px;background:rgba(255,250,242,.98);border:1px solid var(--line);box-shadow:var(--shadow-lg)}.mobile-panel.open{display:block}.mobile-panel a{display:flex;align-items:center;min-height:46px;padding:0 13px;border-radius:13px;color:#4e596c;font-weight:800}.mobile-panel .mobile-cta{margin-top:8px;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange))}}
@media(max-width:620px){.container{width:min(calc(100% - 24px),var(--container))}.hero{min-height:500px;padding-bottom:45px}.hero h1{font-size:clamp(46px,14vw,67px)}.script-title{font-size:24px}.layout{padding-top:38px}.article{padding:22px}.pane h2{font-size:27px}.script-story{font-size:22px}.sidebar{grid-template-columns:1fr}.story-nav{grid-template-columns:1fr}.story-nav a:last-child{text-align:left}}
