/* Shared, isolated public header: identical on new and retained pages. */
.ltcc-header { position: sticky; top: 0; z-index: 100; width: 100%; margin: 0; padding: 0; color: #f7f7f3; background: #101b1b; border-bottom: 1px solid #ffffff19; font: 400 13px/1.5 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; text-align: left; }
.ltcc-header *, .ltcc-header *::before, .ltcc-header *::after { box-sizing: border-box; }
.ltcc-header a { color: inherit; text-decoration: none; border: 0; }
.ltcc-header-inner { display: flex; align-items: center; gap: 24px; max-width: 1320px; min-height: 76px; margin: auto; padding: 0 40px; }
.ltcc-brand { display: flex; align-items: center; gap: 11px; flex-shrink: 0; }
.ltcc-brand img { display: block; width: 30px; height: 42px; object-fit: contain; }
.ltcc-brand span { font-size: 21px; font-weight: 600; line-height: 1.25; letter-spacing: -.6px; }
.ltcc-brand small { display: block; font-size: 10px; font-weight: 400; letter-spacing: .6px; margin-top: 5px; color: #b4c0bc; }
.ltcc-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; white-space: nowrap; }
.ltcc-nav > a, .ltcc-dropdown > summary { padding: 12px 0; font-size: 13px; font-weight: 400; cursor: pointer; }
.ltcc-header a:hover, .ltcc-nav [aria-current="page"], .ltcc-dropdown[data-active] > summary { color: #a7edcb; }
.ltcc-dropdown { position: relative; margin: 0; padding: 0; border: 0; background: none; }
.ltcc-dropdown > summary { list-style: none; }
.ltcc-dropdown > summary::-webkit-details-marker { display: none; }
.ltcc-dropdown > summary::after { content: '⌄'; margin-left: 6px; }
.ltcc-dropdown > div { position: absolute; top: 45px; left: -18px; width: 226px; padding: 10px; border: 1px solid #47605a; border-radius: 14px; background: #1d302e; box-shadow: 0 14px 30px #0002; }
.ltcc-dropdown a { display: block; padding: 10px; border-radius: 8px; }
.ltcc-dropdown a:hover { background: #ffffff08; }
.ltcc-dropdown small { display: block; font-size: 11px; color: #c2d1cc; margin-top: 3px; }
.ltcc-header .ltcc-contact { flex-shrink: 0; color: #101416; background: #a7edcb; padding: 10px 15px; border-radius: 12px; white-space: nowrap; }
.ltcc-header .ltcc-contact:hover { background: #fff; color: #101416; }
.ltcc-menu-toggle { display: none; font: inherit; }
.ltcc-header :focus-visible { outline: 2px solid #a7edcb; outline-offset: 3px; }
@media(max-width:1100px) {
  .ltcc-header-inner { gap: 12px; padding: 0 24px; min-height: 70px; }
  .ltcc-menu-toggle { display: block; margin-left: auto; border: 1px solid #65706e; border-radius: 10px; padding: 8px 12px; background: transparent; color: #fff; cursor: pointer; }
  .ltcc-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0; padding: 12px 24px 22px; background: #101b1b; max-height: calc(100dvh - 70px); overflow: auto; border-top: 1px solid #ffffff19; }
  .ltcc-header[data-menu-open] .ltcc-nav { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .ltcc-nav > a, .ltcc-dropdown > summary { display: block; padding: 12px 0; }
  .ltcc-dropdown > div { position: static; width: auto; box-shadow: none; margin-bottom: 10px; }
}
@media(max-width:450px) {
  .ltcc-header-inner { padding: 0 16px; gap: 8px; }
  .ltcc-brand span { font-size: 17px; }
  .ltcc-brand small { font-size: 8px; }
  .ltcc-brand { gap: 7px; }
  .ltcc-brand img { width: 24px; height: 34px; }
  .ltcc-header .ltcc-contact { font-size: 11px; padding: 9px 10px; }
  .ltcc-menu-toggle { font-size: 11px; padding: 8px; }
}