/* LINKSEE 灵犀: site header adaptation, 2026-09-21.
 * Approved artwork is retained unchanged. Crop its transparent presentation
 * canvas in the layout: source 2056x765; visible frame x96 y176 w1872 h392.
 */
.ls-compact .ls-header-brand {
  width:216px; flex:0 0 216px; min-width:0; min-height:44px; line-height:1;
}
.ls-compact .ls-header-brand .ls-brand-art {
  display:block; position:relative; width:100%; aspect-ratio:1872 / 392;
  overflow:hidden; flex-shrink:0;
}
.ls-compact .ls-header-brand .ls-brand-art img {
  display:block; position:absolute; left:-5.128205%; top:-44.897959%;
  width:109.82906% !important; max-width:none !important;
  height:auto !important; max-height:none !important; object-fit:contain;
}
.ls-compact .ls-header-brand:focus-visible {
  outline:2px solid var(--ls-blue,#315bcb); outline-offset:4px; border-radius:4px;
}
.ls-compact .ls-brand-fallback {
  display:flex; align-items:center; gap:10px; font-size:26px; font-weight:700;
}
.ls-compact .ls-brand-fallback span {font-size:22px;}
body.night-mode.ls-compact .ls-header-brand .ls-brand-art img {
  filter:brightness(0) invert(1);
}
@media (max-width:1023px) {
  .ls-compact .ls-header-brand {width:204px; flex-basis:204px;}
}
@media (max-width:767px) {
  .ls-compact .ls-header-brand {
    width:100%; max-width:192px; min-width:0; min-height:40px; flex:initial;
  }
  .ls-compact .ls-header-search {grid-column:1 / -1; grid-row:2;}
}


/* On narrow phones keep the full brand legible: account on the first row,
   search and publish on the second. No controls are removed. */
@media (max-width:374px) {
  .ls-compact .ls-header-inner {grid-template-columns:minmax(0,1fr) auto;}
  .ls-compact .ls-header-brand {grid-column:1;grid-row:1;}
  .ls-compact .ls-header-account {grid-column:2;grid-row:1;}
  .ls-compact .ls-header-search {grid-column:1;grid-row:2;}
  .ls-compact .ls-header-publish {grid-column:2;grid-row:2;justify-self:stretch;text-align:center;}
}