.agg-page {
      --ink: #152126;
      --muted: #5f6a70;
      --line: #d9e1e3;
      --paper: #f7f9fa;
      --card: #ffffff;
      --deep: #0d4f57;
      --deep-2: #14333a;
      --accent: #b26d3e;
      --accent-soft: #f3eadf;
      --good: #e2f0ee;
      --shadow: 0 14px 34px rgba(21, 33, 38, 0.10);
    }
    .agg-page,
    .agg-page * {
      box-sizing: border-box;
      letter-spacing: 0;
    }
    .article_content_box:has(.agg-page) > h1.article_title.themes_box_title,
    .article_content_box:has(.agg-page) > h1.main_title.themes_box_title {
      display: none !important;
    }
    .article_content_box > h1.article_title.themes_box_title,
    .article_content_box > h1.main_title.themes_box_title {
      display: none !important;
    }
    body:has(.agg-page) .article_content_box > h1.article_title.themes_box_title,
    body:has(.agg-page) .article_content_box > h1.main_title.themes_box_title {
      display: none !important;
    }
    .agg-page {
      margin: 0;
      width: 100%;
      overflow-x: hidden;
      color: var(--ink);
      background: var(--paper);
      font: 16px/1.6 Arial, Helvetica, sans-serif;
    }
    .agg-page a {
      color: inherit;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }
    .agg-page img {
      display: block;
      max-width: 100%;
    }
    .agg-page h1,
    .agg-page h2,
    .agg-page h3,
    .agg-page p {
      margin-top: 0;
    }
    .agg-page h1,
    .agg-page h2,
    .agg-page h3 {
      line-height: 1.14;
    }
    .agg-page h1 { font-size: 48px; }
    .agg-page h2 { font-size: 33px; }
    .agg-page .hero-title {
      margin: 0;
      font-size: 48px;
      line-height: 1.14;
    }
    .agg-page h3 { font-size: 20px; }
    .agg-shell {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }
    .agg-page .eyebrow {
      margin-bottom: 14px;
      color: var(--accent);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .agg-page .lede {
      max-width: 720px;
      color: var(--muted);
      font-size: 17px;
    }
    .agg-page .btn {
      display: inline-flex;
      min-height: 46px;
      align-items: center;
      justify-content: center;
      padding: 11px 18px;
      border: 1px solid var(--ink);
      border-radius: 4px;
      font-size: 15px;
      font-weight: 700;
      text-decoration: none;
      transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    }
    .agg-page .btn-primary {
      color: #fff !important;
      background: var(--deep);
      border-color: var(--deep);
    }
    .agg-page .btn-primary:hover {
      background: var(--deep-2);
      border-color: var(--deep-2);
    }
    .agg-page .btn-secondary:hover {
      color: #fff !important;
      background: var(--ink);
    }
    .agg-page .page-top {
      padding: 18px 0;
      border-bottom: 1px solid var(--line);
      background: rgba(255,255,255,.94);
      backdrop-filter: blur(4px);
    }
    .agg-page .topbar {
      display: flex;
      min-height: 58px;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .agg-page .brand {
      font-size: 18px;
      font-weight: 800;
      text-decoration: none;
    }
    .agg-page .nav {
      display: flex;
      align-items: center;
      gap: 18px;
      font-size: 14px;
      font-weight: 700;
    }
    .agg-page .nav a {
      text-decoration: none;
    }
    .agg-page .hero {
      padding: 56px 0 64px;
      background: linear-gradient(180deg, #ffffff 0%, #f6f8f8 100%);
    }
    .agg-page .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
      gap: 56px;
      align-items: center;
    }
    .agg-page .hero-copy h1 {
      margin-bottom: 20px;
    }
    .agg-page .hero-copy p {
      margin-bottom: 18px;
    }
    .agg-page .hero-links {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }
    .agg-page .hero-facts {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 32px;
    }
    .agg-page .fact {
      padding: 14px 0 0;
      border-top: 2px solid var(--ink);
    }
    .agg-page .fact strong {
      display: block;
      font-size: 15px;
    }
    .agg-page .fact span {
      color: var(--muted);
      font-size: 13px;
    }
    .agg-page .hero-media {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: var(--shadow);
    }
    .agg-page .hero-media .frame {
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      padding: 14px;
      border-radius: 6px;
      background: linear-gradient(180deg, #f8fbfb 0%, #ffffff 100%);
    }
    .agg-page .hero-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .agg-page .section {
      padding: 74px 0;
    }
    .agg-page .section-soft {
      background: #edf3f3;
    }
    .agg-page .section-head {
      max-width: 760px;
      margin: 0 auto 36px;
      text-align: center;
    }
    .agg-page .section-head p {
      margin-bottom: 0;
      color: var(--muted);
    }
    .agg-page .fit-grid {
      display: grid;
      grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
      gap: 42px;
      align-items: start;
    }
    .agg-page .fit-media {
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: var(--shadow);
    }
    .agg-page .fit-media .frame {
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      padding: 14px;
      border-radius: 6px;
      background: #fff;
    }
    .agg-page .fit-media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .agg-page .note {
      margin-top: 18px;
      padding: 20px;
      border-left: 4px solid var(--accent);
      background: #fff;
      border-radius: 0 8px 8px 0;
      box-shadow: 0 10px 24px rgba(21, 33, 38, .06);
    }
    .agg-page .note p {
      margin-bottom: 0;
      color: var(--muted);
    }
    .agg-page .fit-points {
      display: grid;
      gap: 14px;
      margin: 22px 0 0;
      padding: 0;
      list-style: none;
    }
    .agg-page .fit-points li {
      padding: 16px 18px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .agg-page .fit-points strong {
      display: block;
      margin-bottom: 3px;
    }
    .agg-page .boundary-grid {
      display: grid;
      grid-template-columns: 1.08fr .92fr;
      gap: 28px;
      align-items: start;
    }
    .agg-page .table-wrap {
      overflow-x: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: var(--shadow);
    }
    .agg-page table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
      min-width: 720px;
    }
    .agg-page th,
    .agg-page td {
      padding: 14px 16px;
      border-bottom: 1px solid var(--line);
      border-right: 1px solid var(--line);
      vertical-align: top;
    }
    .agg-page th {
      width: 28%;
      background: #f4f8f8;
    }
    .agg-page .callout {
      padding: 22px;
      border: 1px solid #d3e4e2;
      border-radius: 8px;
      background: var(--good);
    }
    .agg-page .callout h3 {
      margin-bottom: 10px;
    }
    .agg-page .callout p {
      margin-bottom: 0;
      color: #28403e;
    }
    .agg-page .related-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    .agg-page .product-card {
      display: flex;
      flex-direction: column;
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 8px 22px rgba(21,33,38,.06);
    }
    .agg-page .product-card .media {
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      padding: 12px;
      border-bottom: 1px solid var(--line);
      background: linear-gradient(180deg, #f8fbfb 0%, #fff 100%);
    }
    .agg-page .product-card .media img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .agg-page .product-card .body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 18px;
    }
    .agg-page .product-card .body p {
      color: var(--muted);
    }
    .agg-page .card-link {
      margin-top: auto;
      font-weight: 700;
      color: var(--accent) !important;
      text-decoration: none;
    }
    .agg-page .read-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }
    .agg-page .read-card {
      padding: 22px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 8px 22px rgba(21,33,38,.06);
    }
    .agg-page .read-card .tag {
      display: inline-block;
      margin-bottom: 14px;
      padding: 4px 10px;
      border-radius: 999px;
      background: var(--accent-soft);
      color: #7b4a26;
      font-size: 12px;
      font-weight: 700;
    }
    .agg-page .read-card p {
      color: var(--muted);
    }
    .agg-page .read-card a {
      font-weight: 700;
      color: var(--accent) !important;
      text-decoration: none;
    }
    .agg-page .faq {
      max-width: 920px;
      margin: 0 auto;
    }
    .agg-page .faq-item {
      padding: 22px 0;
      border-top: 1px solid var(--line);
    }
    .agg-page .faq-item:last-child {
      border-bottom: 1px solid var(--line);
    }
    .agg-page .faq-item h3 {
      margin-bottom: 8px;
    }
    .agg-page .faq-item p {
      margin-bottom: 0;
      color: var(--muted);
    }
    .agg-page .footer {
      padding: 30px 0;
      background: #112026;
      color: #d8e4e6;
      text-align: center;
    }
    .agg-page .footer p {
      margin-bottom: 0;
    }
    @media (max-width: 980px) {
      .agg-page h1 { font-size: 40px; }
      .agg-page h2 { font-size: 29px; }
      .agg-page .hero-grid,
      .agg-page .fit-grid,
      .agg-page .boundary-grid {
        grid-template-columns: 1fr;
      }
      .agg-page .hero-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .agg-page .related-grid,
      .agg-page .read-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .agg-page .read-grid .read-card:last-child {
        grid-column: 1 / -1;
      }
    }
    @media (max-width: 640px) {
      .agg-shell {
        width: min(100% - 28px, 1180px);
      }
      .agg-page .topbar {
        flex-wrap: wrap;
        align-items: flex-start;
      }
      .agg-page .nav {
        gap: 12px;
        flex-wrap: wrap;
      }
      .agg-page .hero {
        padding: 38px 0 46px;
      }
      .agg-page h1 { font-size: 33px; }
      .agg-page h2 { font-size: 26px; }
      .agg-page .hero-title { font-size: 33px; }
      .agg-page .lede { font-size: 16px; }
      .agg-page .hero-facts,
      .agg-page .related-grid,
      .agg-page .read-grid {
        grid-template-columns: 1fr;
      }
      .agg-page .section {
        padding: 56px 0;
      }
      .agg-page .hero-links {
        align-items: stretch;
      }
      .agg-page .hero-links .btn {
        width: 100%;
      }
    }