/* OfficeWebSite — Pencil fidelity + desktop adaptive 1280→2K/4K (NO mobile layouts)
 *
 * 布局契约（Owner）：
 * - 各模块 **背景** 占满视口宽度
 * - 模块 **内容** 仍按设计稿最大宽居中（--office-content-max）
 */

:root {
  /* 设计基准 1440；超大屏逐步放宽，避免 4K 中间一条细带 */
  --office-content-max: 1440px;
  --office-edge-pad: clamp(48px, 4.5vw, 96px);
  /* 内容轨左右 inset：大屏居中限宽，小屏至少 edge-pad */
  --office-rail-pad: max(
    var(--office-edge-pad),
    calc((100% - var(--office-content-max)) / 2)
  );
}

@media (min-width: 1920px) {
  :root {
    --office-content-max: 1680px;
  }
}

@media (min-width: 2560px) {
  :root {
    --office-content-max: 1920px;
  }
}

@media (min-width: 3840px) {
  :root {
    --office-content-max: 2200px;
  }
}

html {
  /* 桌面舒适区下限；窄于此时允许横向滚动，不做手机重排 */
  min-width: 1280px;
}

body.office-body {
  margin: 0;
  background: #f5f7fa;
  color: #111827;
  font-family: Geist, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

/* 页面根：全宽竖排，背景由子模块各自铺满 */
.office-frame,
[data-pencil-name="Official Website Desktop"],
[data-pencil-name="Download Center Desktop"],
[data-pencil-name="Agent Verify Desktop"],
[data-pencil-name="Contact Desktop"] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

.office-max-content {
  max-width: none !important;
  width: 100% !important;
}

/* 模块壳：背景 100% 宽；内容用 rail-pad 限在设计最大宽内 */
.office-px-edge,
[data-pencil-name="Header"],
[data-pencil-name="Header (顶部融入态)"],
[data-pencil-name="Hero"],
[data-pencil-name="Trust Strip"],
[data-pencil-name="Product Suite"],
[data-pencil-name="Capability Atlas"],
[data-pencil-name="Local Architecture"],
[data-pencil-name="Use Cases"],
[data-pencil-name="Workflow"],
[data-pencil-name="Plugin Ecosystem"],
[data-pencil-name="Agent Verification"],
[data-pencil-name="Footer"],
[data-pencil-name="Page Hero"],
[data-pencil-name="Downloads"],
[data-pencil-name="Contact Methods"],
[data-pencil-name="Verify Tool"],
[data-pencil-name="Results"],
[data-pencil-name="What You Get"] {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding-left: var(--office-rail-pad) !important;
  padding-right: var(--office-rail-pad) !important;
}

/* Pencil flex 兜底 */
.office-flex-1 {
  flex: 1 1 0% !important;
  min-width: 0;
}

/* Capability Atlas：左侧视觉 + 右侧文案（内容已在 rail 内）
 * 左栏须与右栏同高：Tech Art / 卡片均为 absolute，栏高塌缩会被 overflow 裁光。 */
[data-pencil-name="Capability Atlas"] {
  align-items: stretch !important;
}

.office-cap-visual,
[data-pencil-name="Capability Visual"] {
  flex: 0 0 clamp(420px, 37.5vw, 720px) !important;
  width: clamp(420px, 37.5vw, 720px) !important;
  max-width: 45% !important;
  align-self: stretch !important;
  min-height: 720px !important;
  height: auto !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Capability 左栏 ambient 光斑（静态态呼吸；content 在动效段挂 animation） */
.office-cap-visual::before,
[data-pencil-name="Capability Visual"]::before {
  content: "";
  position: absolute;
  left: 12%;
  top: 18%;
  width: 68%;
  height: 52%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #0062ff28 0%, #0062ff0c 45%, transparent 72%);
  pointer-events: none;
  z-index: 1;
}

[data-pencil-name="Capability Tech Art"] {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}

[data-pencil-name="Capability Ledger"] {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: clamp(40px, 3.5vw, 72px) !important;
  padding-right: 0 !important;
}

[data-pencil-name="Capability Title"],
[data-pencil-name="Capability Summary"] {
  width: 100% !important;
  max-width: min(720px, 100%) !important;
}

/* 产品矩阵行：超大屏略加大间距，卡面仍均分 */
[data-pencil-name="Product Mosaic"] {
  gap: clamp(18px, 1.2vw, 28px) !important;
}

[data-pencil-name="Product Row Featured"],
[data-pencil-name="Product Row 4"],
[data-pencil-name^="Product Row"] {
  gap: clamp(18px, 1.2vw, 28px) !important;
}

[data-pencil-name="Product Suite"] {
  height: auto !important;
  min-height: 0 !important;
}

/* 非首页：内容不足时占满首屏，页脚贴底 */
html.office-fill-screen,
body.office-fill-screen {
  min-height: 100vh;
}

body.office-fill-screen {
  display: flex;
  flex-direction: column;
}

body.office-fill-screen > [data-pencil-name] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.office-fill-screen [data-pencil-name="Footer"] {
  margin-top: auto;
}

/* 联系我们：主内容在 Header/Hero 与 Footer 之间纵向居中 */
body[data-office-page="contact"] [data-pencil-name="Contact Desktop"] {
  min-height: 100vh !important;
}

body[data-office-page="contact"] [data-pencil-name="Contact Methods"] {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 280px !important;
}

body[data-office-page="contact"] [data-pencil-name="Footer"] {
  margin-top: 0 !important;
}

[data-nav-href] {
  cursor: pointer;
}

[data-nav-href]:hover {
  opacity: 0.92;
}

/* ── 交互层：装饰层不挡点击；可点元素可聚焦 ── */
html.office-smooth {
  scroll-behavior: smooth;
}

[data-pencil-name="Hero Tech Mesh"],
[data-pencil-name="Hero Blue Wash"],
[data-pencil-name="Capability Tech Art"],
[data-pencil-name="Hero Glow"],
[data-pencil-name^="Mesh "],
[data-pencil-name^="Cap H"],
[data-pencil-name^="Cap V"],
[data-pencil-name^="Cap Glow"],
[data-pencil-name^="Cap Ring"] {
  pointer-events: none !important;
}

[data-pencil-name="Header"],
[data-pencil-name="Header (顶部融入态)"],
[data-pencil-name="Capability Ledger"] {
  pointer-events: auto !important;
  position: relative;
  z-index: 5 !important;
}

/* Hero 文案 / 产品索引必须保持设计稿 absolute（右栏插图位）；禁止改成 relative */
[data-pencil-name="Hero Content"],
[data-pencil-name="Hero Product Index"],
[data-pencil-name="Hero Footnote"] {
  pointer-events: auto !important;
  position: absolute !important;
  z-index: 5 !important;
}

[data-pencil-name="Hero Content"] {
  /* 绝对定位原点在 Hero 左缘，须加上内容轨 inset，与顶栏 Brand 对齐 */
  left: calc(var(--office-rail-pad) + 72px) !important;
  top: 116px !important;
}

[data-pencil-name="Hero Product Index"] {
  /* 设计稿画布 left=960；叠加 rail-pad，并夹紧右缘 */
  left: min(
    calc(var(--office-rail-pad) + 960px),
    calc(100% - var(--office-rail-pad) - 400px - 24px)
  ) !important;
  top: 188px !important;
  right: auto !important;
}

[data-pencil-name="Hero Footnote"] {
  left: calc(var(--office-rail-pad) + 72px) !important;
  top: auto !important;
  bottom: 36px !important;
}

/* 右侧装饰环：贴内容轨右侧，并略提高对比，避免「右侧没插图」的空感（设计稿本无位图插图） */
[data-pencil-name="Mesh Ring Outer"] {
  left: auto !important;
  right: max(40px, calc((100% - var(--office-content-max)) / 2 + 60px)) !important;
  top: 100px !important;
  border-color: #0062ff33 !important;
}
[data-pencil-name="Mesh Ring Mid"] {
  left: auto !important;
  right: max(90px, calc((100% - var(--office-content-max)) / 2 + 110px)) !important;
  top: 150px !important;
  border-color: #4d8fff2e !important;
}
[data-pencil-name="Mesh Ring Inner"] {
  left: auto !important;
  right: max(140px, calc((100% - var(--office-content-max)) / 2 + 160px)) !important;
  top: 200px !important;
  border-color: #7eb6ff28 !important;
}

[data-pencil-name="Mesh Node A"],
[data-pencil-name="Mesh Node B"],
[data-pencil-name="Mesh Node C"],
[data-pencil-name="Mesh Node D"],
[data-pencil-name="Mesh Node E"] {
  transform: scale(1.35);
  box-shadow: 0 0 12px #0062ff55;
}

/* Hero 右侧补一层弱光晕（非位图），填补文案与产品卡之间的空带 */
[data-pencil-name="Hero Tech Mesh"]::after {
  content: "";
  position: absolute;
  right: max(80px, calc((100% - var(--office-content-max)) / 2 + 120px));
  top: 140px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #0062ff22 0%, #0062ff08 42%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}

/* ── Ambient idle motion（静态态自动动效；克制、可关闭） ──
 * Design read: B2B 官网 · MOTION≈4 · 只动装饰层，不抢文案/CTA 可读性
 */
@keyframes office-ring-breathe {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.85;
  }
  50% {
    transform: scale(1.045);
    opacity: 1;
  }
}

@keyframes office-orb-breathe {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.72;
  }
  50% {
    transform: scale(1.08);
    opacity: 1;
  }
}

@keyframes office-wash-breathe {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

@keyframes office-node-pulse {
  0%,
  100% {
    transform: scale(1.35);
    box-shadow: 0 0 8px #0062ff40;
    opacity: 0.7;
  }
  50% {
    transform: scale(1.65);
    box-shadow: 0 0 20px #0062ff88;
    opacity: 1;
  }
}

@keyframes office-float-y {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes office-soft-tint {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.06);
  }
}

@keyframes office-eyebrow-pulse {
  0%,
  100% {
    opacity: 0.75;
    transform: scaleX(1);
  }
  50% {
    opacity: 1;
    transform: scaleX(1.12);
  }
}

@keyframes office-cta-breathe {
  0%,
  100% {
    box-shadow: 0 8px 22px -8px #0062ff66;
  }
  50% {
    box-shadow: 0 12px 30px -6px #0062ff99;
  }
}

@keyframes office-cap-glow {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(1);
  }
  50% {
    opacity: 0.95;
    transform: scale(1.04);
  }
}

/* Hero：环 / 光晕 / 节点 / 蓝洗 */
[data-pencil-name="Mesh Ring Outer"] {
  transform-origin: center center;
  animation: office-ring-breathe 9s ease-in-out infinite;
}

[data-pencil-name="Mesh Ring Mid"] {
  transform-origin: center center;
  animation: office-ring-breathe 7.5s ease-in-out infinite;
  animation-delay: -2.4s;
}

[data-pencil-name="Mesh Ring Inner"] {
  transform-origin: center center;
  animation: office-ring-breathe 6.2s ease-in-out infinite;
  animation-delay: -4.1s;
}

[data-pencil-name="Hero Tech Mesh"]::after {
  transform-origin: center center;
  animation: office-orb-breathe 8s ease-in-out infinite;
}

[data-pencil-name="Hero Blue Wash"] {
  animation: office-wash-breathe 10s ease-in-out infinite;
}

[data-pencil-name="Mesh Node A"] {
  animation: office-node-pulse 3.6s ease-in-out infinite;
}

[data-pencil-name="Mesh Node B"] {
  animation: office-node-pulse 4.2s ease-in-out infinite;
  animation-delay: -0.8s;
}

[data-pencil-name="Mesh Node C"] {
  animation: office-node-pulse 3.9s ease-in-out infinite;
  animation-delay: -1.6s;
}

[data-pencil-name="Mesh Node D"] {
  animation: office-node-pulse 4.8s ease-in-out infinite;
  animation-delay: -2.2s;
}

[data-pencil-name="Mesh Node E"] {
  animation: office-node-pulse 4.4s ease-in-out infinite;
  animation-delay: -3s;
}

[data-pencil-name="Eyebrow Rule"],
[data-pencil-name="Suite Eyebrow Rule"] {
  transform-origin: left center;
  animation: office-eyebrow-pulse 3.8s ease-in-out infinite;
}

[data-pencil-name="Primary CTA"] {
  animation: office-cta-breathe 3.4s ease-in-out infinite;
}

[data-pencil-name="Primary CTA"]:hover,
[data-pencil-name="Primary CTA"]:focus-visible {
  animation-play-state: paused;
}

/* Trust：图标盒轻呼吸（错峰） */
[data-pencil-name="Trust Strip"] > div:nth-child(1) [data-pencil-name$=" Icon Box"] {
  animation: office-soft-tint 4.6s ease-in-out infinite;
}

[data-pencil-name="Trust Strip"] > div:nth-child(2) [data-pencil-name$=" Icon Box"] {
  animation: office-soft-tint 4.6s ease-in-out infinite;
  animation-delay: -1.5s;
}

[data-pencil-name="Trust Strip"] > div:nth-child(3) [data-pencil-name$=" Icon Box"] {
  animation: office-soft-tint 4.6s ease-in-out infinite;
  animation-delay: -3s;
}

[data-pencil-name="Trust Strip"] > div:nth-child(4) [data-pencil-name$=" Icon Box"] {
  animation: office-soft-tint 4.6s ease-in-out infinite;
  animation-delay: -0.7s;
}

/* 产品马赛克：Logo 轻浮（静态态） */
[data-pencil-name$=" Logo Wrap"] {
  animation: office-float-y 5.6s ease-in-out infinite;
  will-change: transform;
}

[data-pencil-name="Product Mosaic"] > div:nth-child(1) [data-pencil-name$=" Logo Wrap"] {
  animation-delay: 0s;
}

[data-pencil-name="Product Mosaic"] > div:nth-child(2) [data-pencil-name$=" Logo Wrap"] {
  animation-delay: -1.8s;
}

[data-pencil-name="Product Mosaic"] [data-pencil-name^="Product "]:nth-child(2) [data-pencil-name$=" Logo Wrap"],
[data-pencil-name="Product Mosaic"] [data-pencil-name^="Product "]:nth-child(3) [data-pencil-name$=" Logo Wrap"] {
  animation-delay: -2.4s;
}

/* Capability Atlas：左栏光晕呼吸（若有伪元素光斑） */
.office-cap-visual::before,
[data-pencil-name="Capability Visual"]::before {
  animation: office-cap-glow 7s ease-in-out infinite;
}

/* 悬停产品卡时暂停该卡 Logo 浮层，避免与 hover 位移打架 */
[data-pencil-name^="Product "]:hover [data-pencil-name$=" Logo Wrap"],
.office-live-card:hover [data-pencil-name$=" Logo Wrap"] {
  animation-play-state: paused;
}

/* 后台标签页暂停全部 ambient（由 app.js 切换 class） */
html.office-ambient-paused [data-pencil-name="Mesh Ring Outer"],
html.office-ambient-paused [data-pencil-name="Mesh Ring Mid"],
html.office-ambient-paused [data-pencil-name="Mesh Ring Inner"],
html.office-ambient-paused [data-pencil-name="Hero Tech Mesh"]::after,
html.office-ambient-paused [data-pencil-name="Hero Blue Wash"],
html.office-ambient-paused [data-pencil-name="Mesh Node A"],
html.office-ambient-paused [data-pencil-name="Mesh Node B"],
html.office-ambient-paused [data-pencil-name="Mesh Node C"],
html.office-ambient-paused [data-pencil-name="Mesh Node D"],
html.office-ambient-paused [data-pencil-name="Mesh Node E"],
html.office-ambient-paused [data-pencil-name="Eyebrow Rule"],
html.office-ambient-paused [data-pencil-name="Suite Eyebrow Rule"],
html.office-ambient-paused [data-pencil-name="Primary CTA"],
html.office-ambient-paused [data-pencil-name$=" Logo Wrap"],
html.office-ambient-paused [data-pencil-name="Trust Strip"] [data-pencil-name$=" Icon Box"],
html.office-ambient-paused .office-cap-visual::before,
html.office-ambient-paused [data-pencil-name="Capability Visual"]::before {
  animation-play-state: paused !important;
}

/* Visual Copy 必须保持 absolute（贴左栏底部）；禁止并入上面的 relative 可点层 */
[data-pencil-name="Capability Visual Copy"] {
  pointer-events: auto !important;
  position: absolute !important;
  left: 54px !important;
  bottom: 48px !important;
  top: auto !important;
  z-index: 5 !important;
}

.office-interactive,
[data-nav-href],
[role="button"],
.office-live-cta {
  cursor: pointer;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    opacity 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

.office-interactive:hover,
[data-nav-href]:hover {
  opacity: 1;
}

[data-pencil-name="Primary CTA"].office-interactive:hover,
[data-pencil-name="Header Download Center CTA"]:hover,
.office-live-cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

[data-pencil-name="Secondary CTA"].office-interactive:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}

[data-pencil-name^="Product "].office-interactive:hover,
[data-pencil-name^="Product Index"].office-interactive:hover,
.office-live-card:hover,
.office-plugin-row:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px -14px rgba(6, 16, 31, 0.28);
}

/* 遮天：设计稿写死的大象蓝 D（official/protocol/rebind）强制换品牌图 — 防 Tailwind bg-[url] 压过 inline */
html [class*="logo-official.png"],
html [class*="logo-protocol.png"],
html [class*="logo-rebind.png"],
html [data-pencil-name$=" Logo"],
html [data-pencil-name$=" Logo Wrap"],
html [data-pencil-name="Official Logo"],
html [data-pencil-name="Footer Official Logo"] {
  background-image: url("assets/images/logo-zhetian.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

[data-pencil-name^="Capability 0"].office-interactive:hover {
  background: rgba(255, 255, 255, 0.04);
}

.office-interactive:focus-visible,
[data-nav-href]:focus-visible,
.office-live-cta:focus-visible {
  outline: 2px solid #0062ff;
  outline-offset: 3px;
}

/* 代理验证输入：禁止内侧蓝描边（外层圆角灰框才是唯一边框） */
.office-verify-input,
.office-verify-input:focus,
.office-verify-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

[data-pencil-name="Verification Input"]:focus-within,
[data-pencil-name="Field"]:focus-within {
  border-color: #0062ff !important;
}

.office-is-busy {
  opacity: 0.65 !important;
  pointer-events: none;
}

/* Sticky header */
.office-header-sticky {
  position: sticky !important;
  top: 0;
  z-index: 100 !important;
  transition: box-shadow 0.25s ease, background-color 0.25s ease;
}

.office-header-sticky.office-header-scrolled {
  box-shadow: 0 8px 28px -12px rgba(0, 0, 0, 0.45);
}

/* Scroll reveal */
.office-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

.office-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* 全宽模块壳若误挂 reveal，禁止位移叠缝 */
[data-pencil-name="Header"].office-reveal,
[data-pencil-name="Header (顶部融入态)"].office-reveal,
[data-pencil-name="Hero"].office-reveal,
[data-pencil-name="Trust Strip"].office-reveal,
[data-pencil-name="Product Suite"].office-reveal,
[data-pencil-name="Capability Atlas"].office-reveal,
[data-pencil-name="Local Architecture"].office-reveal,
[data-pencil-name="Use Cases"].office-reveal,
[data-pencil-name="Workflow"].office-reveal,
[data-pencil-name="Plugin Ecosystem"].office-reveal,
[data-pencil-name="Agent Verification"].office-reveal,
[data-pencil-name="Footer"].office-reveal,
[data-pencil-name="Page Hero"].office-reveal,
[data-pencil-name="Downloads"].office-reveal,
[data-pencil-name="Contact Methods"].office-reveal,
[data-pencil-name="Verify Tool"].office-reveal,
[data-pencil-name="Results"].office-reveal,
[data-pencil-name="What You Get"].office-reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Back to top */
.office-back-top {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 120;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: #0062ff;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.18s ease;
  box-shadow: 0 10px 24px -8px #0062ff88;
}

.office-back-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.office-back-top:hover {
  background: #0054db;
}

/* 首页代理核验区：允许结果撑开（左右 padding 走 --office-rail-pad） */
[data-pencil-name="Agent Verification"] {
  height: auto !important;
  min-height: 560px;
  align-items: stretch !important;
}

[data-pencil-name="Verification Form"] {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html.office-smooth {
    scroll-behavior: auto;
  }
  .office-reveal,
  .office-interactive,
  [data-nav-href],
  .office-live-cta,
  .office-back-top {
    transition: none !important;
  }
  .office-reveal {
    opacity: 1;
    transform: none;
  }

  [data-pencil-name="Mesh Ring Outer"],
  [data-pencil-name="Mesh Ring Mid"],
  [data-pencil-name="Mesh Ring Inner"],
  [data-pencil-name="Hero Tech Mesh"]::after,
  [data-pencil-name="Hero Blue Wash"],
  [data-pencil-name="Mesh Node A"],
  [data-pencil-name="Mesh Node B"],
  [data-pencil-name="Mesh Node C"],
  [data-pencil-name="Mesh Node D"],
  [data-pencil-name="Mesh Node E"],
  [data-pencil-name="Eyebrow Rule"],
  [data-pencil-name="Suite Eyebrow Rule"],
  [data-pencil-name="Primary CTA"],
  [data-pencil-name$=" Logo Wrap"],
  [data-pencil-name="Trust Strip"] [data-pencil-name$=" Icon Box"],
  .office-cap-visual::before,
  [data-pencil-name="Capability Visual"]::before {
    animation: none !important;
  }
}

/* 下载中心顶栏：禁止再被 min-h-screen 误伤撑满首屏 */
body[data-office-page="download"] [data-pencil-name="Header"],
body[data-office-page="verify"] [data-pencil-name="Header"],
body[data-office-page="contact"] [data-pencil-name="Header"] {
  height: 72px !important;
  min-height: 72px !important;
  max-height: 89px !important;
}

body[data-office-page="download"] [data-pencil-name="Downloads"] {
  height: auto !important;
  min-height: 0 !important;
}

.office-verify-input {
  flex: 1 1 auto;
}

/* Live catalog / download cards — match design tokens */
.office-live-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e6ebf2;
  border-radius: 18px;
  box-shadow: 0 10px 30px -18px rgba(6, 16, 31, 0.28);
}

.office-live-card--dark {
  background: #0b1628;
  border-color: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}

.office-live-card__title {
  font-family: "Funnel Sans", Geist, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.office-live-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.office-live-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
}

.office-live-badge--paid {
  background: rgba(0, 98, 255, 0.12);
  color: #0062ff;
}

.office-live-badge--free {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
}

.office-live-card__desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7a90;
}

.office-live-card--dark .office-live-card__desc {
  color: #c8d3e1;
}

.office-live-modules-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 4px 0 2px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f5f8fc;
  border: 1px solid #e8eef6;
}

.office-live-card--dark .office-live-modules-block {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

.office-live-modules-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  line-height: 1.3;
}

.office-live-card--dark .office-live-modules-head {
  color: #e8eef7;
}

.office-live-modules-head__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 999px;
  background: radial-gradient(circle at 35% 35%, #7eb6ff 0%, #0062ff 70%);
  box-shadow: 0 0 0 2px rgba(0, 98, 255, 0.18);
}

.office-live-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.office-live-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  background: #ffffff;
  color: #111827;
  border: 1px solid #e6ebf2;
}

.office-live-chip__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #0062ff;
  flex-shrink: 0;
}

.office-live-chip[data-primary="1"] .office-live-chip__dot {
  background: #c2410c;
}

.office-live-card--dark .office-live-chip {
  background: rgba(255, 255, 255, 0.06);
  color: #c8d3e1;
  border-color: rgba(255, 255, 255, 0.1);
}

.office-live-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 20px;
  background: #0062ff;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 16px -2px #0062ff44;
}

.office-live-cta:hover {
  background: #0054db;
}

.office-plugin-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 14px;
}

.office-muted {
  color: #6b7a90;
  font-size: 14px;
}