/* page + carousel */

  body.cl-vault-page { background:#0f1218; }
  .cl-vault, #lightbox { font-family: Georgia, 'Times New Roman', serif; color:#dbe2ec; line-height:1.6; font-size:16px; }
  main.cl-vault { max-width: 720px; margin: 0 auto; padding: 44px 20px 90px; }
  .cl-vault a, #lightbox a { color:#7fb5e6; }
  .cl-vault h1, #lightbox h1 { font-size: 2.1rem; line-height:1.2; margin-bottom:.2em; }
  .cl-vault .subtitle, #lightbox .subtitle { color:#94a3b8; font-style: italic; margin-top:0; }
  .cl-vault h2, #lightbox h2 { font-size:1.5rem; margin:2em 0 .5em; padding-bottom:.2em; border-bottom:2px solid #2e3646; }
  .cl-vault h3, #lightbox h3 { font-size:1.15rem; margin:1.6em 0 .4em; color:#c9d3e0; }
  .cl-vault h4, #lightbox h4 { margin:1.2em 0 .4em; }
  .cl-vault p, #lightbox p { margin:0 0 1em; }
  .cl-vault code, #lightbox code { font-family: ui-monospace, Menlo, monospace; font-size:.9em; background:#151a24; padding:1px 5px; border-radius:4px; }
  .cl-vault figure, #lightbox figure { margin: 1.6em 0; background:#151a24; border:1px solid #29303f; border-radius:8px; padding:14px; }
  .cl-vault figure svg, #lightbox figure svg { width:100%; height:auto; display:block; }
  .cl-vault figure img, #lightbox figure img { width:100%; height:auto; display:block; border-radius:6px; }
  .cl-vault figcaption, #lightbox figcaption { font-family: system-ui,sans-serif; font-size:.8rem; color:#94a3b8; margin-top:8px; }
  .cl-vault .repfig-panel, #lightbox .repfig-panel { background:#0d0f16; border-radius:8px; padding:16px 14px 10px; }
  .cl-vault .smallnote, #lightbox .smallnote { font-family:system-ui,sans-serif; font-size:.85rem; color:#94a3b8; }
  .cl-vault .stats, #lightbox .stats { display:flex; flex-wrap:wrap; gap:10px; margin:1.4em 0; font-family: system-ui,sans-serif; }
  .cl-vault .stat, #lightbox .stat { background:#151a24; border:1px solid #29303f; border-radius:8px; padding:10px 16px; text-align:center; flex:1; min-width:100px; }
  .cl-vault .stat b, #lightbox .stat b { display:block; font-size:1.5rem; color:#7ea8d8; }
  .cl-vault .stat span, #lightbox .stat span { font-size:.75rem; color:#94a3b8; }
  .cl-vault footer, #lightbox footer { font-family:system-ui,sans-serif; font-size:.75rem; color:#64748b; margin-top:4em; border-top:1px solid #2e3646; padding-top:1em; }
  /* carousel */
  .cl-vault .carousel, #lightbox .carousel { position:relative; margin:1.6em -20px; padding:0 44px; outline:none; }
  .cl-vault .ctrack, #lightbox .ctrack { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; }
  .cl-vault .ctrack::-webkit-scrollbar, #lightbox .ctrack::-webkit-scrollbar { display:none; }
  .cl-vault .cslide, #lightbox .cslide { flex:0 0 100%; scroll-snap-align:center; min-width:0; padding:0 4px; box-sizing:border-box; }
  .cl-vault .cslide figure, #lightbox .cslide figure { margin:0; }
  .cl-vault .cslide .repfig-panel, #lightbox .cslide .repfig-panel, .cl-vault .cslide .ph, #lightbox .cslide .ph, .cl-vault .cslide img, #lightbox .cslide img, .cl-vault .cslide [data-fig], #lightbox .cslide [data-fig] { height:420px; box-sizing:border-box; }
  .cl-vault .cslide img, #lightbox .cslide img { object-fit:contain; background:#0d0f16; }
  .cl-vault .cslide [data-fig] svg, #lightbox .cslide [data-fig] svg { max-height:420px; }
  .cl-vault .cslide figcaption, #lightbox .cslide figcaption { min-height:2.6em; }
  .cl-vault .cslide .repfig-panel, #lightbox .cslide .repfig-panel { overflow:hidden; position:relative; }
  .cl-vault .cslide .repfig-panel::after, #lightbox .cslide .repfig-panel::after { content:""; position:absolute; left:0; right:0; bottom:0; height:60px;
      background:linear-gradient(transparent, #0d0f16); pointer-events:none; }
  .cl-vault .cslide .itree, #lightbox .cslide .itree { max-height:340px; }
  .cl-vault .ph, #lightbox .ph { height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
        border:2px dashed #29303f; border-radius:6px; color:#64748b; font-family:system-ui,sans-serif; }
  .cl-vault .ph small, #lightbox .ph small { font-size:.75rem; color:#4b5563; }
  .cl-vault figure:not(.cslide figure) .ph, #lightbox figure:not(.cslide figure) .ph { height:260px; }
  .cl-vault .cbtn, #lightbox .cbtn { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%;
          border:1px solid #29303f; background:#151a24; color:#cbd5e1; font-size:26px; line-height:1; cursor:pointer; z-index:2; }
  .cl-vault .cbtn:hover, #lightbox .cbtn:hover { background:#1f2634; color:#fff; }
  .cl-vault .cbtn.prev, #lightbox .cbtn.prev { left:2px; } .cbtn.next { right:2px; }
  .cl-vault .cdots, #lightbox .cdots { display:flex; justify-content:center; gap:7px; margin-top:10px; }
  .cl-vault .cdot, #lightbox .cdot { width:9px; height:9px; border-radius:50%; border:0; background:#334155; cursor:pointer; padding:0; }
  .cl-vault .cdot.on, #lightbox .cdot.on { background:#7fb5e6; }
 @media (max-width:640px) { .carousel { padding:0 30px; } .cbtn { width:28px; height:28px; font-size:20px; } }

/* shared vault styles (make_report.TIP_CSS) */
#tt{position:fixed;display:none;pointer-events:none;z-index:99;max-width:280px;background:#0b0e15;border:1px solid #334155;border-radius:7px;padding:6px 9px;font-size:12px;color:#e6ebf2;box-shadow:0 4px 18px rgba(0,0,0,.5)}svg.net .nd:hover circle{stroke:#e6ebf2;stroke-width:2}main figure{cursor:zoom-in}#lightbox{position:fixed;inset:0;display:none;background:rgba(5,8,14,.93);z-index:100;align-items:flex-start;justify-content:center;overflow:auto;padding:34px 0 60px}#lb-inner{width:min(95vw,1400px)}#lb-inner figure{margin:0;cursor:default}#lb-close{position:fixed;top:12px;right:24px;font-size:32px;color:#94a3b8;cursor:pointer;z-index:101;font-family:system-ui,sans-serif}#lb-close:hover{color:#e6ebf2}.itree{font-family:system-ui,sans-serif;font-size:.8rem;line-height:1.55;max-height:480px;overflow-y:auto;padding-right:6px;color:#cbd5e1}.itree ul{list-style:none;padding-left:16px;margin:0}.itree>ul{padding-left:0}.tog{cursor:pointer;display:inline-block;width:14px;color:#94a3b8;user-select:none}.tog.open{color:#7fb5e6}.tog-sp{display:inline-block;width:14px}.itree .cnt{color:#64748b;font-size:.72rem;margin-left:4px}.ibtn{font-family:system-ui,sans-serif;font-size:.72rem;color:#94a3b8;background:#151a24;border:1px solid #29303f;border-radius:6px;padding:2px 9px;cursor:pointer;margin-right:6px}.ibtn:hover{color:#e6ebf2}svg .dm{opacity:.12}svg line.hl{opacity:.95;stroke:#94a3b8}svg path.hl{opacity:.95;stroke-width:2.2}svg a.barlink{cursor:pointer}svg a.barlink:hover rect{opacity:1}svg a.barlink:hover text{fill:#22d3ee}.plink{color:inherit;text-decoration:none;border-bottom:1px dotted #3b4657}.plink:hover{color:#22d3ee;border-color:#22d3ee}