/* cms.css — styles for admin-created pages and (optional) sub-menus.
   Separate file so main.css stays byte-identical. Only NEW classes here. */

/* dynamic page body */
.cms-page{max-width:860px}
.cms-featured{width:100%;height:auto;border-radius:8px;margin-bottom:28px;border:1px solid var(--line,#D8E0EA)}
.cms-content{font-size:16px;line-height:1.75;color:var(--ink,#1C2B3A)}
.cms-content h2{font-size:26px;margin:30px 0 12px}
.cms-content h3{font-size:20px;margin:24px 0 10px}
.cms-content p{margin:0 0 16px}
.cms-content ul,.cms-content ol{margin:0 0 16px 22px}
.cms-content li{margin-bottom:6px}
.cms-content a{color:var(--navy,#0B2545);text-decoration:underline}
.cms-content img{max-width:100%;height:auto;border-radius:6px;margin:16px 0}
.cms-content blockquote{border-left:3px solid var(--gold,#C9A227);margin:16px 0;padding:6px 18px;color:var(--slate,#41536B)}
.cms-content table{width:100%;border-collapse:collapse;margin:16px 0}
.cms-content th,.cms-content td{border:1px solid var(--line,#D8E0EA);padding:8px 12px;text-align:left}
.cms-content th{background:var(--mist,#F2F5F9)}
.cms-children{margin-top:40px;padding-top:24px;border-top:1px solid var(--line,#D8E0EA)}
.cms-children ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.cms-children a{display:inline-block;padding:8px 16px;border:1px solid var(--line,#D8E0EA);border-radius:4px;color:var(--navy,#0B2545);font-weight:600}
.cms-children a:hover{border-color:var(--gold,#C9A227)}

/* optional dropdown — only activates when a menu item HAS children.
   With no children (current state) the header is visually unchanged. */
.menu li.has-sub{position:relative}
.menu li.has-sub > a::after{content:" \25BE";font-size:10px}
.menu .submenu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;
  border:1px solid var(--line,#D8E0EA);border-radius:0 0 6px 6px;box-shadow:0 12px 30px rgba(11,37,69,.12);
  padding:8px 0;z-index:60;list-style:none}
.menu li.has-sub:hover .submenu,.menu li.has-sub:focus-within .submenu{display:block}
.menu .submenu li{display:block}
.menu .submenu a{display:block;padding:9px 18px;white-space:nowrap;border:0}
.menu .submenu a:hover{background:var(--mist,#F2F5F9)}
@media(max-width:900px){
  .menu .submenu{position:static;box-shadow:none;border:0;padding:4px 0 4px 16px}
  .menu li.has-sub:hover .submenu{display:block}
}

/* documents auto-list on CMS pages (mirrors the investor doclist look) */
.cms-docs{margin-top:36px}
.cms-docs .doclist{list-style:none;padding:0;margin:12px 0 0}
.cms-docs .doclist li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line,#D8E0EA)}
.cms-docs .doclist a{color:var(--navy,#0B2545);font-weight:600;text-decoration:none}
.cms-docs .doclist a:hover{text-decoration:underline}
.cms-docs .doc-meta{font-size:12.5px;color:var(--slate,#41536B);white-space:nowrap}