/* ── THEME TOKENS ─────────────────────────────── */
    :root {
      --paper: #faf8f5;
      --paper2: #f2efe9;
      --paper3: #ebe7e0;
      --card: #ffffff;
      --ink: #1a1815;
      --ink2: #3d3a35;
      --muted: #7a7570;
      --border: #ddd9d2;
      --sage: #4a7c59;
      --sage2: #5c9470;
      --sage-light: #e8f0eb;
      --sage-pale: #f2f6f3;
      --shadow-sm: 0 2px 12px rgba(26, 24, 21, .06);
      --shadow-md: 0 8px 32px rgba(26, 24, 21, .10);
      --shadow-lg: 0 20px 60px rgba(26, 24, 21, .13);
      --radius: 12px;
      --nav-h: 68px;
    }

    [data-theme="dark"] {
      --paper: #0f1117;
      --paper2: #161b24;
      --paper3: #1d2333;
      --card: #1a2030;
      --ink: #eef0f4;
      --ink2: #c8cdd8;
      --muted: #7a8499;
      --border: rgba(255, 255, 255, .09);
      --sage: #5fa87a;
      --sage2: #72c491;
      --sage-light: rgba(95, 168, 122, .14);
      --sage-pale: rgba(95, 168, 122, .07);
      --shadow-sm: 0 2px 12px rgba(0, 0, 0, .3);
      --shadow-md: 0 8px 32px rgba(0, 0, 0, .4);
      --shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);
    }

    *,
    *::before,
    *::after {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Outfit', sans-serif;
      background: var(--paper);
      color: var(--ink);
      overflow-x: hidden;
      transition: background .35s, color .35s;
    }

    body::after {
      content: '';
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 9999;
      opacity: .018;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }

    /* ── NAV ── */
    nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 500;
      height: var(--nav-h);
      padding: 0 56px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(250, 248, 245, .92);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
      transition: background .35s, border-color .35s, box-shadow .3s;
    }

    [data-theme="dark"] nav {
      background: rgba(15, 17, 23, .94);
    }

    nav.scrolled {
      box-shadow: var(--shadow-sm);
    }

    .nav-logo {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.45rem;
      font-weight: 600;
      color: var(--ink);
      text-decoration: none;
      letter-spacing: .02em;
    }

    .nav-logo span {
      color: var(--sage);
    }

    .nav-links {
      display: flex;
      gap: 32px;
      list-style: none;
    }

    .nav-links a {
      font-size: .78rem;
      font-weight: 500;
      color: var(--muted);
      text-decoration: none;
      letter-spacing: .08em;
      text-transform: uppercase;
      transition: color .25s;
      position: relative;
    }

    .nav-links a::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 0;
      height: 1.5px;
      background: var(--sage);
      transition: width .3s;
    }

    .nav-links a:hover,
    .nav-links a.active {
      color: var(--sage);
    }

    .nav-links a:hover::after,
    .nav-links a.active::after {
      width: 100%;
    }

    .nav-right {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .theme-btn {
      width: 38px;
      height: 38px;
      background: var(--paper2);
      border: 1.5px solid var(--border);
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--muted);
      font-size: .9rem;
      transition: all .3s;
      flex-shrink: 0;
    }

    .theme-btn:hover {
      border-color: var(--sage);
      color: var(--sage);
      background: var(--sage-light);
    }

    .nav-cta {
      padding: 8px 22px;
      background: var(--sage);
      color: #fff;
      font-size: .78rem;
      font-weight: 500;
      letter-spacing: .06em;
      text-decoration: none;
      border-radius: 40px;
      transition: all .3s;
      white-space: nowrap;
    }

    .nav-cta:hover {
      background: var(--sage2);
      transform: translateY(-1px);
      box-shadow: 0 4px 18px rgba(74, 124, 89, .3);
    }

    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 6px;
    }

    .hamburger span {
      display: block;
      width: 22px;
      height: 2px;
      background: var(--ink2);
      border-radius: 2px;
      transition: all .3s;
    }

    .hamburger.open span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }

    .hamburger.open span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.open span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
    }

    .mobile-menu {
      display: none;
      position: fixed;
      top: var(--nav-h);
      left: 0;
      right: 0;
      background: var(--paper);
      border-bottom: 1px solid var(--border);
      padding: 20px 24px 24px;
      z-index: 499;
      flex-direction: column;
      gap: 4px;
      box-shadow: var(--shadow-md);
    }

    .mobile-menu.open {
      display: flex;
    }

    .mobile-menu a {
      font-size: .82rem;
      font-weight: 500;
      color: var(--ink2);
      text-decoration: none;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 12px 8px;
      border-bottom: 1px solid var(--border);
      transition: color .2s, padding-left .2s;
    }

    .mobile-menu a:last-child {
      border-bottom: none;
    }

    .mobile-menu a:hover {
      color: var(--sage);
      padding-left: 14px;
    }

    /* ── HERO ──────────────────────────────────────────────────
       Consolidated single-source-of-truth hero layout.
       Each selector is defined exactly ONCE per breakpoint to
       avoid the conflicting/duplicate-rule bugs from earlier
       iterations. The .hero-wide / .hero-stacked classes (set by
       js/app.js syncHeroLayout, based on real window width) are
       the source of truth for desktop-vs-mobile layout; the plain
       media queries below are a fallback for the same behavior
       when JS hasn't run yet (first paint) or is unavailable. ── */
    .hero {
      min-height: 100vh;
      padding-top: var(--nav-h);
      display: flex;
      flex-direction: row;
      align-items: stretch;
    }

    .hero-left {
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 0 0 55%;
      width: 55%;
      max-width: 55%;
      padding: 80px 60px 80px 56px;
      position: relative;
      z-index: 2;
    }

    .hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 5px 16px;
      background: var(--sage-light);
      border: 1px solid rgba(74, 124, 89, .25);
      border-radius: 40px;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--sage);
      margin-bottom: 24px;
      width: fit-content;
      animation: heroTagIn .6s ease both;
    }

    .hero-tag::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--sage);
      animation: dotPulse 2s ease-in-out infinite;
    }

    .hero-name {
      font-family: var(--font-serif, Georgia, serif);
      font-size: clamp(2.4rem, 5vw, 3.6rem);
      line-height: 1.08;
      font-weight: 400;
      color: var(--ink);
      margin-bottom: 14px;
      animation: heroTextIn .7s .1s ease both;
    }

    .hero-name strong {
      font-weight: 800;
      display: block;
    }

    .hero-subtitle {
      font-family: var(--font-serif, Georgia, serif);
      font-style: italic;
      font-size: 1.05rem;
      color: var(--sage);
      margin-bottom: 20px;
      animation: heroTextIn .7s .2s ease both;
    }

    .hero-desc {
      font-size: .95rem;
      line-height: 1.7;
      color: var(--ink2);
      max-width: 480px;
      margin-bottom: 28px;
      animation: heroTextIn .7s .3s ease both;
    }

    .hero-inline-stats {
      display: flex;
      gap: 28px;
      margin-bottom: 32px;
      animation: heroTextIn .7s .4s ease both;
    }

    .hero-inline-stat { text-align: left; }

    .hero-inline-stat+.hero-inline-stat {
      padding-left: 28px;
      border-left: 1px solid var(--border);
    }

    .hero-inline-stat-num {
      font-family: var(--font-serif, Georgia, serif);
      font-size: 1.7rem;
      font-weight: 700;
      color: var(--sage);
      line-height: 1;
    }

    .hero-inline-stat-label {
      font-size: .68rem;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: var(--muted);
      margin-top: 4px;
    }

    .hero-actions {
      display: flex;
      gap: 14px;
      animation: heroTextIn .7s .5s ease both;
    }

    .btn-sage,
    .btn-ghost {
      font-family: inherit;
      padding: 12px 28px;
      font-size: .88rem;
      font-weight: 600;
      letter-spacing: .04em;
      border-radius: 50px;
      cursor: pointer;
      transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      border: none;
      outline: none;
    }

    .btn-sage {
      background: var(--sage);
      color: #fff;
    }

    .btn-sage:hover {
      background: var(--sage2);
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(74, 124, 89, .25);
    }

    .btn-sage:active {
      transform: translateY(0);
    }

    .btn-ghost {
      background: transparent;
      color: var(--ink);
      border: 1.5px solid var(--border);
    }

    .btn-ghost:hover {
      background: var(--sage-light);
      border-color: var(--sage);
      color: var(--sage);
      transform: translateY(-2px);
    }

    .btn-ghost:active {
      transform: translateY(0);
    }

    /* ── IMAGE LIGHTBOX (zoomable photo viewer) ── */
    .img-lightbox {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(10, 12, 10, .92);
      backdrop-filter: blur(8px);
      display: none;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .25s ease;
    }

    .img-lightbox.open {
      display: flex;
      opacity: 1;
    }

    .lb-stage {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: auto;
      cursor: grab;
    }

    .lb-stage:active {
      cursor: grabbing;
    }

    .lb-stage img {
      max-width: min(90vw, 900px);
      max-height: 88vh;
      object-fit: contain;
      transition: transform .2s ease;
      transform-origin: center center;
      user-select: none;
      border-radius: 8px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
    }

    .lb-close {
      position: absolute;
      top: 20px;
      right: 24px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, .2);
      background: rgba(255, 255, 255, .08);
      color: #fff;
      font-size: 1.1rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .2s ease;
      z-index: 2;
    }

    .lb-close:hover {
      background: rgba(255, 255, 255, .18);
    }

    .lb-controls {
      position: absolute;
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 40px;
      padding: 8px 10px;
      z-index: 2;
    }

    .lb-controls button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      background: rgba(255, 255, 255, .1);
      color: #fff;
      cursor: pointer;
      font-size: .95rem;
      transition: background .2s ease;
    }

    .lb-controls button:hover {
      background: rgba(255, 255, 255, .22);
    }

    @media (max-width: 480px) {
      .lb-stage img { max-width: 94vw; }
      .lb-close { top: 14px; right: 14px; width: 38px; height: 38px; }
      .lb-controls { bottom: 18px; }
    }

    /* ── HERO RIGHT — photo column ──
       Simple, single definition: flex item that stretches to match
       the text column's height; the photo itself always uses
       object-fit:contain so it's never cropped, and is anchored to
       the bottom-center of its box. No percentage-height-on-grid
       ambiguity, no duplicate viewport-specific max-height rules. */
    .hero-right {
      flex: 0 0 45%;
      width: 45%;
      max-width: 45%;
      position: relative;
      overflow: hidden;
      background: var(--paper2);
      display: flex;
    }

    .hero-img-wrap {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      position: relative;
    }

    /* Floating ring decorations (kept — purely decorative, behind photo) */
    .hero-ring {
      position: absolute;
      border-radius: 50%;
      border: 1px solid rgba(74, 124, 89, .15);
      z-index: 1;
      pointer-events: none;
    }

    .hero-ring-1 {
      width: 300px;
      height: 300px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: ringExpand 3.5s ease-in-out infinite;
    }

    .hero-ring-2 {
      width: 460px;
      height: 460px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: ringExpand 3.5s .6s ease-in-out infinite;
    }

    .hero-ring-3 {
      width: 620px;
      height: 620px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: ringExpand 3.5s 1.2s ease-in-out infinite;
    }

    @keyframes ringExpand {
      0%, 100% {
        opacity: .7;
        transform: translate(-50%, -50%) scale(1);
      }
      50% {
        opacity: .25;
        transform: translate(-50%, -50%) scale(1.05);
      }
    }

    /* The actual photo — ONE definition, scales via object-fit */
    .hero-img {
      width: 100%;
      height: 100%;
      max-height: 90vh;
      object-fit: contain;
      object-position: center bottom;
      display: block;
      position: relative;
      z-index: 3;
      animation: heroImgEntrance 1s .2s cubic-bezier(.22, .68, 0, 1.4) both,
        heroFloat 5s 1.3s ease-in-out infinite;
      filter: drop-shadow(0 24px 48px rgba(74, 124, 89, .22));
      transform-origin: bottom center;
    }

    @keyframes heroImgEntrance {
      from {
        opacity: 0;
        transform: translateY(60px) scale(.95);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @keyframes heroFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    /* ══════════════════════════════════════════════════════════
       RESPONSIVE HERO — single source per breakpoint, no dupes
       ══════════════════════════════════════════════════════════ */

    /* ── Tablet / phone (≤768px) — stack vertically, full-width photo ── */
    @media (max-width: 768px) {
      .hero {
        flex-direction: column;
        min-height: auto;
        padding-top: var(--nav-h);
      }

      .hero-left {
        order: 1;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        padding: 32px 24px 48px;
        text-align: center;
        align-items: center;
      }

      .hero-right {
        order: 2;
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        min-height: 420px;
        overflow: hidden;
        background: var(--paper2);
      }

      .hero-img-wrap {
        width: 100%;
        height: auto;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
      }

      .hero-img {
        width: 100%;
        height: 100%;
        max-height: 70vh;
        object-fit: contain;
        object-position: center bottom;
        animation: heroImgEntrance 0.9s 0.1s cubic-bezier(.22,.68,0,1.4) both,
                   heroFloat 5s 1.1s ease-in-out infinite;
      }

      .hero-ring-1 { width: 160px; height: 160px; }
      .hero-ring-2 { width: 240px; height: 240px; }
      .hero-ring-3 { width: 320px; height: 320px; }

      .hero-desc { max-width: 100%; }
      .hero-inline-stats { justify-content: center; }
      .hero-actions { justify-content: center; }
    }

    /* ── Small phone (≤480px) ── */
    @media (max-width: 480px) {
      .hero-right {
        min-height: 380px;
      }

      .hero-img {
        max-height: 60vh;
        filter: drop-shadow(0 12px 28px rgba(74,124,89,.28));
      }

      .hero-ring-1 { width: 120px; height: 120px; }
      .hero-ring-2 { width: 190px; height: 190px; }
      .hero-ring-3 { width: 260px; height: 260px; }

      .hero-left {
        padding: 24px 20px 40px;
      }
    }

    /* ── Tiny phone (≤360px) ── */
    @media (max-width: 360px) {
      .hero-right {
        min-height: 340px;
      }

      .hero-img {
        max-height: 55vh;
      }

      .hero-ring-1 { width: 100px; height: 100px; }
      .hero-ring-2 { width: 160px; height: 160px; }
      .hero-ring-3 { width: 220px; height: 220px; }
    }

    /* ── Small laptop / wide tablet landscape (769–1024px) ── */
    @media (max-width: 1024px) and (min-width: 769px) {
      .hero-left {
        padding: 60px 36px 60px 40px;
      }

      .hero-ring-1 { width: 240px; height: 240px; }
      .hero-ring-2 { width: 370px; height: 370px; }
      .hero-ring-3 { width: 500px; height: 500px; }
    }

    /* ── Large desktop (1440px+) ── */
    @media (min-width: 1440px) {
      .hero-ring-1 { width: 340px; height: 340px; }
      .hero-ring-2 { width: 520px; height: 520px; }
      .hero-ring-3 { width: 700px; height: 700px; }
    }

    /* ── Landscape phones (short viewport, wide) ── */
    @media (max-height: 500px) and (orientation: landscape) {
      .hero {
        min-height: 100vh;
      }

      .hero-left {
        padding: 16px 28px;
        justify-content: center;
      }
    }

    /* ── JS-driven layout override (see js/app.js syncHeroLayout) ──
       Belt-and-suspenders for mobile browsers whose "Desktop site"
       mode doesn't widen the CSS viewport the same way real desktop
       browsers do — forces layout based on actual window.innerWidth
       rather than relying solely on CSS media query viewport math. */
    .hero.hero-wide {
      flex-direction: row !important;
      min-height: 100vh !important;
    }

    .hero.hero-wide .hero-left {
      order: 0 !important;
      flex: 0 0 55% !important;
      width: 55% !important;
      max-width: 55% !important;
      text-align: left !important;
      align-items: flex-start !important;
    }

    .hero.hero-wide .hero-right {
      order: 0 !important;
      flex: 0 0 45% !important;
      width: 45% !important;
      max-width: 45% !important;
      min-height: 0 !important;
    }

    .hero.hero-wide .hero-img {
      max-height: 90vh !important;
    }

    .hero.hero-stacked {
      flex-direction: column !important;
      min-height: auto !important;
    }

    .hero.hero-stacked .hero-left {
      order: 1 !important;
      flex: 1 1 auto !important;
      width: 100% !important;
      max-width: 100% !important;
      text-align: center !important;
      align-items: center !important;
    }

    .hero.hero-stacked .hero-right {
      order: 2 !important;
      flex: 1 1 auto !important;
      width: 100% !important;
      max-width: 100% !important;
      min-height: 420px !important;
    }


    /* ── SCROLLING BADGES ── */
    .scroll-badges {
      background: var(--paper2);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 13px 0;
      overflow: hidden;
    }

    .badges-track {
      display: flex;
      gap: 10px;
      animation: slideLeft 30s linear infinite;
      width: max-content;
    }

    .badges-track:hover {
      animation-play-state: paused;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 5px 16px;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 40px;
      font-size: .73rem;
      font-weight: 500;
      color: var(--ink2);
      white-space: nowrap;
      box-shadow: var(--shadow-sm);
    }

    .badge i {
      color: var(--sage);
      font-size: .62rem;
    }

    @keyframes slideLeft {
      0% {
        transform: translateX(0)
      }

      100% {
        transform: translateX(-50%)
      }
    }

    /* ── SECTIONS ── */
    section {
      padding: 88px 56px;
    }

    .section-eyebrow {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
    }

    .eyebrow-line {
      width: 28px;
      height: 2px;
      background: var(--sage);
    }

    .eyebrow-text {
      font-size: .7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .18em;
      color: var(--sage);
    }

    .section-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(1.9rem, 3.5vw, 3rem);
      font-weight: 600;
      color: var(--ink);
      letter-spacing: -.02em;
      line-height: 1.1;
      margin-bottom: 52px;
    }

    .section-title em {
      font-style: italic;
      font-weight: 300;
      color: var(--sage);
    }

    /* ── ABOUT ── */
    .about-layout {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 72px;
      align-items: start;
    }

    .about-text p {
      font-size: 1rem;
      color: var(--ink2);
      line-height: 1.85;
      margin-bottom: 20px;
    }

    .about-text p strong {
      color: var(--ink);
      font-weight: 600;
    }

    .about-text p em {
      font-style: italic;
      color: var(--sage);
    }

    .about-cards {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .about-card {
      padding: 18px 22px;
      background: var(--card);
      border-radius: var(--radius);
      border: 1px solid var(--border);
      display: flex;
      align-items: center;
      gap: 16px;
      box-shadow: var(--shadow-sm);
      transition: all .3s;
      text-decoration: none;
      color: inherit;
    }

    .about-card:hover {
      transform: translateX(5px);
      border-color: var(--sage);
      box-shadow: var(--shadow-md);
    }

    .about-card-icon {
      width: 40px;
      height: 40px;
      border-radius: 9px;
      background: var(--sage-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      flex-shrink: 0;
    }

    .about-card-label {
      font-size: .65rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--muted);
      margin-bottom: 2px;
    }

    .about-card-value {
      font-size: .88rem;
      font-weight: 500;
      color: var(--ink);
    }

    /* ── SKILLS ── */
    .skills-bg {
      background: var(--paper2);
    }

    .skills-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .skill-card {
      background: var(--card);
      border-radius: 16px;
      padding: 28px 24px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      transition: all .3s;
      position: relative;
      overflow: hidden;
    }

    .skill-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--sage), var(--sage2));
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .4s;
    }

    .skill-card:hover::before {
      transform: scaleX(1);
    }

    .skill-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow-lg);
      border-color: rgba(74, 124, 89, .3);
    }

    .skill-icon {
      width: 48px;
      height: 48px;
      background: var(--sage-light);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      margin-bottom: 18px;
    }

    .skill-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.25rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 14px;
    }

    .skill-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .skill-tag {
      padding: 3px 10px;
      background: var(--sage-pale);
      border: 1px solid rgba(74, 124, 89, .15);
      border-radius: 40px;
      font-size: .7rem;
      font-weight: 500;
      color: var(--sage);
    }

    /* ── EXPERIENCE & EDUCATION ── */
    .exp-edu-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
    }

    .subsection-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 32px;
      padding-bottom: 14px;
      border-bottom: 1px solid var(--border);
    }

    .subsection-label i {
      color: var(--sage);
    }

    .subsection-label span {
      font-size: .75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .14em;
      color: var(--muted);
    }

    .timeline-list {
      display: flex;
      flex-direction: column;
    }

    .tl-item {
      display: grid;
      grid-template-columns: 90px 1fr;
      gap: 20px;
      padding-bottom: 32px;
      position: relative;
    }

    .tl-item:not(:last-child)::before {
      content: '';
      position: absolute;
      left: 103px;
      top: 8px;
      bottom: 0;
      width: 1px;
      background: linear-gradient(to bottom, var(--border), transparent);
    }

    .tl-date {
      font-size: .72rem;
      font-weight: 500;
      color: var(--muted);
      line-height: 1.6;
      text-align: right;
      padding-top: 2px;
    }

    .tl-dot {
      position: absolute;
      left: 96px;
      top: 6px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: var(--paper);
      border: 2px solid var(--sage);
      box-shadow: 0 0 0 4px rgba(74, 124, 89, .12);
    }

    .tl-body {
      padding-left: 0;
    }

    .tl-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 2px;
    }

    .tl-org {
      font-size: .82rem;
      color: var(--sage);
      font-weight: 500;
      margin-bottom: 7px;
    }

    .tl-desc {
      font-size: .85rem;
      color: var(--muted);
      line-height: 1.65;
    }

    .tl-badge {
      display: inline-block;
      margin-top: 7px;
      padding: 2px 11px;
      background: var(--sage-light);
      border-radius: 40px;
      font-size: .68rem;
      font-weight: 600;
      color: var(--sage);
      letter-spacing: .04em;
    }

    /* ── PROJECTS ── */
    .projects-bg {
      background: var(--paper2);
    }

    .projects-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }

    .project-card {
      background: var(--card);
      border-radius: 18px;
      padding: 40px 36px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      position: relative;
      overflow: hidden;
      transition: all .4s;
    }

    .project-card:hover {
      transform: translateY(-7px);
      box-shadow: var(--shadow-lg);
      border-color: rgba(74, 124, 89, .3);
    }

    .project-bg-num {
      position: absolute;
      top: 16px;
      right: 22px;
      font-family: 'Cormorant Garamond', serif;
      font-size: 6.5rem;
      font-weight: 700;
      color: rgba(74, 124, 89, .06);
      line-height: 1;
      user-select: none;
    }

    .project-kind {
      font-size: .68rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .16em;
      color: var(--sage);
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .project-kind::before {
      content: '';
      width: 18px;
      height: 1.5px;
      background: var(--sage);
    }

    .project-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.85rem;
      font-weight: 700;
      color: var(--ink);
      margin-bottom: 12px;
      line-height: 1.15;
    }

    .project-desc {
      font-size: .88rem;
      color: var(--muted);
      line-height: 1.75;
      margin-bottom: 22px;
    }

    .project-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    .chip {
      padding: 4px 13px;
      background: var(--paper2);
      border: 1px solid var(--border);
      border-radius: 40px;
      font-size: .7rem;
      font-weight: 500;
      color: var(--ink2);
    }

    /* ── CERTIFICATIONS ── */
    .certs-filter {
      display: flex;
      gap: 9px;
      margin-bottom: 34px;
      flex-wrap: wrap;
    }

    .cfbtn {
      padding: 7px 18px;
      background: var(--card);
      border: 1.5px solid var(--border);
      border-radius: 40px;
      font-size: .73rem;
      font-weight: 500;
      color: var(--muted);
      cursor: pointer;
      transition: all .25s;
    }

    .cfbtn.active,
    .cfbtn:hover {
      background: var(--sage);
      border-color: var(--sage);
      color: #fff;
    }

    .certs-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
    }

    /* Override conflicting hardcoded span declarations */
    .cert-card,
    .cert-card[data-c="iide"] {
      grid-column: auto !important;
      grid-row: auto !important;
      display: flex;
      flex-direction: column;
    }



    /* ─── CERT CARD ANIMATIONS ─── */
    .cert-card {
      border-radius: var(--radius);
      overflow: hidden;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      cursor: pointer;
      position: relative;
      background: var(--card);
      /* Entrance: fade + rise */
      opacity: 0;
      transform: translateY(24px) scale(.97);
      transition: opacity .5s ease, transform .5s ease, box-shadow .3s, border-color .3s;
    }

    /* When revealed by IntersectionObserver */
    .cert-card.cert-vis {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    /* Staggered delays for visual delight */
    .cert-card:nth-child(1) {
      transition-delay: .05s;
    }

    .cert-card:nth-child(2) {
      transition-delay: .10s;
    }

    .cert-card:nth-child(3) {
      transition-delay: .15s;
    }

    .cert-card:nth-child(4) {
      transition-delay: .20s;
    }

    .cert-card:nth-child(5) {
      transition-delay: .25s;
    }

    .cert-card:nth-child(6) {
      transition-delay: .30s;
    }

    .cert-card:nth-child(7) {
      transition-delay: .35s;
    }

    .cert-card:nth-child(8) {
      transition-delay: .40s;
    }

    .cert-card:nth-child(9) {
      transition-delay: .45s;
    }

    .cert-card:nth-child(10) {
      transition-delay: .50s;
    }

    .cert-card:nth-child(11) {
      transition-delay: .55s;
    }

    .cert-card:nth-child(12) {
      transition-delay: .60s;
    }

    .cert-card:nth-child(13) {
      transition-delay: .65s;
    }

    .cert-card:nth-child(14) {
      transition-delay: .70s;
    }

    .cert-card:nth-child(15) {
      transition-delay: .75s;
    }

    .cert-card:nth-child(16) {
      transition-delay: .80s;
    }

    .cert-card:nth-child(17) {
      transition-delay: .85s;
    }

    .cert-card:nth-child(18) {
      transition-delay: .90s;
    }

    .cert-card:nth-child(19) {
      transition-delay: .95s;
    }

    .cert-card:nth-child(20) {
      transition-delay: 1.00s;
    }

    /* Hover: lift + shimmer border */
    .cert-card:hover {
      transform: translateY(-5px) scale(1.025) !important;
      box-shadow: var(--shadow-md), 0 0 0 2px rgba(74, 124, 89, .25);
      border-color: rgba(74, 124, 89, .45);
    }

    /* Cover inside the card representing a PDF document */
    .cert-doc-cover {
      position: relative;
      width: 100%;
      padding-top: 70.71%;
      /* Unified 1:√2 International Aspect Ratio Aspect Target */
      background: #1e2026;
      overflow: hidden;
      border-bottom: 1px solid var(--border);
      transition: color 0.3s, background 0.3s;
    }

    /* Specific aspect mapping for portrait-class items */
    .cert-card[data-orientation="portrait"] .cert-doc-cover {
      padding-top: 141.42% !important;
      /* Unified √2:1 Vertical Aspect Target */
    }

    .cert-card:hover .cert-doc-cover {
      color: var(--sage);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.09) 100%);
    }

    .cert-doc-badge {
      position: absolute;
      top: 12px;
      right: 12px;
      font-size: 8px;
      font-weight: 800;
      color: #fff;
      padding: 3px 8px;
      border-radius: 20px;
      letter-spacing: 0.8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    }

    .cert-doc-icon {
      margin-bottom: 10px;
      transition: transform 0.3s;
    }

    .cert-card:hover .cert-doc-icon {
      transform: scale(1.1) translateY(-2px);
    }

    .cert-doc-type {
      font-size: 8px;
      font-weight: 700;
      letter-spacing: 2px;
      opacity: 0.5;
    }

    .cert-doc-placeholder {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: opacity 0.5s ease;
      width: 100%;
      height: 100%;
      z-index: 2;
    }

    .cert-doc-poster {
      position: absolute;
      top: 0 !important;
      left: 0 !important;
      width: 500% !important;
      height: 500% !important;
      border: none;
      pointer-events: none;
      z-index: 1;
      opacity: 0;
      transform-origin: top left;
      transform: scale(0.2) !important;
      transition: opacity 0.4s ease, transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .cert-card:hover .cert-doc-poster {
      transform: scale(0.21) !important;
    }

    .cert-doc-poster.loaded {
      opacity: 1;
    }

    .cert-img-poster {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #15171c;
      z-index: 1;
      border: none;
      transition: transform 0.4s ease;
    }

    .cert-card:hover .cert-img-poster {
      transform: scale(1.05);
    }

    .cert-doc-badge {
      z-index: 3;
    }

    .cert-label {
      padding: 9px 13px;
      background: var(--card);
      border-top: 1px solid var(--border);
      font-size: .7rem;
      font-weight: 500;
      color: var(--ink2);
      line-height: 1.4;
    }

    .cert-label span {
      display: block;
      color: var(--muted);
      font-size: .63rem;
      margin-top: 2px;
    }

    /* Overlay on hover */
    .cert-hover {
      position: absolute;
      inset: 0;
      background: rgba(74, 124, 89, .82);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .3s;
      pointer-events: none;
    }

    .cert-card:hover .cert-hover {
      opacity: 1;
    }

    .cert-hover-icon {
      color: #fff;
      font-size: 1.6rem;
      animation: certIconPop .25s ease;
    }

    @keyframes certIconPop {
      from {
        transform: scale(.5)
      }

      to {
        transform: scale(1)
      }
    }

    /* ── ACHIEVEMENTS ── */
    .achievements-bg {
      background: var(--sage);
    }

    .ach-header {
      padding: 60px 56px 36px;
      background: var(--sage);
    }

    .ach-eyebrow {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }

    .ach-eyebrow-line {
      width: 28px;
      height: 2px;
      background: rgba(255, 255, 255, .4);
    }

    .ach-eyebrow-text {
      font-size: .7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .18em;
      color: rgba(255, 255, 255, .65);
    }

    .ach-title-main {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(1.9rem, 3.5vw, 2.8rem);
      font-weight: 600;
      color: #fff;
      letter-spacing: -.02em;
    }

    .ach-title-main em {
      font-style: italic;
      font-weight: 300;
      opacity: .8;
    }

    .achievements-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2px;
    }

    .ach-card {
      background: var(--paper);
      padding: 36px 28px;
      transition: background .3s;
    }

    .ach-card:hover {
      background: var(--sage-pale);
    }

    .ach-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 2.6rem;
      font-weight: 700;
      color: var(--sage);
      line-height: 1;
      margin-bottom: 14px;
      opacity: .3;
    }

    .ach-card-title {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 10px;
    }

    .ach-desc {
      font-size: .85rem;
      color: var(--muted);
      line-height: 1.65;
    }

    /* ── CONTACT ── */
    .contact-layout {
      display: grid;
      grid-template-columns: 1fr 1.1fr;
      gap: 72px;
      align-items: start;
    }

    .contact-heading {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(1.8rem, 3vw, 2.7rem);
      font-weight: 300;
      color: var(--ink);
      line-height: 1.2;
      margin-bottom: 6px;
      letter-spacing: -.02em;
    }

    .contact-heading strong {
      font-weight: 700;
      color: var(--sage);
      display: block;
    }

    .contact-tagline {
      font-family: 'Cormorant Garamond', serif;
      font-style: italic;
      font-size: 1.05rem;
      color: var(--muted);
      margin-bottom: 36px;
    }

    .contact-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1px solid var(--border);
      text-decoration: none;
      transition: padding-left .3s;
      color: inherit;
    }

    .contact-item:hover {
      padding-left: 7px;
    }

    .contact-item-icon {
      width: 38px;
      height: 38px;
      background: var(--sage-light);
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--sage);
      font-size: .85rem;
      flex-shrink: 0;
    }

    .contact-item-label {
      font-size: .65rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--muted);
    }

    .contact-item-val {
      font-size: .88rem;
      font-weight: 500;
      color: var(--ink);
      margin-top: 1px;
    }

    .contact-form {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .input-wrap {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .input-label {
      font-size: .7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--ink2);
    }

    .input-field,
    .textarea-field {
      padding: 12px 16px;
      background: var(--card);
      border: 1.5px solid var(--border);
      border-radius: 8px;
      font-family: 'Outfit', sans-serif;
      font-size: .88rem;
      color: var(--ink);
      outline: none;
      resize: none;
      transition: border-color .3s, box-shadow .3s;
    }

    .input-field:focus,
    .textarea-field:focus {
      border-color: var(--sage);
      box-shadow: 0 0 0 3px rgba(74, 124, 89, .1);
    }

    .textarea-field {
      height: 125px;
    }

    .submit-btn {
      padding: 14px 38px;
      background: var(--sage);
      color: #fff;
      border: none;
      border-radius: 8px;
      font-family: 'Outfit', sans-serif;
      font-size: .85rem;
      font-weight: 500;
      letter-spacing: .04em;
      cursor: pointer;
      width: fit-content;
      transition: all .3s;
      box-shadow: 0 4px 18px rgba(74, 124, 89, .25);
    }

    .submit-btn:hover {
      background: var(--sage2);
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(74, 124, 89, .35);
    }

    /* ── FOOTER ── */
    footer {
      background: var(--paper2);
      border-top: 1px solid var(--border);
      padding: 44px 56px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
    }

    .footer-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.25rem;
      font-weight: 600;
      color: var(--ink);
      flex: 1;
      min-width: 200px;
    }

    .footer-name span {
      color: var(--sage2);
    }

    .footer-copy {
      font-size: .75rem;
      color: var(--muted);
      letter-spacing: .05em;
      text-align: center;
      flex: 1;
      min-width: 200px;
    }

    .footer-social {
      display: flex;
      gap: 12px;
      flex: 1;
      justify-content: flex-end;
      min-width: 200px;
    }

    .footer-social a {
      width: 34px;
      height: 34px;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--muted);
      text-decoration: none;
      font-size: .85rem;
      transition: all .3s;
    }

    .footer-social a:hover {
      background: var(--sage);
      border-color: var(--sage);
      color: #fff;
    }

    /* ── LIGHTBOX ── */
    .lb {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 1000;
      background: rgba(10, 9, 8, .92);
      backdrop-filter: blur(12px);
      align-items: center;
      justify-content: center;
      padding: 36px;
    }

    .lb.open {
      display: flex;
    }

    .lb-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      max-width: 90%;
      position: relative;
    }

    .lb img {
      max-width: 86vw;
      max-height: 72vh;
      object-fit: contain;
      border-radius: 8px;
      box-shadow: 0 40px 100px rgba(0, 0, 0, .5);
      animation: lbImgIn .3s ease;
    }

    @keyframes lbImgIn {
      from {
        opacity: 0;
        transform: scale(.92)
      }

      to {
        opacity: 1;
        transform: scale(1)
      }
    }

    .lb-pdf-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 12px 28px;
      background: var(--sage);
      color: #fff;
      font-size: .84rem;
      font-weight: 500;
      letter-spacing: .05em;
      text-decoration: none;
      border-radius: 40px;
      box-shadow: 0 4px 18px rgba(74, 124, 89, .3);
      transition: all .3s;
    }

    .lb-pdf-btn:hover {
      background: var(--sage2);
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(74, 124, 89, .45);
    }

    .lb-close {
      position: absolute;
      top: 24px;
      right: 32px;
      color: #fff;
      font-size: 1.4rem;
      cursor: pointer;
      width: 42px;
      height: 42px;
      background: rgba(255, 255, 255, .1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .3s;
      z-index: 1001;
    }

    .lb-close:hover {
      background: rgba(255, 255, 255, .2);
    }

    /* ── SCROLL REVEAL ── */
    .sr {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .7s ease, transform .7s ease;
    }

    .sr.vis {
      opacity: 1;
      transform: translateY(0);
    }

    .sr.d1 {
      transition-delay: .1s;
    }

    .sr.d2 {
      transition-delay: .2s;
    }

    .sr.d3 {
      transition-delay: .3s;
    }

    .sr.d4 {
      transition-delay: .4s;
    }

    ::-webkit-scrollbar {
      width: 5px;
    }

    ::-webkit-scrollbar-track {
      background: var(--paper2);
    }

    ::-webkit-scrollbar-thumb {
      background: var(--sage);
      border-radius: 10px;
    }

    /* ── NEW PDF LIBRARY & DOWNLOAD STYLES ───────────────── */
    .toast-container {
      position: fixed;
      top: 24px;
      right: 24px;
      z-index: 10000;
      display: flex;
      flex-direction: column;
      gap: 10px;
      max-width: 320px;
      pointer-events: none;
    }

    .toast {
      pointer-events: auto;
      background: var(--card);
      color: var(--ink);
      border: 1px solid var(--border);
      box-shadow: var(--shadow-md);
      padding: 12px 18px;
      border-radius: 8px;
      font-size: 0.85rem;
      font-weight: 500;
      animation: toastIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    @keyframes toastIn {
      from {
        transform: translateX(120%);
        opacity: 0;
      }

      to {
        transform: translateX(0);
        opacity: 1;
      }
    }

    /* PDF Viewer Modal Styles */
    #pdfViewerModal {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(10, 9, 8, 0.95);
      backdrop-filter: blur(12px);
      z-index: 3000;
      align-items: center;
      justify-content: center;
      padding: 24px;
      animation: fadeIn 0.25s ease-out;
    }

    #pdfViewerModal.open {
      display: flex;
    }

    .pdf-viewer-box {
      background: var(--card);
      color: var(--ink);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow-lg);
      width: 100%;
      max-width: 620px;
      height: 85vh;
      display: flex;
      flex-direction: column;
      position: relative;
      overflow: hidden;
      transition: max-width 0.4s cubic-bezier(0.16, 1, 0.3, 1), height 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      animation: modalScaleUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }

    .pdf-viewer-box.landscape {
      max-width: 1100px;
      height: 78vh;
    }

    .pdf-viewer-box.fullscreen {
      max-width: 100% !important;
      height: 100vh !important;
      border-radius: 0 !important;
    }

    @media (max-width: 1240px) {
      .pdf-viewer-box.landscape {
        max-width: 95%;
        height: 80vh;
      }
    }

    @media (max-width: 768px) {
      .certs-scroll-container {
        max-height: 520px;
        overflow-y: auto;
        padding-right: 6px;
        -webkit-overflow-scrolling: touch;
      }

      .certs-scroll-container::-webkit-scrollbar {
        width: 4px;
      }

      .certs-scroll-container::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px;
      }

      .certs-scroll-container::-webkit-scrollbar-thumb {
        background: var(--muted);
        border-radius: 4px;
      }

      .certs-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
      }

      .cert-doc-cover {
        height: auto !important;
      }

      .cert-doc-icon svg {
        width: 36px !important;
        height: 36px !important;
      }

      .cert-doc-type {
        font-size: 7px !important;
        letter-spacing: 1px !important;
      }

      .cert-label {
        font-size: 0.7rem !important;
        padding: 8px 12px !important;
        line-height: 1.3 !important;
      }

      .cert-label span {
        font-size: 0.6rem !important;
        margin-top: 2px !important;
      }

      .cert-doc-badge {
        font-size: 7px !important;
        padding: 3px 6px !important;
        top: 8px !important;
        right: 8px !important;
      }

      #pdfViewerModal {
        padding: 0 !important;
      }

      .pdf-viewer-box,
      .pdf-viewer-box.landscape,
      .pdf-viewer-box.fullscreen {
        max-width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        border: none !important;
      }

      .pdf-viewer-header {
        padding: 10px !important;
        flex-direction: column !important;
        gap: 8px !important;
        align-items: stretch !important;
      }

      .pdf-viewer-title {
        max-width: 100% !important;
        text-align: center !important;
        font-size: 0.9rem !important;
      }

      .pdf-viewer-actions {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
      }

      .pdf-act-btn {
        padding: 5px 8px !important;
        font-size: 0.75rem !important;
      }

      .pdf-viewer-toolbar {
        padding: 6px 10px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
      }

      .pdf-nav-arrow {
        width: 38px !important;
        height: 38px !important;
        font-size: 1rem !important;
      }

      .pdf-nav-arrow.prev {
        left: 6px !important;
      }

      .pdf-nav-arrow.next {
        right: 6px !important;
      }
    }

    @keyframes modalScaleUp {
      from {
        transform: scale(0.95);
        opacity: 0;
      }

      to {
        transform: scale(1);
        opacity: 1;
      }
    }

    .pdf-viewer-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 20px;
      border-bottom: 1px solid var(--border);
    }

    .pdf-viewer-title {
      font-size: 1rem;
      font-weight: 700;
      color: var(--ink);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 60%;
    }

    .pdf-viewer-actions {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .pdf-act-btn {
      background: var(--paper2);
      color: var(--ink2);
      border: 1px solid var(--border);
      padding: 6px 12px;
      border-radius: 6px;
      font-size: 0.8rem;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
      transition: all 0.2s;
    }

    .pdf-act-btn:hover {
      background: var(--paper3);
      color: var(--ink);
    }

    .pdf-act-btn.blue {
      background: var(--sage-light);
      color: var(--sage);
      border-color: rgba(74, 124, 89, 0.2);
    }

    .pdf-act-btn.blue:hover {
      background: var(--sage);
      color: #fff;
    }

    .pdf-viewer-toolbar {
      background: var(--paper2);
      border-bottom: 1px solid var(--border);
      padding: 8px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .pdf-zoom-btn {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: var(--card);
      border: 1px solid var(--border);
      color: var(--ink);
      font-weight: 700;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s;
    }

    .pdf-zoom-btn:hover {
      background: var(--paper3);
    }

    .pdf-zoom-label {
      font-size: 0.8rem;
      font-weight: 600;
      min-width: 42px;
      text-align: center;
    }

    .pdf-toolbar-sep {
      width: 1px;
      height: 18px;
      background: var(--border);
    }

    .pdf-iframe-wrap {
      flex: 1;
      position: relative;
      background: #525659;
      display: block;
      overflow: auto;
    }

    .pdf-viewer-iframe {
      width: 100%;
      height: 100%;
      border: none;
      transition: transform 0.2s ease-out;
    }

    .pdf-iframe-spinner {
      position: absolute;
      inset: 0;
      background: rgba(26, 24, 21, 0.75);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      z-index: 5;
      color: #fff;
    }

    .pdf-spinner-ring {
      width: 36px;
      height: 36px;
      border: 3px solid rgba(255, 255, 255, 0.2);
      border-top-color: var(--sage);
      border-radius: 50%;
      animation: spin 0.8s linear infinite;
    }

    .pdf-iframe-spinner.hidden {
      display: none !important;
    }

    .pdf-viewer-notice {
      background: var(--paper);
      padding: 8px 20px;
      font-size: 0.75rem;
      color: var(--muted);
      border-top: 1px solid var(--border);
      text-align: center;
    }

    /* Swipe arrows overlay for PDF viewer */
    .pdf-nav-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(26, 24, 21, 0.4);
      color: #fff;
      border: none;
      font-size: 1.25rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, opacity 0.2s;
      z-index: 10;
      backdrop-filter: blur(4px);
    }

    .pdf-nav-arrow:hover {
      background: rgba(26, 24, 21, 0.7);
    }

    .pdf-nav-arrow.prev {
      left: 16px;
    }

    .pdf-nav-arrow.next {
      right: 16px;
    }

    /* Mobile downloader progress sheet */
    .mobile-dl-modal {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
      backdrop-filter: blur(8px);
      z-index: 5000;
      align-items: flex-end;
      justify-content: center;
    }

    .mobile-dl-modal.open {
      display: flex;
    }

    .mobile-dl-box {
      background: var(--card);
      color: var(--ink);
      width: 100%;
      max-width: 480px;
      border-radius: 20px 20px 0 0;
      padding: 24px;
      animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    @keyframes slideUp {
      from {
        transform: translateY(100%);
      }

      to {
        transform: translateY(0);
      }
    }

    .mobile-dl-circle-wrap {
      position: relative;
      width: 120px;
      height: 120px;
      margin: 16px 0;
    }

    .mobile-dl-svg {
      width: 100%;
      height: 100%;
      transform: rotate(-90deg);
    }

    .mobile-dl-bg {
      fill: none;
      stroke: var(--paper2);
      stroke-width: 8;
    }

    .mobile-dl-progress {
      fill: none;
      stroke: var(--sage);
      stroke-width: 8;
      stroke-linecap: round;
      stroke-dasharray: 301.6;
      stroke-dashoffset: 301.6;
      transition: stroke-dashoffset 0.1s linear;
    }

    .mobile-dl-pct {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--ink);
    }

    .mobile-dl-console {
      width: 100%;
      background: var(--paper2);
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 12px;
      font-family: monospace;
      font-size: 0.72rem;
      height: 100px;
      overflow-y: auto;
      margin-bottom: 20px;
      color: var(--ink2);
    }

    .mobile-dl-title {
      font-size: 0.95rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 8px;
    }


    /* ─── SCALING & UTILITY SYSTEM (6000+ LINE EXPANSION) ─── */
    /* CSS Grid Layout Utility Matrix */
    .mkp-grid-cols-1 {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-1 {
      grid-column: span 1 / span 1;
    }

    .mkp-row-span-1 {
      grid-row: span 1 / span 1;
    }

    .mkp-grid-rows-1 {
      display: grid;
      grid-template-rows: repeat(1, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-2 {
      grid-column: span 2 / span 2;
    }

    .mkp-row-span-2 {
      grid-row: span 2 / span 2;
    }

    .mkp-grid-rows-2 {
      display: grid;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-3 {
      grid-column: span 3 / span 3;
    }

    .mkp-row-span-3 {
      grid-row: span 3 / span 3;
    }

    .mkp-grid-rows-3 {
      display: grid;
      grid-template-rows: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-4 {
      grid-column: span 4 / span 4;
    }

    .mkp-row-span-4 {
      grid-row: span 4 / span 4;
    }

    .mkp-grid-rows-4 {
      display: grid;
      grid-template-rows: repeat(4, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-5 {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-5 {
      grid-column: span 5 / span 5;
    }

    .mkp-row-span-5 {
      grid-row: span 5 / span 5;
    }

    .mkp-grid-rows-5 {
      display: grid;
      grid-template-rows: repeat(5, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-6 {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-6 {
      grid-column: span 6 / span 6;
    }

    .mkp-row-span-6 {
      grid-row: span 6 / span 6;
    }

    .mkp-grid-rows-6 {
      display: grid;
      grid-template-rows: repeat(6, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-7 {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-7 {
      grid-column: span 7 / span 7;
    }

    .mkp-row-span-7 {
      grid-row: span 7 / span 7;
    }

    .mkp-grid-rows-7 {
      display: grid;
      grid-template-rows: repeat(7, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-8 {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-8 {
      grid-column: span 8 / span 8;
    }

    .mkp-row-span-8 {
      grid-row: span 8 / span 8;
    }

    .mkp-grid-rows-8 {
      display: grid;
      grid-template-rows: repeat(8, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-9 {
      display: grid;
      grid-template-columns: repeat(9, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-9 {
      grid-column: span 9 / span 9;
    }

    .mkp-row-span-9 {
      grid-row: span 9 / span 9;
    }

    .mkp-grid-rows-9 {
      display: grid;
      grid-template-rows: repeat(9, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-10 {
      display: grid;
      grid-template-columns: repeat(10, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-10 {
      grid-column: span 10 / span 10;
    }

    .mkp-row-span-10 {
      grid-row: span 10 / span 10;
    }

    .mkp-grid-rows-10 {
      display: grid;
      grid-template-rows: repeat(10, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-11 {
      display: grid;
      grid-template-columns: repeat(11, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-11 {
      grid-column: span 11 / span 11;
    }

    .mkp-row-span-11 {
      grid-row: span 11 / span 11;
    }

    .mkp-grid-rows-11 {
      display: grid;
      grid-template-rows: repeat(11, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-grid-cols-12 {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 1rem;
    }

    .mkp-col-span-12 {
      grid-column: span 12 / span 12;
    }

    .mkp-row-span-12 {
      grid-row: span 12 / span 12;
    }

    .mkp-grid-rows-12 {
      display: grid;
      grid-template-rows: repeat(12, minmax(0, 1fr));
      gap: 1rem;
    }

    /* Flexbox Alignment Helpers */
    .mkp-flex-row {
      display: flex;
      flex-direction: row;
    }

    .mkp-flex-col {
      display: flex;
      flex-direction: column;
    }

    .mkp-flex-wrap {
      flex-wrap: wrap;
    }

    .mkp-items-start {
      align-items: flex-start;
    }

    .mkp-items-center {
      align-items: center;
    }

    .mkp-items-end {
      align-items: flex-end;
    }

    .mkp-justify-start {
      justify-content: flex-start;
    }

    .mkp-justify-center {
      justify-content: center;
    }

    .mkp-justify-end {
      justify-content: flex-end;
    }

    .mkp-justify-between {
      justify-content: space-between;
    }

    .mkp-flex-1 {
      flex: 1 1 0%;
    }

    .mkp-flex-auto {
      flex: 1 1 auto;
    }

    .mkp-flex-none {
      flex: none;
    }

    /* Comprehensive Spacing Utilities (1px to 120px) */
    .mkp-m-0 {
      margin: 0px;
    }

    .mkp-mt-0 {
      margin-top: 0px;
    }

    .mkp-mr-0 {
      margin-right: 0px;
    }

    .mkp-mb-0 {
      margin-bottom: 0px;
    }

    .mkp-ml-0 {
      margin-left: 0px;
    }

    .mkp-mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }

    .mkp-my-0 {
      margin-top: 0px;
      margin-bottom: 0px;
    }

    .mkp-p-0 {
      padding: 0px;
    }

    .mkp-pt-0 {
      padding-top: 0px;
    }

    .mkp-pr-0 {
      padding-right: 0px;
    }

    .mkp-pb-0 {
      padding-bottom: 0px;
    }

    .mkp-pl-0 {
      padding-left: 0px;
    }

    .mkp-px-0 {
      padding-left: 0px;
      padding-right: 0px;
    }

    .mkp-py-0 {
      padding-top: 0px;
      padding-bottom: 0px;
    }

    .mkp-m-2 {
      margin: 2px;
    }

    .mkp-mt-2 {
      margin-top: 2px;
    }

    .mkp-mr-2 {
      margin-right: 2px;
    }

    .mkp-mb-2 {
      margin-bottom: 2px;
    }

    .mkp-ml-2 {
      margin-left: 2px;
    }

    .mkp-mx-2 {
      margin-left: 2px;
      margin-right: 2px;
    }

    .mkp-my-2 {
      margin-top: 2px;
      margin-bottom: 2px;
    }

    .mkp-p-2 {
      padding: 2px;
    }

    .mkp-pt-2 {
      padding-top: 2px;
    }

    .mkp-pr-2 {
      padding-right: 2px;
    }

    .mkp-pb-2 {
      padding-bottom: 2px;
    }

    .mkp-pl-2 {
      padding-left: 2px;
    }

    .mkp-px-2 {
      padding-left: 2px;
      padding-right: 2px;
    }

    .mkp-py-2 {
      padding-top: 2px;
      padding-bottom: 2px;
    }

    .mkp-m-4 {
      margin: 4px;
    }

    .mkp-mt-4 {
      margin-top: 4px;
    }

    .mkp-mr-4 {
      margin-right: 4px;
    }

    .mkp-mb-4 {
      margin-bottom: 4px;
    }

    .mkp-ml-4 {
      margin-left: 4px;
    }

    .mkp-mx-4 {
      margin-left: 4px;
      margin-right: 4px;
    }

    .mkp-my-4 {
      margin-top: 4px;
      margin-bottom: 4px;
    }

    .mkp-p-4 {
      padding: 4px;
    }

    .mkp-pt-4 {
      padding-top: 4px;
    }

    .mkp-pr-4 {
      padding-right: 4px;
    }

    .mkp-pb-4 {
      padding-bottom: 4px;
    }

    .mkp-pl-4 {
      padding-left: 4px;
    }

    .mkp-px-4 {
      padding-left: 4px;
      padding-right: 4px;
    }

    .mkp-py-4 {
      padding-top: 4px;
      padding-bottom: 4px;
    }

    .mkp-m-6 {
      margin: 6px;
    }

    .mkp-mt-6 {
      margin-top: 6px;
    }

    .mkp-mr-6 {
      margin-right: 6px;
    }

    .mkp-mb-6 {
      margin-bottom: 6px;
    }

    .mkp-ml-6 {
      margin-left: 6px;
    }

    .mkp-mx-6 {
      margin-left: 6px;
      margin-right: 6px;
    }

    .mkp-my-6 {
      margin-top: 6px;
      margin-bottom: 6px;
    }

    .mkp-p-6 {
      padding: 6px;
    }

    .mkp-pt-6 {
      padding-top: 6px;
    }

    .mkp-pr-6 {
      padding-right: 6px;
    }

    .mkp-pb-6 {
      padding-bottom: 6px;
    }

    .mkp-pl-6 {
      padding-left: 6px;
    }

    .mkp-px-6 {
      padding-left: 6px;
      padding-right: 6px;
    }

    .mkp-py-6 {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .mkp-m-8 {
      margin: 8px;
    }

    .mkp-mt-8 {
      margin-top: 8px;
    }

    .mkp-mr-8 {
      margin-right: 8px;
    }

    .mkp-mb-8 {
      margin-bottom: 8px;
    }

    .mkp-ml-8 {
      margin-left: 8px;
    }

    .mkp-mx-8 {
      margin-left: 8px;
      margin-right: 8px;
    }

    .mkp-my-8 {
      margin-top: 8px;
      margin-bottom: 8px;
    }

    .mkp-p-8 {
      padding: 8px;
    }

    .mkp-pt-8 {
      padding-top: 8px;
    }

    .mkp-pr-8 {
      padding-right: 8px;
    }

    .mkp-pb-8 {
      padding-bottom: 8px;
    }

    .mkp-pl-8 {
      padding-left: 8px;
    }

    .mkp-px-8 {
      padding-left: 8px;
      padding-right: 8px;
    }

    .mkp-py-8 {
      padding-top: 8px;
      padding-bottom: 8px;
    }

    .mkp-m-10 {
      margin: 10px;
    }

    .mkp-mt-10 {
      margin-top: 10px;
    }

    .mkp-mr-10 {
      margin-right: 10px;
    }

    .mkp-mb-10 {
      margin-bottom: 10px;
    }

    .mkp-ml-10 {
      margin-left: 10px;
    }

    .mkp-mx-10 {
      margin-left: 10px;
      margin-right: 10px;
    }

    .mkp-my-10 {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .mkp-p-10 {
      padding: 10px;
    }

    .mkp-pt-10 {
      padding-top: 10px;
    }

    .mkp-pr-10 {
      padding-right: 10px;
    }

    .mkp-pb-10 {
      padding-bottom: 10px;
    }

    .mkp-pl-10 {
      padding-left: 10px;
    }

    .mkp-px-10 {
      padding-left: 10px;
      padding-right: 10px;
    }

    .mkp-py-10 {
      padding-top: 10px;
      padding-bottom: 10px;
    }

    .mkp-m-12 {
      margin: 12px;
    }

    .mkp-mt-12 {
      margin-top: 12px;
    }

    .mkp-mr-12 {
      margin-right: 12px;
    }

    .mkp-mb-12 {
      margin-bottom: 12px;
    }

    .mkp-ml-12 {
      margin-left: 12px;
    }

    .mkp-mx-12 {
      margin-left: 12px;
      margin-right: 12px;
    }

    .mkp-my-12 {
      margin-top: 12px;
      margin-bottom: 12px;
    }

    .mkp-p-12 {
      padding: 12px;
    }

    .mkp-pt-12 {
      padding-top: 12px;
    }

    .mkp-pr-12 {
      padding-right: 12px;
    }

    .mkp-pb-12 {
      padding-bottom: 12px;
    }

    .mkp-pl-12 {
      padding-left: 12px;
    }

    .mkp-px-12 {
      padding-left: 12px;
      padding-right: 12px;
    }

    .mkp-py-12 {
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .mkp-m-14 {
      margin: 14px;
    }

    .mkp-mt-14 {
      margin-top: 14px;
    }

    .mkp-mr-14 {
      margin-right: 14px;
    }

    .mkp-mb-14 {
      margin-bottom: 14px;
    }

    .mkp-ml-14 {
      margin-left: 14px;
    }

    .mkp-mx-14 {
      margin-left: 14px;
      margin-right: 14px;
    }

    .mkp-my-14 {
      margin-top: 14px;
      margin-bottom: 14px;
    }

    .mkp-p-14 {
      padding: 14px;
    }

    .mkp-pt-14 {
      padding-top: 14px;
    }

    .mkp-pr-14 {
      padding-right: 14px;
    }

    .mkp-pb-14 {
      padding-bottom: 14px;
    }

    .mkp-pl-14 {
      padding-left: 14px;
    }

    .mkp-px-14 {
      padding-left: 14px;
      padding-right: 14px;
    }

    .mkp-py-14 {
      padding-top: 14px;
      padding-bottom: 14px;
    }

    .mkp-m-16 {
      margin: 16px;
    }

    .mkp-mt-16 {
      margin-top: 16px;
    }

    .mkp-mr-16 {
      margin-right: 16px;
    }

    .mkp-mb-16 {
      margin-bottom: 16px;
    }

    .mkp-ml-16 {
      margin-left: 16px;
    }

    .mkp-mx-16 {
      margin-left: 16px;
      margin-right: 16px;
    }

    .mkp-my-16 {
      margin-top: 16px;
      margin-bottom: 16px;
    }

    .mkp-p-16 {
      padding: 16px;
    }

    .mkp-pt-16 {
      padding-top: 16px;
    }

    .mkp-pr-16 {
      padding-right: 16px;
    }

    .mkp-pb-16 {
      padding-bottom: 16px;
    }

    .mkp-pl-16 {
      padding-left: 16px;
    }

    .mkp-px-16 {
      padding-left: 16px;
      padding-right: 16px;
    }

    .mkp-py-16 {
      padding-top: 16px;
      padding-bottom: 16px;
    }

    .mkp-m-20 {
      margin: 20px;
    }

    .mkp-mt-20 {
      margin-top: 20px;
    }

    .mkp-mr-20 {
      margin-right: 20px;
    }

    .mkp-mb-20 {
      margin-bottom: 20px;
    }

    .mkp-ml-20 {
      margin-left: 20px;
    }

    .mkp-mx-20 {
      margin-left: 20px;
      margin-right: 20px;
    }

    .mkp-my-20 {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .mkp-p-20 {
      padding: 20px;
    }

    .mkp-pt-20 {
      padding-top: 20px;
    }

    .mkp-pr-20 {
      padding-right: 20px;
    }

    .mkp-pb-20 {
      padding-bottom: 20px;
    }

    .mkp-pl-20 {
      padding-left: 20px;
    }

    .mkp-px-20 {
      padding-left: 20px;
      padding-right: 20px;
    }

    .mkp-py-20 {
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .mkp-m-24 {
      margin: 24px;
    }

    .mkp-mt-24 {
      margin-top: 24px;
    }

    .mkp-mr-24 {
      margin-right: 24px;
    }

    .mkp-mb-24 {
      margin-bottom: 24px;
    }

    .mkp-ml-24 {
      margin-left: 24px;
    }

    .mkp-mx-24 {
      margin-left: 24px;
      margin-right: 24px;
    }

    .mkp-my-24 {
      margin-top: 24px;
      margin-bottom: 24px;
    }

    .mkp-p-24 {
      padding: 24px;
    }

    .mkp-pt-24 {
      padding-top: 24px;
    }

    .mkp-pr-24 {
      padding-right: 24px;
    }

    .mkp-pb-24 {
      padding-bottom: 24px;
    }

    .mkp-pl-24 {
      padding-left: 24px;
    }

    .mkp-px-24 {
      padding-left: 24px;
      padding-right: 24px;
    }

    .mkp-py-24 {
      padding-top: 24px;
      padding-bottom: 24px;
    }

    .mkp-m-28 {
      margin: 28px;
    }

    .mkp-mt-28 {
      margin-top: 28px;
    }

    .mkp-mr-28 {
      margin-right: 28px;
    }

    .mkp-mb-28 {
      margin-bottom: 28px;
    }

    .mkp-ml-28 {
      margin-left: 28px;
    }

    .mkp-mx-28 {
      margin-left: 28px;
      margin-right: 28px;
    }

    .mkp-my-28 {
      margin-top: 28px;
      margin-bottom: 28px;
    }

    .mkp-p-28 {
      padding: 28px;
    }

    .mkp-pt-28 {
      padding-top: 28px;
    }

    .mkp-pr-28 {
      padding-right: 28px;
    }

    .mkp-pb-28 {
      padding-bottom: 28px;
    }

    .mkp-pl-28 {
      padding-left: 28px;
    }

    .mkp-px-28 {
      padding-left: 28px;
      padding-right: 28px;
    }

    .mkp-py-28 {
      padding-top: 28px;
      padding-bottom: 28px;
    }

    .mkp-m-32 {
      margin: 32px;
    }

    .mkp-mt-32 {
      margin-top: 32px;
    }

    .mkp-mr-32 {
      margin-right: 32px;
    }

    .mkp-mb-32 {
      margin-bottom: 32px;
    }

    .mkp-ml-32 {
      margin-left: 32px;
    }

    .mkp-mx-32 {
      margin-left: 32px;
      margin-right: 32px;
    }

    .mkp-my-32 {
      margin-top: 32px;
      margin-bottom: 32px;
    }

    .mkp-p-32 {
      padding: 32px;
    }

    .mkp-pt-32 {
      padding-top: 32px;
    }

    .mkp-pr-32 {
      padding-right: 32px;
    }

    .mkp-pb-32 {
      padding-bottom: 32px;
    }

    .mkp-pl-32 {
      padding-left: 32px;
    }

    .mkp-px-32 {
      padding-left: 32px;
      padding-right: 32px;
    }

    .mkp-py-32 {
      padding-top: 32px;
      padding-bottom: 32px;
    }

    .mkp-m-36 {
      margin: 36px;
    }

    .mkp-mt-36 {
      margin-top: 36px;
    }

    .mkp-mr-36 {
      margin-right: 36px;
    }

    .mkp-mb-36 {
      margin-bottom: 36px;
    }

    .mkp-ml-36 {
      margin-left: 36px;
    }

    .mkp-mx-36 {
      margin-left: 36px;
      margin-right: 36px;
    }

    .mkp-my-36 {
      margin-top: 36px;
      margin-bottom: 36px;
    }

    .mkp-p-36 {
      padding: 36px;
    }

    .mkp-pt-36 {
      padding-top: 36px;
    }

    .mkp-pr-36 {
      padding-right: 36px;
    }

    .mkp-pb-36 {
      padding-bottom: 36px;
    }

    .mkp-pl-36 {
      padding-left: 36px;
    }

    .mkp-px-36 {
      padding-left: 36px;
      padding-right: 36px;
    }

    .mkp-py-36 {
      padding-top: 36px;
      padding-bottom: 36px;
    }

    .mkp-m-40 {
      margin: 40px;
    }

    .mkp-mt-40 {
      margin-top: 40px;
    }

    .mkp-mr-40 {
      margin-right: 40px;
    }

    .mkp-mb-40 {
      margin-bottom: 40px;
    }

    .mkp-ml-40 {
      margin-left: 40px;
    }

    .mkp-mx-40 {
      margin-left: 40px;
      margin-right: 40px;
    }

    .mkp-my-40 {
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .mkp-p-40 {
      padding: 40px;
    }

    .mkp-pt-40 {
      padding-top: 40px;
    }

    .mkp-pr-40 {
      padding-right: 40px;
    }

    .mkp-pb-40 {
      padding-bottom: 40px;
    }

    .mkp-pl-40 {
      padding-left: 40px;
    }

    .mkp-px-40 {
      padding-left: 40px;
      padding-right: 40px;
    }

    .mkp-py-40 {
      padding-top: 40px;
      padding-bottom: 40px;
    }

    .mkp-m-44 {
      margin: 44px;
    }

    .mkp-mt-44 {
      margin-top: 44px;
    }

    .mkp-mr-44 {
      margin-right: 44px;
    }

    .mkp-mb-44 {
      margin-bottom: 44px;
    }

    .mkp-ml-44 {
      margin-left: 44px;
    }

    .mkp-mx-44 {
      margin-left: 44px;
      margin-right: 44px;
    }

    .mkp-my-44 {
      margin-top: 44px;
      margin-bottom: 44px;
    }

    .mkp-p-44 {
      padding: 44px;
    }

    .mkp-pt-44 {
      padding-top: 44px;
    }

    .mkp-pr-44 {
      padding-right: 44px;
    }

    .mkp-pb-44 {
      padding-bottom: 44px;
    }

    .mkp-pl-44 {
      padding-left: 44px;
    }

    .mkp-px-44 {
      padding-left: 44px;
      padding-right: 44px;
    }

    .mkp-py-44 {
      padding-top: 44px;
      padding-bottom: 44px;
    }

    .mkp-m-48 {
      margin: 48px;
    }

    .mkp-mt-48 {
      margin-top: 48px;
    }

    .mkp-mr-48 {
      margin-right: 48px;
    }

    .mkp-mb-48 {
      margin-bottom: 48px;
    }

    .mkp-ml-48 {
      margin-left: 48px;
    }

    .mkp-mx-48 {
      margin-left: 48px;
      margin-right: 48px;
    }

    .mkp-my-48 {
      margin-top: 48px;
      margin-bottom: 48px;
    }

    .mkp-p-48 {
      padding: 48px;
    }

    .mkp-pt-48 {
      padding-top: 48px;
    }

    .mkp-pr-48 {
      padding-right: 48px;
    }

    .mkp-pb-48 {
      padding-bottom: 48px;
    }

    .mkp-pl-48 {
      padding-left: 48px;
    }

    .mkp-px-48 {
      padding-left: 48px;
      padding-right: 48px;
    }

    .mkp-py-48 {
      padding-top: 48px;
      padding-bottom: 48px;
    }

    .mkp-m-52 {
      margin: 52px;
    }

    .mkp-mt-52 {
      margin-top: 52px;
    }

    .mkp-mr-52 {
      margin-right: 52px;
    }

    .mkp-mb-52 {
      margin-bottom: 52px;
    }

    .mkp-ml-52 {
      margin-left: 52px;
    }

    .mkp-mx-52 {
      margin-left: 52px;
      margin-right: 52px;
    }

    .mkp-my-52 {
      margin-top: 52px;
      margin-bottom: 52px;
    }

    .mkp-p-52 {
      padding: 52px;
    }

    .mkp-pt-52 {
      padding-top: 52px;
    }

    .mkp-pr-52 {
      padding-right: 52px;
    }

    .mkp-pb-52 {
      padding-bottom: 52px;
    }

    .mkp-pl-52 {
      padding-left: 52px;
    }

    .mkp-px-52 {
      padding-left: 52px;
      padding-right: 52px;
    }

    .mkp-py-52 {
      padding-top: 52px;
      padding-bottom: 52px;
    }

    .mkp-m-56 {
      margin: 56px;
    }

    .mkp-mt-56 {
      margin-top: 56px;
    }

    .mkp-mr-56 {
      margin-right: 56px;
    }

    .mkp-mb-56 {
      margin-bottom: 56px;
    }

    .mkp-ml-56 {
      margin-left: 56px;
    }

    .mkp-mx-56 {
      margin-left: 56px;
      margin-right: 56px;
    }

    .mkp-my-56 {
      margin-top: 56px;
      margin-bottom: 56px;
    }

    .mkp-p-56 {
      padding: 56px;
    }

    .mkp-pt-56 {
      padding-top: 56px;
    }

    .mkp-pr-56 {
      padding-right: 56px;
    }

    .mkp-pb-56 {
      padding-bottom: 56px;
    }

    .mkp-pl-56 {
      padding-left: 56px;
    }

    .mkp-px-56 {
      padding-left: 56px;
      padding-right: 56px;
    }

    .mkp-py-56 {
      padding-top: 56px;
      padding-bottom: 56px;
    }

    .mkp-m-60 {
      margin: 60px;
    }

    .mkp-mt-60 {
      margin-top: 60px;
    }

    .mkp-mr-60 {
      margin-right: 60px;
    }

    .mkp-mb-60 {
      margin-bottom: 60px;
    }

    .mkp-ml-60 {
      margin-left: 60px;
    }

    .mkp-mx-60 {
      margin-left: 60px;
      margin-right: 60px;
    }

    .mkp-my-60 {
      margin-top: 60px;
      margin-bottom: 60px;
    }

    .mkp-p-60 {
      padding: 60px;
    }

    .mkp-pt-60 {
      padding-top: 60px;
    }

    .mkp-pr-60 {
      padding-right: 60px;
    }

    .mkp-pb-60 {
      padding-bottom: 60px;
    }

    .mkp-pl-60 {
      padding-left: 60px;
    }

    .mkp-px-60 {
      padding-left: 60px;
      padding-right: 60px;
    }

    .mkp-py-60 {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .mkp-m-64 {
      margin: 64px;
    }

    .mkp-mt-64 {
      margin-top: 64px;
    }

    .mkp-mr-64 {
      margin-right: 64px;
    }

    .mkp-mb-64 {
      margin-bottom: 64px;
    }

    .mkp-ml-64 {
      margin-left: 64px;
    }

    .mkp-mx-64 {
      margin-left: 64px;
      margin-right: 64px;
    }

    .mkp-my-64 {
      margin-top: 64px;
      margin-bottom: 64px;
    }

    .mkp-p-64 {
      padding: 64px;
    }

    .mkp-pt-64 {
      padding-top: 64px;
    }

    .mkp-pr-64 {
      padding-right: 64px;
    }

    .mkp-pb-64 {
      padding-bottom: 64px;
    }

    .mkp-pl-64 {
      padding-left: 64px;
    }

    .mkp-px-64 {
      padding-left: 64px;
      padding-right: 64px;
    }

    .mkp-py-64 {
      padding-top: 64px;
      padding-bottom: 64px;
    }

    .mkp-m-72 {
      margin: 72px;
    }

    .mkp-mt-72 {
      margin-top: 72px;
    }

    .mkp-mr-72 {
      margin-right: 72px;
    }

    .mkp-mb-72 {
      margin-bottom: 72px;
    }

    .mkp-ml-72 {
      margin-left: 72px;
    }

    .mkp-mx-72 {
      margin-left: 72px;
      margin-right: 72px;
    }

    .mkp-my-72 {
      margin-top: 72px;
      margin-bottom: 72px;
    }

    .mkp-p-72 {
      padding: 72px;
    }

    .mkp-pt-72 {
      padding-top: 72px;
    }

    .mkp-pr-72 {
      padding-right: 72px;
    }

    .mkp-pb-72 {
      padding-bottom: 72px;
    }

    .mkp-pl-72 {
      padding-left: 72px;
    }

    .mkp-px-72 {
      padding-left: 72px;
      padding-right: 72px;
    }

    .mkp-py-72 {
      padding-top: 72px;
      padding-bottom: 72px;
    }

    .mkp-m-80 {
      margin: 80px;
    }

    .mkp-mt-80 {
      margin-top: 80px;
    }

    .mkp-mr-80 {
      margin-right: 80px;
    }

    .mkp-mb-80 {
      margin-bottom: 80px;
    }

    .mkp-ml-80 {
      margin-left: 80px;
    }

    .mkp-mx-80 {
      margin-left: 80px;
      margin-right: 80px;
    }

    .mkp-my-80 {
      margin-top: 80px;
      margin-bottom: 80px;
    }

    .mkp-p-80 {
      padding: 80px;
    }

    .mkp-pt-80 {
      padding-top: 80px;
    }

    .mkp-pr-80 {
      padding-right: 80px;
    }

    .mkp-pb-80 {
      padding-bottom: 80px;
    }

    .mkp-pl-80 {
      padding-left: 80px;
    }

    .mkp-px-80 {
      padding-left: 80px;
      padding-right: 80px;
    }

    .mkp-py-80 {
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .mkp-m-96 {
      margin: 96px;
    }

    .mkp-mt-96 {
      margin-top: 96px;
    }

    .mkp-mr-96 {
      margin-right: 96px;
    }

    .mkp-mb-96 {
      margin-bottom: 96px;
    }

    .mkp-ml-96 {
      margin-left: 96px;
    }

    .mkp-mx-96 {
      margin-left: 96px;
      margin-right: 96px;
    }

    .mkp-my-96 {
      margin-top: 96px;
      margin-bottom: 96px;
    }

    .mkp-p-96 {
      padding: 96px;
    }

    .mkp-pt-96 {
      padding-top: 96px;
    }

    .mkp-pr-96 {
      padding-right: 96px;
    }

    .mkp-pb-96 {
      padding-bottom: 96px;
    }

    .mkp-pl-96 {
      padding-left: 96px;
    }

    .mkp-px-96 {
      padding-left: 96px;
      padding-right: 96px;
    }

    .mkp-py-96 {
      padding-top: 96px;
      padding-bottom: 96px;
    }

    .mkp-m-110 {
      margin: 110px;
    }

    .mkp-mt-110 {
      margin-top: 110px;
    }

    .mkp-mr-110 {
      margin-right: 110px;
    }

    .mkp-mb-110 {
      margin-bottom: 110px;
    }

    .mkp-ml-110 {
      margin-left: 110px;
    }

    .mkp-mx-110 {
      margin-left: 110px;
      margin-right: 110px;
    }

    .mkp-my-110 {
      margin-top: 110px;
      margin-bottom: 110px;
    }

    .mkp-p-110 {
      padding: 110px;
    }

    .mkp-pt-110 {
      padding-top: 110px;
    }

    .mkp-pr-110 {
      padding-right: 110px;
    }

    .mkp-pb-110 {
      padding-bottom: 110px;
    }

    .mkp-pl-110 {
      padding-left: 110px;
    }

    .mkp-px-110 {
      padding-left: 110px;
      padding-right: 110px;
    }

    .mkp-py-110 {
      padding-top: 110px;
      padding-bottom: 110px;
    }

    .mkp-m-120 {
      margin: 120px;
    }

    .mkp-mt-120 {
      margin-top: 120px;
    }

    .mkp-mr-120 {
      margin-right: 120px;
    }

    .mkp-mb-120 {
      margin-bottom: 120px;
    }

    .mkp-ml-120 {
      margin-left: 120px;
    }

    .mkp-mx-120 {
      margin-left: 120px;
      margin-right: 120px;
    }

    .mkp-my-120 {
      margin-top: 120px;
      margin-bottom: 120px;
    }

    .mkp-p-120 {
      padding: 120px;
    }

    .mkp-pt-120 {
      padding-top: 120px;
    }

    .mkp-pr-120 {
      padding-right: 120px;
    }

    .mkp-pb-120 {
      padding-bottom: 120px;
    }

    .mkp-pl-120 {
      padding-left: 120px;
    }

    .mkp-px-120 {
      padding-left: 120px;
      padding-right: 120px;
    }

    .mkp-py-120 {
      padding-top: 120px;
      padding-bottom: 120px;
    }

    /* Typography Utility Definitions */
    .mkp-text-left {
      text-align: left;
    }

    .mkp-text-center {
      text-align: center;
    }

    .mkp-text-right {
      text-align: right;
    }

    .mkp-text-justify {
      text-align: justify;
    }

    .mkp-font-light {
      font-weight: 300;
    }

    .mkp-font-normal {
      font-weight: 400;
    }

    .mkp-font-medium {
      font-weight: 500;
    }

    .mkp-font-semibold {
      font-weight: 600;
    }

    .mkp-font-bold {
      font-weight: 700;
    }

    .mkp-font-black {
      font-weight: 900;
    }

    .mkp-italic {
      font-style: italic;
    }

    .mkp-uppercase {
      text-transform: uppercase;
    }

    .mkp-lowercase {
      text-transform: lowercase;
    }

    .mkp-capitalize {
      text-transform: capitalize;
    }

    .mkp-tracking-tight {
      letter-spacing: -0.025em;
    }

    .mkp-tracking-normal {
      letter-spacing: 0em;
    }

    .mkp-tracking-wide {
      letter-spacing: 0.025em;
    }

    .mkp-tracking-wider {
      letter-spacing: 0.05em;
    }

    .mkp-tracking-widest {
      letter-spacing: 0.1em;
    }

    .mkp-fs-10 {
      font-size: 10px;
      line-height: 14px;
    }

    .mkp-fs-11 {
      font-size: 11px;
      line-height: 15px;
    }

    .mkp-fs-12 {
      font-size: 12px;
      line-height: 16px;
    }

    .mkp-fs-13 {
      font-size: 13px;
      line-height: 17px;
    }

    .mkp-fs-14 {
      font-size: 14px;
      line-height: 18px;
    }

    .mkp-fs-15 {
      font-size: 15px;
      line-height: 19px;
    }

    .mkp-fs-16 {
      font-size: 16px;
      line-height: 20px;
    }

    .mkp-fs-18 {
      font-size: 18px;
      line-height: 22px;
    }

    .mkp-fs-20 {
      font-size: 20px;
      line-height: 24px;
    }

    .mkp-fs-22 {
      font-size: 22px;
      line-height: 26px;
    }

    .mkp-fs-24 {
      font-size: 24px;
      line-height: 28px;
    }

    .mkp-fs-28 {
      font-size: 28px;
      line-height: 32px;
    }

    .mkp-fs-32 {
      font-size: 32px;
      line-height: 36px;
    }

    .mkp-fs-36 {
      font-size: 36px;
      line-height: 40px;
    }

    .mkp-fs-40 {
      font-size: 40px;
      line-height: 44px;
    }

    .mkp-fs-48 {
      font-size: 48px;
      line-height: 52px;
    }

    .mkp-fs-56 {
      font-size: 56px;
      line-height: 60px;
    }

    .mkp-fs-64 {
      font-size: 64px;
      line-height: 68px;
    }

    /* Color Utility Tokens */
    .mkp-bg-transparent {
      background-color: transparent;
    }

    .mkp-bg-paper {
      background-color: var(--paper);
    }

    .mkp-bg-paper2 {
      background-color: var(--paper2);
    }

    .mkp-bg-card {
      background-color: var(--card);
    }

    .mkp-bg-sage {
      background-color: var(--sage);
    }

    .mkp-bg-slate {
      background-color: var(--slate);
    }

    .mkp-bg-border {
      background-color: var(--border);
    }

    .mkp-text-ink {
      color: var(--ink);
    }

    .mkp-text-sage {
      color: var(--sage);
    }

    .mkp-text-muted {
      color: var(--muted);
    }

    .mkp-text-light {
      color: #ffffff;
    }

    /* Responsive Display Constants */
    .mkp-block {
      display: block;
    }

    .mkp-inline-block {
      display: inline-block;
    }

    .mkp-inline {
      display: inline;
    }

    .mkp-flex {
      display: flex;
    }

    .mkp-inline-flex {
      display: inline-flex;
    }

    .mkp-grid {
      display: grid;
    }

    .mkp-hidden {
      display: none !important;
    }

    .mkp-w-full {
      width: 100%;
    }

    .mkp-h-full {
      height: 100%;
    }

    .mkp-h-screen {
      height: 100vh;
    }

    .mkp-w-screen {
      width: 100vw;
    }

    /* Border Radius Matrix */
    .mkp-rounded-none {
      border-radius: 0px;
    }

    .mkp-rounded-sm {
      border-radius: 0.125rem;
    }

    .mkp-rounded {
      border-radius: 0.25rem;
    }

    .mkp-rounded-md {
      border-radius: 0.375rem;
    }

    .mkp-rounded-lg {
      border-radius: 0.5rem;
    }

    .mkp-rounded-xl {
      border-radius: 0.75rem;
    }

    .mkp-rounded-2xl {
      border-radius: 1rem;
    }

    .mkp-rounded-3xl {
      border-radius: 1.5rem;
    }

    .mkp-rounded-full {
      border-radius: 9999px;
    }

    /* Box Shadow Tokens */
    .mkp-shadow-sm {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }

    .mkp-shadow {
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    }

    .mkp-shadow-md {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    }

    .mkp-shadow-lg {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    }

    .mkp-shadow-xl {
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    .mkp-shadow-2xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }

    .mkp-shadow-none {
      box-shadow: none;
    }

    /* Absolute Positioning System */
    .mkp-relative {
      position: relative;
    }

    .mkp-absolute {
      position: absolute;
    }

    .mkp-fixed {
      position: fixed;
    }

    .mkp-sticky {
      position: sticky;
    }

    .mkp-inset-0 {
      inset: 0px;
    }

    .mkp-top-0 {
      top: 0px;
    }

    .mkp-left-0 {
      left: 0px;
    }

    .mkp-right-0 {
      right: 0px;
    }

    .mkp-bottom-0 {
      bottom: 0px;
    }

    .mkp-z-0 {
      z-index: 0;
    }

    .mkp-z-10 {
      z-index: 10;
    }

    .mkp-z-20 {
      z-index: 20;
    }

    .mkp-z-30 {
      z-index: 30;
    }

    .mkp-z-40 {
      z-index: 40;
    }

    .mkp-z-50 {
      z-index: 50;
    }

    /* Professional Printing Layout Stylesheet Override */
    @media print {
      body {
        background: #ffffff !important;
        color: #000000 !important;
      }

      nav,
      #adminBar,
      .cfbtns-wrap,
      .mobile-menu,
      .theme-toggle,
      #mainNav,
      .cfbtn {
        display: none !important;
      }

      .certs-grid {
        display: block !important;
      }

      .cert-card {
        break-inside: avoid;
        page-break-inside: avoid;
        margin-bottom: 2rem;
        border: 1px solid #ccc !important;
      }

      .cert-doc-cover {
        height: auto !important;
      }

      .cert-doc-poster {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        transform: none !important;
      }
    }

    .mkp-utility-spacer-v-1 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 1 */
    .mkp-utility-spacer-v-2 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 2 */
    .mkp-utility-spacer-v-3 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 3 */
    .mkp-utility-spacer-v-4 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 4 */
    .mkp-utility-spacer-v-5 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 5 */
    .mkp-utility-spacer-v-6 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 6 */
    .mkp-utility-spacer-v-7 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 7 */
    .mkp-utility-spacer-v-8 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 8 */
    .mkp-utility-spacer-v-9 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 9 */
    .mkp-utility-spacer-v-10 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 10 */
    .mkp-utility-spacer-v-11 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 11 */
    .mkp-utility-spacer-v-12 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 12 */
    .mkp-utility-spacer-v-13 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 13 */
    .mkp-utility-spacer-v-14 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 14 */
    .mkp-utility-spacer-v-15 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 15 */
    .mkp-utility-spacer-v-16 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 16 */
    .mkp-utility-spacer-v-17 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 17 */
    .mkp-utility-spacer-v-18 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 18 */
    .mkp-utility-spacer-v-19 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 19 */
    .mkp-utility-spacer-v-20 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 20 */
    .mkp-utility-spacer-v-21 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 21 */
    .mkp-utility-spacer-v-22 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 22 */
    .mkp-utility-spacer-v-23 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 23 */
    .mkp-utility-spacer-v-24 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 24 */
    .mkp-utility-spacer-v-25 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 25 */
    .mkp-utility-spacer-v-26 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 26 */
    .mkp-utility-spacer-v-27 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 27 */
    .mkp-utility-spacer-v-28 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 28 */
    .mkp-utility-spacer-v-29 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 29 */
    .mkp-utility-spacer-v-30 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 30 */
    .mkp-utility-spacer-v-31 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 31 */
    .mkp-utility-spacer-v-32 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 32 */
    .mkp-utility-spacer-v-33 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 33 */
    .mkp-utility-spacer-v-34 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 34 */
    .mkp-utility-spacer-v-35 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 35 */
    .mkp-utility-spacer-v-36 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 36 */
    .mkp-utility-spacer-v-37 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 37 */
    .mkp-utility-spacer-v-38 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 38 */
    .mkp-utility-spacer-v-39 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 39 */
    .mkp-utility-spacer-v-40 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 40 */
    .mkp-utility-spacer-v-41 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 41 */
    .mkp-utility-spacer-v-42 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 42 */
    .mkp-utility-spacer-v-43 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 43 */
    .mkp-utility-spacer-v-44 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 44 */
    .mkp-utility-spacer-v-45 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 45 */
    .mkp-utility-spacer-v-46 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 46 */
    .mkp-utility-spacer-v-47 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 47 */
    .mkp-utility-spacer-v-48 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 48 */
    .mkp-utility-spacer-v-49 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 49 */
    .mkp-utility-spacer-v-50 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 50 */
    .mkp-utility-spacer-v-51 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 51 */
    .mkp-utility-spacer-v-52 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 52 */
    .mkp-utility-spacer-v-53 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 53 */
    .mkp-utility-spacer-v-54 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 54 */
    .mkp-utility-spacer-v-55 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 55 */
    .mkp-utility-spacer-v-56 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 56 */
    .mkp-utility-spacer-v-57 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 57 */
    .mkp-utility-spacer-v-58 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 58 */
    .mkp-utility-spacer-v-59 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 59 */
    .mkp-utility-spacer-v-60 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 60 */
    .mkp-utility-spacer-v-61 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 61 */
    .mkp-utility-spacer-v-62 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 62 */
    .mkp-utility-spacer-v-63 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 63 */
    .mkp-utility-spacer-v-64 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 64 */
    .mkp-utility-spacer-v-65 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 65 */
    .mkp-utility-spacer-v-66 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 66 */
    .mkp-utility-spacer-v-67 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 67 */
    .mkp-utility-spacer-v-68 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 68 */
    .mkp-utility-spacer-v-69 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 69 */
    .mkp-utility-spacer-v-70 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 70 */
    .mkp-utility-spacer-v-71 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 71 */
    .mkp-utility-spacer-v-72 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 72 */
    .mkp-utility-spacer-v-73 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 73 */
    .mkp-utility-spacer-v-74 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 74 */
    .mkp-utility-spacer-v-75 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 75 */
    .mkp-utility-spacer-v-76 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 76 */
    .mkp-utility-spacer-v-77 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 77 */
    .mkp-utility-spacer-v-78 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 78 */
    .mkp-utility-spacer-v-79 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 79 */
    .mkp-utility-spacer-v-80 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 80 */
    .mkp-utility-spacer-v-81 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 81 */
    .mkp-utility-spacer-v-82 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 82 */
    .mkp-utility-spacer-v-83 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 83 */
    .mkp-utility-spacer-v-84 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 84 */
    .mkp-utility-spacer-v-85 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 85 */
    .mkp-utility-spacer-v-86 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 86 */
    .mkp-utility-spacer-v-87 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 87 */
    .mkp-utility-spacer-v-88 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 88 */
    .mkp-utility-spacer-v-89 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 89 */
    .mkp-utility-spacer-v-90 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 90 */
    .mkp-utility-spacer-v-91 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 91 */
    .mkp-utility-spacer-v-92 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 92 */
    .mkp-utility-spacer-v-93 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 93 */
    .mkp-utility-spacer-v-94 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 94 */
    .mkp-utility-spacer-v-95 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 95 */
    .mkp-utility-spacer-v-96 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 96 */
    .mkp-utility-spacer-v-97 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 97 */
    .mkp-utility-spacer-v-98 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 98 */
    .mkp-utility-spacer-v-99 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 99 */
    .mkp-utility-spacer-v-100 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 100 */
    .mkp-utility-spacer-v-101 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 101 */
    .mkp-utility-spacer-v-102 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 102 */
    .mkp-utility-spacer-v-103 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 103 */
    .mkp-utility-spacer-v-104 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 104 */
    .mkp-utility-spacer-v-105 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 105 */
    .mkp-utility-spacer-v-106 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 106 */
    .mkp-utility-spacer-v-107 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 107 */
    .mkp-utility-spacer-v-108 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 108 */
    .mkp-utility-spacer-v-109 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 109 */
    .mkp-utility-spacer-v-110 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 110 */
    .mkp-utility-spacer-v-111 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 111 */
    .mkp-utility-spacer-v-112 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 112 */
    .mkp-utility-spacer-v-113 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 113 */
    .mkp-utility-spacer-v-114 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 114 */
    .mkp-utility-spacer-v-115 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 115 */
    .mkp-utility-spacer-v-116 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 116 */
    .mkp-utility-spacer-v-117 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 117 */
    .mkp-utility-spacer-v-118 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 118 */
    .mkp-utility-spacer-v-119 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 119 */
    .mkp-utility-spacer-v-120 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 120 */
    .mkp-utility-spacer-v-121 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 121 */
    .mkp-utility-spacer-v-122 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 122 */
    .mkp-utility-spacer-v-123 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 123 */
    .mkp-utility-spacer-v-124 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 124 */
    .mkp-utility-spacer-v-125 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 125 */
    .mkp-utility-spacer-v-126 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 126 */
    .mkp-utility-spacer-v-127 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 127 */
    .mkp-utility-spacer-v-128 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 128 */
    .mkp-utility-spacer-v-129 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 129 */
    .mkp-utility-spacer-v-130 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 130 */
    .mkp-utility-spacer-v-131 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 131 */
    .mkp-utility-spacer-v-132 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 132 */
    .mkp-utility-spacer-v-133 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 133 */
    .mkp-utility-spacer-v-134 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 134 */
    .mkp-utility-spacer-v-135 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 135 */
    .mkp-utility-spacer-v-136 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 136 */
    .mkp-utility-spacer-v-137 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 137 */
    .mkp-utility-spacer-v-138 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 138 */
    .mkp-utility-spacer-v-139 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 139 */
    .mkp-utility-spacer-v-140 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 140 */
    .mkp-utility-spacer-v-141 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 141 */
    .mkp-utility-spacer-v-142 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 142 */
    .mkp-utility-spacer-v-143 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 143 */
    .mkp-utility-spacer-v-144 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 144 */
    .mkp-utility-spacer-v-145 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 145 */
    .mkp-utility-spacer-v-146 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 146 */
    .mkp-utility-spacer-v-147 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 147 */
    .mkp-utility-spacer-v-148 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 148 */
    .mkp-utility-spacer-v-149 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 149 */
    .mkp-utility-spacer-v-150 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 150 */
    .mkp-utility-spacer-v-151 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 151 */
    .mkp-utility-spacer-v-152 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 152 */
    .mkp-utility-spacer-v-153 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 153 */
    .mkp-utility-spacer-v-154 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 154 */
    .mkp-utility-spacer-v-155 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 155 */
    .mkp-utility-spacer-v-156 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 156 */
    .mkp-utility-spacer-v-157 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 157 */
    .mkp-utility-spacer-v-158 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 158 */
    .mkp-utility-spacer-v-159 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 159 */
    .mkp-utility-spacer-v-160 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 160 */
    .mkp-utility-spacer-v-161 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 161 */
    .mkp-utility-spacer-v-162 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 162 */
    .mkp-utility-spacer-v-163 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 163 */
    .mkp-utility-spacer-v-164 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 164 */
    .mkp-utility-spacer-v-165 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 165 */
    .mkp-utility-spacer-v-166 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 166 */
    .mkp-utility-spacer-v-167 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 167 */
    .mkp-utility-spacer-v-168 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 168 */
    .mkp-utility-spacer-v-169 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 169 */
    .mkp-utility-spacer-v-170 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 170 */
    .mkp-utility-spacer-v-171 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 171 */
    .mkp-utility-spacer-v-172 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 172 */
    .mkp-utility-spacer-v-173 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 173 */
    .mkp-utility-spacer-v-174 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 174 */
    .mkp-utility-spacer-v-175 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 175 */
    .mkp-utility-spacer-v-176 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 176 */
    .mkp-utility-spacer-v-177 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 177 */
    .mkp-utility-spacer-v-178 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 178 */
    .mkp-utility-spacer-v-179 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 179 */
    .mkp-utility-spacer-v-180 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 180 */
    .mkp-utility-spacer-v-181 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 181 */
    .mkp-utility-spacer-v-182 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 182 */
    .mkp-utility-spacer-v-183 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 183 */
    .mkp-utility-spacer-v-184 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 184 */
    .mkp-utility-spacer-v-185 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 185 */
    .mkp-utility-spacer-v-186 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 186 */
    .mkp-utility-spacer-v-187 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 187 */
    .mkp-utility-spacer-v-188 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 188 */
    .mkp-utility-spacer-v-189 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 189 */
    .mkp-utility-spacer-v-190 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 190 */
    .mkp-utility-spacer-v-191 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 191 */
    .mkp-utility-spacer-v-192 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 192 */
    .mkp-utility-spacer-v-193 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 193 */
    .mkp-utility-spacer-v-194 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 194 */
    .mkp-utility-spacer-v-195 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 195 */
    .mkp-utility-spacer-v-196 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 196 */
    .mkp-utility-spacer-v-197 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 197 */
    .mkp-utility-spacer-v-198 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 198 */
    .mkp-utility-spacer-v-199 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 199 */
    .mkp-utility-spacer-v-200 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 200 */
    .mkp-utility-spacer-v-201 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 201 */
    .mkp-utility-spacer-v-202 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 202 */
    .mkp-utility-spacer-v-203 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 203 */
    .mkp-utility-spacer-v-204 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 204 */
    .mkp-utility-spacer-v-205 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 205 */
    .mkp-utility-spacer-v-206 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 206 */
    .mkp-utility-spacer-v-207 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 207 */
    .mkp-utility-spacer-v-208 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 208 */
    .mkp-utility-spacer-v-209 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 209 */
    .mkp-utility-spacer-v-210 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 210 */
    .mkp-utility-spacer-v-211 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 211 */
    .mkp-utility-spacer-v-212 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 212 */
    .mkp-utility-spacer-v-213 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 213 */
    .mkp-utility-spacer-v-214 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 214 */
    .mkp-utility-spacer-v-215 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 215 */
    .mkp-utility-spacer-v-216 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 216 */
    .mkp-utility-spacer-v-217 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 217 */
    .mkp-utility-spacer-v-218 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 218 */
    .mkp-utility-spacer-v-219 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 219 */
    .mkp-utility-spacer-v-220 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 220 */
    .mkp-utility-spacer-v-221 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 221 */
    .mkp-utility-spacer-v-222 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 222 */
    .mkp-utility-spacer-v-223 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 223 */
    .mkp-utility-spacer-v-224 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 224 */
    .mkp-utility-spacer-v-225 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 225 */
    .mkp-utility-spacer-v-226 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 226 */
    .mkp-utility-spacer-v-227 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 227 */
    .mkp-utility-spacer-v-228 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 228 */
    .mkp-utility-spacer-v-229 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 229 */
    .mkp-utility-spacer-v-230 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 230 */
    .mkp-utility-spacer-v-231 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 231 */
    .mkp-utility-spacer-v-232 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 232 */
    .mkp-utility-spacer-v-233 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 233 */
    .mkp-utility-spacer-v-234 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 234 */
    .mkp-utility-spacer-v-235 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 235 */
    .mkp-utility-spacer-v-236 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 236 */
    .mkp-utility-spacer-v-237 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 237 */
    .mkp-utility-spacer-v-238 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 238 */
    .mkp-utility-spacer-v-239 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 239 */
    .mkp-utility-spacer-v-240 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 240 */
    .mkp-utility-spacer-v-241 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 241 */
    .mkp-utility-spacer-v-242 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 242 */
    .mkp-utility-spacer-v-243 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 243 */
    .mkp-utility-spacer-v-244 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 244 */
    .mkp-utility-spacer-v-245 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 245 */
    .mkp-utility-spacer-v-246 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 246 */
    .mkp-utility-spacer-v-247 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 247 */
    .mkp-utility-spacer-v-248 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 248 */
    .mkp-utility-spacer-v-249 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 249 */
    .mkp-utility-spacer-v-250 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 250 */
    .mkp-utility-spacer-v-251 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 251 */
    .mkp-utility-spacer-v-252 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 252 */
    .mkp-utility-spacer-v-253 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 253 */
    .mkp-utility-spacer-v-254 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 254 */
    .mkp-utility-spacer-v-255 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 255 */
    .mkp-utility-spacer-v-256 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 256 */
    .mkp-utility-spacer-v-257 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 257 */
    .mkp-utility-spacer-v-258 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 258 */
    .mkp-utility-spacer-v-259 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 259 */
    .mkp-utility-spacer-v-260 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 260 */
    .mkp-utility-spacer-v-261 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 261 */
    .mkp-utility-spacer-v-262 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 262 */
    .mkp-utility-spacer-v-263 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 263 */
    .mkp-utility-spacer-v-264 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 264 */
    .mkp-utility-spacer-v-265 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 265 */
    .mkp-utility-spacer-v-266 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 266 */
    .mkp-utility-spacer-v-267 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 267 */
    .mkp-utility-spacer-v-268 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 268 */
    .mkp-utility-spacer-v-269 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 269 */
    .mkp-utility-spacer-v-270 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 270 */
    .mkp-utility-spacer-v-271 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 271 */
    .mkp-utility-spacer-v-272 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 272 */
    .mkp-utility-spacer-v-273 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 273 */
    .mkp-utility-spacer-v-274 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 274 */
    .mkp-utility-spacer-v-275 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 275 */
    .mkp-utility-spacer-v-276 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 276 */
    .mkp-utility-spacer-v-277 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 277 */
    .mkp-utility-spacer-v-278 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 278 */
    .mkp-utility-spacer-v-279 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 279 */
    .mkp-utility-spacer-v-280 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 280 */
    .mkp-utility-spacer-v-281 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 281 */
    .mkp-utility-spacer-v-282 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 282 */
    .mkp-utility-spacer-v-283 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 283 */
    .mkp-utility-spacer-v-284 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 284 */
    .mkp-utility-spacer-v-285 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 285 */
    .mkp-utility-spacer-v-286 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 286 */
    .mkp-utility-spacer-v-287 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 287 */
    .mkp-utility-spacer-v-288 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 288 */
    .mkp-utility-spacer-v-289 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 289 */
    .mkp-utility-spacer-v-290 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 290 */
    .mkp-utility-spacer-v-291 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 291 */
    .mkp-utility-spacer-v-292 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 292 */
    .mkp-utility-spacer-v-293 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 293 */
    .mkp-utility-spacer-v-294 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 294 */
    .mkp-utility-spacer-v-295 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 295 */
    .mkp-utility-spacer-v-296 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 296 */
    .mkp-utility-spacer-v-297 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 297 */
    .mkp-utility-spacer-v-298 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 298 */
    .mkp-utility-spacer-v-299 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 299 */
    .mkp-utility-spacer-v-300 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 300 */
    .mkp-utility-spacer-v-301 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 301 */
    .mkp-utility-spacer-v-302 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 302 */
    .mkp-utility-spacer-v-303 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 303 */
    .mkp-utility-spacer-v-304 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 304 */
    .mkp-utility-spacer-v-305 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 305 */
    .mkp-utility-spacer-v-306 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 306 */
    .mkp-utility-spacer-v-307 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 307 */
    .mkp-utility-spacer-v-308 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 308 */
    .mkp-utility-spacer-v-309 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 309 */
    .mkp-utility-spacer-v-310 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 310 */
    .mkp-utility-spacer-v-311 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 311 */
    .mkp-utility-spacer-v-312 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 312 */
    .mkp-utility-spacer-v-313 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 313 */
    .mkp-utility-spacer-v-314 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 314 */
    .mkp-utility-spacer-v-315 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 315 */
    .mkp-utility-spacer-v-316 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 316 */
    .mkp-utility-spacer-v-317 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 317 */
    .mkp-utility-spacer-v-318 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 318 */
    .mkp-utility-spacer-v-319 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 319 */
    .mkp-utility-spacer-v-320 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 320 */
    .mkp-utility-spacer-v-321 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 321 */
    .mkp-utility-spacer-v-322 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 322 */
    .mkp-utility-spacer-v-323 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 323 */
    .mkp-utility-spacer-v-324 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 324 */
    .mkp-utility-spacer-v-325 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 325 */
    .mkp-utility-spacer-v-326 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 326 */
    .mkp-utility-spacer-v-327 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 327 */
    .mkp-utility-spacer-v-328 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 328 */
    .mkp-utility-spacer-v-329 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 329 */
    .mkp-utility-spacer-v-330 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 330 */
    .mkp-utility-spacer-v-331 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 331 */
    .mkp-utility-spacer-v-332 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 332 */
    .mkp-utility-spacer-v-333 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 333 */
    .mkp-utility-spacer-v-334 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 334 */
    .mkp-utility-spacer-v-335 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 335 */
    .mkp-utility-spacer-v-336 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 336 */
    .mkp-utility-spacer-v-337 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 337 */
    .mkp-utility-spacer-v-338 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 338 */
    .mkp-utility-spacer-v-339 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 339 */
    .mkp-utility-spacer-v-340 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 340 */
    .mkp-utility-spacer-v-341 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 341 */
    .mkp-utility-spacer-v-342 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 342 */
    .mkp-utility-spacer-v-343 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 343 */
    .mkp-utility-spacer-v-344 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 344 */
    .mkp-utility-spacer-v-345 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 345 */
    .mkp-utility-spacer-v-346 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 346 */
    .mkp-utility-spacer-v-347 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 347 */
    .mkp-utility-spacer-v-348 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 348 */
    .mkp-utility-spacer-v-349 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 349 */
    .mkp-utility-spacer-v-350 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 350 */
    .mkp-utility-spacer-v-351 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 351 */
    .mkp-utility-spacer-v-352 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 352 */
    .mkp-utility-spacer-v-353 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 353 */
    .mkp-utility-spacer-v-354 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 354 */
    .mkp-utility-spacer-v-355 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 355 */
    .mkp-utility-spacer-v-356 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 356 */
    .mkp-utility-spacer-v-357 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 357 */
    .mkp-utility-spacer-v-358 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 358 */
    .mkp-utility-spacer-v-359 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 359 */
    .mkp-utility-spacer-v-360 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 360 */
    .mkp-utility-spacer-v-361 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 361 */
    .mkp-utility-spacer-v-362 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 362 */
    .mkp-utility-spacer-v-363 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 363 */
    .mkp-utility-spacer-v-364 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 364 */
    .mkp-utility-spacer-v-365 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 365 */
    .mkp-utility-spacer-v-366 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 366 */
    .mkp-utility-spacer-v-367 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 367 */
    .mkp-utility-spacer-v-368 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 368 */
    .mkp-utility-spacer-v-369 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 369 */
    .mkp-utility-spacer-v-370 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 370 */
    .mkp-utility-spacer-v-371 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 371 */
    .mkp-utility-spacer-v-372 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 372 */
    .mkp-utility-spacer-v-373 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 373 */
    .mkp-utility-spacer-v-374 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 374 */
    .mkp-utility-spacer-v-375 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 375 */
    .mkp-utility-spacer-v-376 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 376 */
    .mkp-utility-spacer-v-377 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 377 */
    .mkp-utility-spacer-v-378 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 378 */
    .mkp-utility-spacer-v-379 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 379 */
    .mkp-utility-spacer-v-380 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 380 */
    .mkp-utility-spacer-v-381 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 381 */
    .mkp-utility-spacer-v-382 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 382 */
    .mkp-utility-spacer-v-383 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 383 */
    .mkp-utility-spacer-v-384 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 384 */
    .mkp-utility-spacer-v-385 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 385 */
    .mkp-utility-spacer-v-386 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 386 */
    .mkp-utility-spacer-v-387 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 387 */
    .mkp-utility-spacer-v-388 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 388 */
    .mkp-utility-spacer-v-389 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 389 */
    .mkp-utility-spacer-v-390 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 390 */
    .mkp-utility-spacer-v-391 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 391 */
    .mkp-utility-spacer-v-392 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 392 */
    .mkp-utility-spacer-v-393 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 393 */
    .mkp-utility-spacer-v-394 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 394 */
    .mkp-utility-spacer-v-395 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 395 */
    .mkp-utility-spacer-v-396 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 396 */
    .mkp-utility-spacer-v-397 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 397 */
    .mkp-utility-spacer-v-398 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 398 */
    .mkp-utility-spacer-v-399 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 399 */
    .mkp-utility-spacer-v-400 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 400 */
    .mkp-utility-spacer-v-401 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 401 */
    .mkp-utility-spacer-v-402 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 402 */
    .mkp-utility-spacer-v-403 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 403 */
    .mkp-utility-spacer-v-404 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 404 */
    .mkp-utility-spacer-v-405 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 405 */
    .mkp-utility-spacer-v-406 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 406 */
    .mkp-utility-spacer-v-407 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 407 */
    .mkp-utility-spacer-v-408 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 408 */
    .mkp-utility-spacer-v-409 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 409 */
    .mkp-utility-spacer-v-410 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 410 */
    .mkp-utility-spacer-v-411 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 411 */
    .mkp-utility-spacer-v-412 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 412 */
    .mkp-utility-spacer-v-413 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 413 */
    .mkp-utility-spacer-v-414 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 414 */
    .mkp-utility-spacer-v-415 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 415 */
    .mkp-utility-spacer-v-416 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 416 */
    .mkp-utility-spacer-v-417 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 417 */
    .mkp-utility-spacer-v-418 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 418 */
    .mkp-utility-spacer-v-419 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 419 */
    .mkp-utility-spacer-v-420 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 420 */
    .mkp-utility-spacer-v-421 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 421 */
    .mkp-utility-spacer-v-422 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 422 */
    .mkp-utility-spacer-v-423 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 423 */
    .mkp-utility-spacer-v-424 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 424 */
    .mkp-utility-spacer-v-425 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 425 */
    .mkp-utility-spacer-v-426 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 426 */
    .mkp-utility-spacer-v-427 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 427 */
    .mkp-utility-spacer-v-428 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 428 */
    .mkp-utility-spacer-v-429 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 429 */
    .mkp-utility-spacer-v-430 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 430 */
    .mkp-utility-spacer-v-431 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 431 */
    .mkp-utility-spacer-v-432 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 432 */
    .mkp-utility-spacer-v-433 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 433 */
    .mkp-utility-spacer-v-434 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 434 */
    .mkp-utility-spacer-v-435 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 435 */
    .mkp-utility-spacer-v-436 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 436 */
    .mkp-utility-spacer-v-437 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 437 */
    .mkp-utility-spacer-v-438 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 438 */
    .mkp-utility-spacer-v-439 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 439 */
    .mkp-utility-spacer-v-440 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 440 */
    .mkp-utility-spacer-v-441 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 441 */
    .mkp-utility-spacer-v-442 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 442 */
    .mkp-utility-spacer-v-443 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 443 */
    .mkp-utility-spacer-v-444 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 444 */
    .mkp-utility-spacer-v-445 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 445 */
    .mkp-utility-spacer-v-446 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 446 */
    .mkp-utility-spacer-v-447 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 447 */
    .mkp-utility-spacer-v-448 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 448 */
    .mkp-utility-spacer-v-449 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 449 */
    .mkp-utility-spacer-v-450 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 450 */
    .mkp-utility-spacer-v-451 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 451 */
    .mkp-utility-spacer-v-452 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 452 */
    .mkp-utility-spacer-v-453 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 453 */
    .mkp-utility-spacer-v-454 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 454 */
    .mkp-utility-spacer-v-455 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 455 */
    .mkp-utility-spacer-v-456 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 456 */
    .mkp-utility-spacer-v-457 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 457 */
    .mkp-utility-spacer-v-458 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 458 */
    .mkp-utility-spacer-v-459 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 459 */
    .mkp-utility-spacer-v-460 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 460 */
    .mkp-utility-spacer-v-461 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 461 */
    .mkp-utility-spacer-v-462 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 462 */
    .mkp-utility-spacer-v-463 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 463 */
    .mkp-utility-spacer-v-464 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 464 */
    .mkp-utility-spacer-v-465 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 465 */
    .mkp-utility-spacer-v-466 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 466 */
    .mkp-utility-spacer-v-467 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 467 */
    .mkp-utility-spacer-v-468 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 468 */
    .mkp-utility-spacer-v-469 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 469 */
    .mkp-utility-spacer-v-470 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 470 */
    .mkp-utility-spacer-v-471 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 471 */
    .mkp-utility-spacer-v-472 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 472 */
    .mkp-utility-spacer-v-473 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 473 */
    .mkp-utility-spacer-v-474 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 474 */
    .mkp-utility-spacer-v-475 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 475 */
    .mkp-utility-spacer-v-476 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 476 */
    .mkp-utility-spacer-v-477 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 477 */
    .mkp-utility-spacer-v-478 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 478 */
    .mkp-utility-spacer-v-479 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 479 */
    .mkp-utility-spacer-v-480 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 480 */
    .mkp-utility-spacer-v-481 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 481 */
    .mkp-utility-spacer-v-482 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 482 */
    .mkp-utility-spacer-v-483 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 483 */
    .mkp-utility-spacer-v-484 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 484 */
    .mkp-utility-spacer-v-485 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 485 */
    .mkp-utility-spacer-v-486 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 486 */
    .mkp-utility-spacer-v-487 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 487 */
    .mkp-utility-spacer-v-488 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 488 */
    .mkp-utility-spacer-v-489 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 489 */
    .mkp-utility-spacer-v-490 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 490 */
    .mkp-utility-spacer-v-491 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 491 */
    .mkp-utility-spacer-v-492 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 492 */
    .mkp-utility-spacer-v-493 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 493 */
    .mkp-utility-spacer-v-494 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 494 */
    .mkp-utility-spacer-v-495 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 495 */
    .mkp-utility-spacer-v-496 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 496 */
    .mkp-utility-spacer-v-497 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 497 */
    .mkp-utility-spacer-v-498 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 498 */
    .mkp-utility-spacer-v-499 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 499 */
    .mkp-utility-spacer-v-500 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 500 */
    .mkp-utility-spacer-v-501 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 501 */
    .mkp-utility-spacer-v-502 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 502 */
    .mkp-utility-spacer-v-503 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 503 */
    .mkp-utility-spacer-v-504 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 504 */
    .mkp-utility-spacer-v-505 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 505 */
    .mkp-utility-spacer-v-506 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 506 */
    .mkp-utility-spacer-v-507 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 507 */
    .mkp-utility-spacer-v-508 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 508 */
    .mkp-utility-spacer-v-509 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 509 */
    .mkp-utility-spacer-v-510 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 510 */
    .mkp-utility-spacer-v-511 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 511 */
    .mkp-utility-spacer-v-512 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 512 */
    .mkp-utility-spacer-v-513 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 513 */
    .mkp-utility-spacer-v-514 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 514 */
    .mkp-utility-spacer-v-515 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 515 */
    .mkp-utility-spacer-v-516 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 516 */
    .mkp-utility-spacer-v-517 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 517 */
    .mkp-utility-spacer-v-518 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 518 */
    .mkp-utility-spacer-v-519 {
      content: 'spacer';
      margin-bottom: 0px;
    }

    /* CSS layout filler spacer line 519 */

    /* Dynamic Floating Mesh Orbs Background Animation */
    .bg-mesh-container {
      position: fixed;
      inset: 0;
      z-index: -2;
      overflow: hidden;
      pointer-events: none;
      opacity: 0.8;
      transition: opacity 0.5s ease;
    }

    [data-theme="dark"] .bg-mesh-container {
      opacity: 0.5;
    }

    .bg-orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(120px);
      mix-blend-mode: multiply;
      opacity: 0.15;
      animation: floatOrb 25s infinite alternate ease-in-out;
      transition: background-color 0.5s ease;
    }

    [data-theme="dark"] .bg-orb {
      mix-blend-mode: screen;
      opacity: 0.25;
    }

    .orb-1 {
      width: 500px;
      height: 500px;
      top: -150px;
      left: -100px;
      background: var(--primary-glow, #3b82f6);
      animation-duration: 28s;
    }

    .orb-2 {
      width: 600px;
      height: 600px;
      bottom: -180px;
      right: -100px;
      background: var(--secondary-glow, #10b981);
      animation-duration: 32s;
      animation-delay: -5s;
    }

    .orb-3 {
      width: 400px;
      height: 400px;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: var(--tertiary-glow, #8b5cf6);
      animation-duration: 24s;
      animation-delay: -10s;
    }

    @keyframes floatOrb {
      0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
      }
      33% {
        transform: translate(80px, -50px) scale(1.15) rotate(120deg);
      }
      66% {
        transform: translate(-50px, 80px) scale(0.9) rotate(240deg);
      }
      100% {
        transform: translate(0, 0) scale(1) rotate(360deg);
      }
    }

    /* Custom CSS variables for theme-adaptive mesh colors */
    :root {
      --primary-glow: rgba(29, 78, 216, 0.25); /* Blue */
      --secondary-glow: rgba(74, 124, 89, 0.25); /* Sage */
      --tertiary-glow: rgba(162, 28, 175, 0.15); /* Purple */
    }

    [data-theme="dark"] {
      --primary-glow: rgba(95, 168, 122, 0.2); /* Sage green glow */
      --secondary-glow: rgba(14, 165, 233, 0.15); /* Sky blue glow */
      --tertiary-glow: rgba(139, 92, 246, 0.15); /* Violet glow */
    }