@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.72; }#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:62px 0 46px; 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:.25; }#custom-page .hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg, rgba(11,94,92,.96), rgba(11,94,92,.78), rgba(230,126,34,.34)); }#custom-page .hero .container{ position:relative; z-index:1; }#custom-page .breadcrumb{ display:inline-flex; margin-bottom:18px; color:#ffe1b8; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }#custom-page h1{ max-width:920px; font-size:clamp(2.35rem,5vw,4.8rem); line-height:.98; letter-spacing:-.06em; }#custom-page .subtitle{ max-width:760px; margin-top:18px; color:rgba(255,255,255,.88); font-size:1.15rem; }#custom-page .article-wrap{ display:grid; grid-template-columns:minmax(0, 1fr) 320px; gap:42px; align-items:start; padding:48px 0 72px; }#custom-page article{ background:white; border:1px solid var(--gray-200); border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); padding:42px; }#custom-page article h2{ margin:36px 0 12px; color:#102b28; font-size:clamp(1.45rem,3vw,2.05rem); line-height:1.15; letter-spacing:-.035em; }#custom-page article h2:first-child{ margin-top:0; }#custom-page article p{ margin:0 0 18px; color:var(--gray-700); }#custom-page .article-image{ width:100%; border-radius:24px; box-shadow:var(--shadow-md); border:1px solid var(--gray-200); margin:0 0 30px; }#custom-page .article-image.inline{ margin:28px 0 30px; }#custom-page .caption{ margin:-18px 0 30px; color:var(--gray-500); font-size:.88rem; font-style:italic; }#custom-page article strong{ color:#102b28; font-weight:820; }#custom-page article em{ color:#253f3d; }#custom-page article ul{ margin:0 0 24px 22px; color:var(--gray-700); }#custom-page article li{ margin-bottom:11px; }#custom-page .rule{ height:1px; background:var(--gray-200); margin:32px 0; }#custom-page .side{ position:sticky; top:92px; display:grid; gap:16px; }#custom-page .cta-card,#custom-page .toc-card{ background:white; border:1px solid var(--gray-200); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); padding:22px; }#custom-page .cta-card{ background:linear-gradient(145deg, #0b5e5c, #17423f); color:white; }#custom-page .cta-card h3{ font-size:1.35rem; line-height:1.12; margin-bottom:10px; }#custom-page .cta-card p{ color:rgba(255,255,255,.82); font-size:.94rem; margin-bottom:16px; }#custom-page .btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:999px; background:#ffffff; color:var(--brand-deep); font-weight:850; }#custom-page .toc-card h3{ color:#102b28; font-size:1rem; margin-bottom:12px; }#custom-page .toc-card a{ display:block; padding:8px 0; color:var(--gray-700); font-size:.92rem; border-bottom:1px solid var(--gray-100); }#custom-page .toc-card a:hover{ color:var(--brand-deep); }#custom-page .inline-cta{ margin:34px 0; padding:24px; border-radius:var(--radius-lg); background:linear-gradient(125deg, rgba(11,94,92,.07), rgba(230,126,34,.09)); border:1px solid rgba(31,138,130,.18); }#custom-page .inline-cta h3{ color:#102b28; font-size:1.35rem; line-height:1.15; margin-bottom:8px; }#custom-page .inline-cta p{ margin-bottom:16px; }#custom-page .inline-cta a{ display:inline-flex; align-items:center; min-height:42px; padding:0 16px; border-radius:999px; background:var(--brand-deep); color:white; font-weight:800; }#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 .article-wrap{ grid-template-columns:1fr; gap:24px; }#custom-page .side{ position:static; order:-1; }#custom-page article{ padding:28px; }#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; } }