/* Shared old-CMS L/R + logo chrome for live leftnav+rightbox shells.
   Linked from template/pc/default/home/header.html (shared left logo partial).
   Covers: About id=7 (jigou), Contact id=8 (lx), Insights hub id=6 +
   subcats 14/15/16 (list), and any other PC page that includes header.html
   (e.g. show1 insight articles). Does NOT touch white /, /work/, case whites.

   Aligns with live /work/ desktop column geometry (k-white.css v12 measured):
     --pad: clamp(16px, 2.2vw, 32px);
     .side { width: calc(100% * 35 / 144 - 8px) }
     main  { margin-left: calc(100% * 35 / 144) }
   Logo: same /skin/img/logo.svg; fixed left:pad / top:12px; size 152×54.

   Formerly about-align-work.css (About-only); generalized 2026-10-28.
*/

:root {
  --pad: clamp(16px, 2.2vw, 32px);
  --colw: calc((100% - 2 * var(--pad) - 8px) * 6 / 16);
  /* live /work/ desktop (v12) */
  --hiso-work-main-start: calc(100% * 35 / 144);
  --hiso-work-side: calc(var(--hiso-work-main-start) - 8px);
  --hiso-sidebar: var(--hiso-work-side);
}

.leftnav {
  width: var(--hiso-work-side);
  padding-left: round(down, var(--pad), 1px);
}

.rightbox {
  /* start where /work/ #mas / first card image starts */
  margin-left: var(--hiso-work-main-start);
  /* fill to right pad like work main (padding-right: var(--pad)) */
  width: calc(100% - var(--hiso-work-main-start) - var(--pad));
  max-width: none;
  margin-right: 0;
  padding-right: 0;
}

/* Desktop shell still inherits html { min-width: 1080px } from style.css;
   phone CMS uses template/mobile/... (this file not loaded there). */

/* ---- Logo chrome: match live /work/ ----
   Measured at 1280×800 on /work/:
     a.logo { position:fixed; left:var(--pad)→28px; top:12px; z-index:60 }
     img    { width:152px; height:54px; padding:0 }
   Old CMS used .logo img { width:2rem; padding-top:0.8rem } inside
   .leftnavlogo → ~144×130 with padding; wordmark looked oversized vs work.
*/
.leftnavlogo {
  /* collapse old in-column logo block; logo itself is position:fixed */
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible;
  background: transparent;
  pointer-events: none;
  border: 0;
}

.leftnavlogo .logo {
  position: fixed;
  left: round(down, var(--pad), 1px);
  top: 12px;
  z-index: 60;
  background: transparent !important;
  display: block;
  line-height: 0;
  width: auto;
  height: auto;
  pointer-events: auto;
  mix-blend-mode: normal;
  filter: none;
}

.leftnavlogo .logo img {
  width: 152px !important;
  height: 54px !important;
  padding: 0 !important;
  display: block;
  filter: none !important;
  max-width: none;
}