@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Instrument+Serif:ital@0;1&display=swap');
    *{ box-sizing: border-box; margin: 0; padding: 0; }#custom-page{
      --brand-deep: #0b5e5c;
      --brand-mid: #1f8a82;
      --accent-gold: #e67e22;
      --gray-50: #f9fafb;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-500: #6b7280;
      --gray-700: #374151;
      --gray-900: #111827;
      --shadow-sm: 0 8px 20px rgba(0,0,0,.03), 0 2px 6px rgba(0,0,0,.05);
      --shadow-md: 0 20px 35px -12px rgba(0,0,0,.08);
      --radius-xl: 28px;
      --radius-lg: 20px;
    }#custom-page{ background: #fbfdfc; color: #0a1e2f; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; line-height: 1.6; }#custom-page a{ color: inherit; text-decoration: none; }#custom-page img{ display: block; max-width: 100%; }#custom-page .container{ max-width: 1160px; margin: 0 auto; padding: 0 28px; }#custom-page header{ position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(0,0,0,.05); backdrop-filter: blur(14px); }#custom-page .nav{ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 0; }#custom-page .brand{ display: flex; align-items: center; gap: 12px; font-weight: 800; color: var(--brand-deep); }#custom-page .brand img{ width: auto; height: 52px; }#custom-page .nav-links{ display: flex; align-items: center; gap: 16px; color: var(--gray-700); font-size: .86rem; font-weight: 650; }#custom-page .nav-links a{ border-bottom: 2px solid transparent; padding: 6px 0; }#custom-page .nav-links a:hover,#custom-page .nav-links a.active{ color: var(--brand-deep); border-bottom-color: var(--accent-gold); }#custom-page .hero{ position: relative; overflow: hidden; padding: 66px 0 50px; background: #102b28; color: white; }#custom-page .hero::before{ content: ""; position: absolute; inset: 0; background-image: url('/topbanner.png'); background-position: center; background-size: cover; opacity: .28; filter: saturate(.9); }#custom-page .hero::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(11,94,92,.94), rgba(11,94,92,.72), rgba(230,126,34,.36)); }#custom-page .hero .container{ position: relative; z-index: 1; }#custom-page .eyebrow{ display: inline-flex; margin-bottom: 14px; color: #ffd9a7; font-size: .75rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }#custom-page h1{ max-width: 820px; font-size: clamp(2.25rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.055em; }#custom-page .hero p{ max-width: 690px; margin-top: 18px; color: rgba(255,255,255,.86); font-size: 1.05rem; }#custom-page .migration-content{ padding: 46px 0 70px; }#custom-page .post-card{ display: grid; grid-template-columns: 250px minmax(0, 1fr) auto; gap: 26px; align-items: center; background: white; border: 1px solid var(--gray-200); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); padding: 30px; transition: all .22s ease; }#custom-page .post-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(31,138,130,.28); }#custom-page .post-meta{ display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 12px; color: var(--gray-500); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }#custom-page .tag{ color: var(--accent-gold); }#custom-page .post-image{ width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; box-shadow: var(--shadow-sm); }#custom-page .post-card h2{ color: #102b28; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.06; letter-spacing: -.04em; margin-bottom: 12px; }#custom-page .post-card p{ color: var(--gray-700); max-width: 760px; }#custom-page .read-btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border-radius: 999px; background: var(--brand-deep); color: white; font-weight: 800; white-space: nowrap; }#custom-page .read-btn:hover{ background: #084e4c; }#custom-page footer{ background: #ffffff; border-top: 1px solid var(--gray-200); padding: 22px 0; }#custom-page .footer-flex{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; color: var(--gray-500); font-size: .82rem; }#custom-page .footer-links{ display: flex; flex-wrap: wrap; gap: 22px; font-weight: 600; }#custom-page .footer-links a:hover{ color: var(--brand-deep); }@media (max-width: 900px){#custom-page .post-card{ grid-template-columns: 180px minmax(0, 1fr); }#custom-page .read-btn{ grid-column: 1 / -1; } }@media (max-width: 780px){#custom-page .brand span{ display: none; }#custom-page .nav{ align-items: flex-start; flex-direction: column; gap: 8px; }#custom-page .nav-links{ width: 100%; gap: 14px; overflow-x: auto; padding-bottom: 2px; font-size: .78rem; }#custom-page .hero{ padding: 46px 0 38px; }#custom-page .post-card{ grid-template-columns: 1fr; padding: 24px; }#custom-page .post-image{ aspect-ratio: 4 / 3; }#custom-page .read-btn{ width: 100%; grid-column: auto; } }