.agg-page {
      --ink: #17212b;
      --muted: #5b6876;
      --line: #d9e1e8;
      --soft: #f4f8f7;
      --panel: #ffffff;
      --accent: #0b706d;
      --accent-2: #b27b1d;
      --deep: #19363b;
      font-family: Arial, Helvetica, sans-serif;
      color: var(--ink);
      background: #ffffff;
      line-height: 1.55;
    }

    body:has(.agg-page) .article_title.themes_box_title {
      display: none !important;
    }

    .agg-page * {
      box-sizing: border-box;
    }

    .agg-page a {
      color: inherit;
      text-decoration: none;
    }

    .agg-page img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    .agg-page .agg-shell {
      width: min(1180px, calc(100% - 36px));
      margin: 0 auto;
    }

    .agg-page .agg-hero {
      padding: 28px 0;
      background: #ffffff;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
      gap: 24px;
      align-items: center;
    }

    .agg-page .agg-eyebrow {
      margin: 0 0 12px;
      color: var(--accent);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
    }

    .agg-page h1,
    .agg-page h2,
    .agg-page h3,
    .agg-page p {
      margin-top: 0;
    }

    .agg-page h1 {
      margin-bottom: 16px;
      max-width: 760px;
      font-size: 40px;
      line-height: 1.12;
      letter-spacing: 0;
      color: var(--deep);
    }

    .agg-page .agg-hero-copy,
    .agg-page .agg-hero-subtitle {
      margin-bottom: 18px;
      max-width: 720px;
      color: #33414c;
      font-size: 17px;
    }

    .agg-page .agg-hero-subtitle {
      font-size: 18px;
    }

    .agg-page .agg-hero-copy strong a {
      color: var(--accent);
      border-bottom: 1px solid rgba(11, 112, 109, .35);
    }

    .agg-page .agg-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      margin-top: 22px;
    }

    .agg-page .agg-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 12px 18px;
      border: 1px solid var(--accent);
      border-radius: 6px;
      font-weight: 700;
      color: var(--accent);
      background: #ffffff;
      text-align: center;
    }

    .agg-page .agg-button-primary {
      color: #ffffff;
      background: var(--accent);
    }

    .agg-page .agg-media-frame {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-hero .agg-media-frame {
      padding: 10px;
    }

    .agg-page .agg-hero .agg-media-frame img,
    .agg-page .agg-fact-media img,
    .agg-page .agg-product-card img,
    .agg-page .agg-article-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: contain;
      object-position: center;
      background: #ffffff;
    }

    .agg-page .agg-hero .agg-media-frame img {
      aspect-ratio: 4 / 3;
    }

    .agg-page .agg-product-card img {
      aspect-ratio: 4 / 3;
    }

    .agg-page .agg-article-card img {
      aspect-ratio: 16 / 10;
    }

    .agg-page .agg-section {
      padding: 38px 0;
      border-bottom: 1px solid var(--line);
    }

    .agg-page .agg-section-soft {
      background: #ffffff;
    }

    .agg-page .agg-section-head {
      max-width: 760px;
      margin-bottom: 18px;
    }

    .agg-page .agg-section-head-wide {
      max-width: none;
    }

    .agg-page h2 {
      margin-bottom: 12px;
      color: var(--deep);
      font-size: 28px;
      line-height: 1.22;
      letter-spacing: 0;
    }

    .agg-page h3 {
      margin-bottom: 10px;
      color: var(--ink);
      font-size: 18px;
      line-height: 1.28;
      letter-spacing: 0;
    }

    .agg-page .agg-muted {
      color: var(--muted);
    }

    .agg-page .agg-grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .agg-page .agg-card {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      padding: 18px;
    }

    .agg-page .agg-card-placeholder {
      min-height: 100%;
      background: #ffffff;
    }

    .agg-page .agg-card p:last-child,
    .agg-page .agg-section-head p:last-child,
    .agg-page .agg-feature-block p:last-child {
      margin-bottom: 0;
    }

    .agg-page .agg-signal {
      display: inline-flex;
      margin-bottom: 12px;
      padding: 4px 8px;
      border-radius: 4px;
      background: #e5f1ef;
      color: var(--accent);
      font-size: 12px;
      font-weight: 700;
    }

    .agg-page .agg-fact-grid {
      display: grid;
      grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
      gap: 22px;
      align-items: start;
    }

    .agg-page .agg-hero-grid > *,
    .agg-page .agg-fact-grid > *,
    .agg-page .agg-checklist > *,
    .agg-page .agg-rfq-band > * {
      min-width: 0;
    }

    .agg-page .agg-fact-media {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-equipment-panel {
      display: grid;
      gap: 18px;
    }

    .agg-page .agg-showcase {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: stretch;
    }

    .agg-page .agg-showcase .agg-panel {
      order: 1;
    }

    .agg-page .agg-showcase .agg-fact-media {
      order: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      justify-self: center;
      width: 100%;
      padding: 0;
    }

    .agg-page .agg-showcase .agg-fact-media img {
      width: 100%;
      max-width: 100%;
      max-height: none;
      aspect-ratio: auto;
    }

    .agg-page .agg-panel {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
      padding: 18px;
    }

    .agg-page .agg-panel > :last-child {
      margin-bottom: 0;
    }

    .agg-page .agg-scenario-grid,
    .agg-page .agg-roi-grid {
      display: grid;
      gap: 12px;
    }

    .agg-page .agg-scenario-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin: 14px 0 18px;
    }

    .agg-page .agg-roi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin-top: 14px;
    }

    .agg-page .agg-mini-card {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfdfc;
      color: var(--muted);
    }

    .agg-page .agg-mini-card strong {
      display: block;
      margin-bottom: 6px;
      color: var(--deep);
    }

    .agg-page .agg-analysis-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 18px;
      align-items: start;
    }

    .agg-page .agg-spec-panel {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      align-items: start;
    }

    .agg-page .agg-spec-panel h2 {
      margin-bottom: 0;
    }

    .agg-page .agg-spec-panel .agg-table {
      min-width: 0;
    }

    .agg-page .agg-table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-table {
      width: 100%;
      min-width: 560px;
      border-collapse: collapse;
      text-align: left;
    }

    .agg-page .agg-table th,
    .agg-page .agg-table td {
      padding: 13px 14px;
      border-bottom: 1px solid var(--line);
      vertical-align: top;
    }

    .agg-page .agg-table tr:last-child th,
    .agg-page .agg-table tr:last-child td {
      border-bottom: 0;
    }

    .agg-page .agg-table th {
      width: 34%;
      color: var(--deep);
      background: #f6faf9;
      font-weight: 700;
    }

    .agg-page .agg-table td:first-child {
      color: var(--deep);
      font-weight: 700;
      background: #f6faf9;
    }

    .agg-page .agg-feature-block {
      margin: 0 0 22px;
      color: var(--muted);
    }

    .agg-page .agg-intro-block {
      max-width: 1040px;
      font-size: 18px;
      line-height: 1.68;
    }

    .agg-page .agg-intro-block .agg-list {
      font-size: 17px;
      line-height: 1.65;
    }

    .agg-page .agg-feature-block strong {
      color: var(--deep);
    }

    .agg-page .agg-benefits-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
      margin: 18px 0 26px;
    }

    .agg-page .agg-benefit {
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-benefit strong {
      display: block;
      margin-bottom: 6px;
      color: var(--deep);
    }

    .agg-page .agg-card-img {
      margin-top: 14px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #ffffff;
    }

    .agg-page .agg-card-img img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: contain;
      object-position: center;
      background: #ffffff;
    }

    .agg-page .agg-inline-media {
      margin: 0;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-inline-media img {
      width: 100%;
      max-height: 420px;
      object-fit: contain;
      object-position: center;
      background: #ffffff;
    }

    .agg-page .agg-checklist {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 16px;
      align-items: start;
    }

    .agg-page .agg-list {
      margin: 0;
      padding-left: 18px;
      color: var(--muted);
    }

    .agg-page .agg-list li + li {
      margin-top: 8px;
    }

    .agg-page .agg-product-card,
    .agg-page .agg-article-card {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-product-card .agg-product-body,
    .agg-page .agg-article-card .agg-article-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 16px;
    }

    .agg-page .agg-product-card p,
    .agg-page .agg-article-card p {
      color: var(--muted);
    }

    .agg-page .agg-text-link {
      margin-top: auto;
      color: var(--accent);
      font-weight: 700;
      border-bottom: 1px solid rgba(11, 112, 109, .35);
      width: fit-content;
    }

    .agg-page .agg-rfq-band {
      display: block;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-rfq-head {
      max-width: 760px;
      margin-bottom: 18px;
    }

    .agg-page .agg-rfq-band .agg-checklist {
      width: 100%;
      max-width: none;
    }

    .agg-page .agg-faq {
      display: grid;
      gap: 12px;
    }

    .agg-page .agg-faq-item {
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #ffffff;
    }

    .agg-page .agg-faq-item h3 {
      margin-bottom: 8px;
      font-size: 17px;
    }

    .agg-page .agg-note {
      margin-top: 18px;
      color: var(--muted);
      font-size: 14px;
    }

    @media (max-width: 900px) {
      .agg-page .agg-hero-grid,
      .agg-page .agg-fact-grid,
      .agg-page .agg-showcase,
      .agg-page .agg-analysis-grid,
      .agg-page .agg-spec-panel,
      .agg-page .agg-rfq-band,
      .agg-page .agg-checklist {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-scenario-grid,
      .agg-page .agg-roi-grid,
      .agg-page .agg-benefits-grid,
      .agg-page .agg-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .agg-page h1 {
        font-size: 34px;
      }
    }

    @media (max-width: 560px) {
      .agg-page .agg-shell {
        width: min(100% - 24px, 1180px);
      }

      .agg-page .agg-hero {
        padding: 26px 0 24px;
      }

      .agg-page h1 {
        font-size: 29px;
        line-height: 1.16;
      }

      .agg-page h2 {
        font-size: 23px;
      }

      .agg-page .agg-grid-4,
      .agg-page .agg-scenario-grid,
      .agg-page .agg-roi-grid,
      .agg-page .agg-benefits-grid,
      .agg-page .agg-grid-3 {
        grid-template-columns: 1fr;
      }

      .agg-page .agg-actions {
        align-items: stretch;
        flex-direction: column;
      }

      .agg-page .agg-button {
        width: 100%;
      }

      .agg-page .agg-section {
        padding: 36px 0;
      }

      .agg-page .agg-table {
        min-width: 0;
        font-size: 13px;
      }

      .agg-page .agg-table th,
      .agg-page .agg-table td {
        padding: 10px 8px;
        overflow-wrap: break-word;
      }
    }