@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 100;

    font-display: swap;

    src: url("../fonts/Inter-Thin-49fcbbaa3ba29923dcc0ac93b72a30ea.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 100;

    font-display: swap;

    src: url("../fonts/Inter-ThinItalic-979353336a508d3fa677f0d4af7bdaa8.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 200;

    font-display: swap;

    src: url("../fonts/Inter-ExtraLight-24247cde1cce3487a553aaa4e4a482dd.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 200;

    font-display: swap;

    src: url("../fonts/Inter-ExtraLightItalic-d1b73c454b34e2e74f44e3450d40de50.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 300;

    font-display: swap;

    src: url("../fonts/Inter-Light-029ad5277953014861e9446057e7fd44.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 300;

    font-display: swap;

    src: url("../fonts/Inter-LightItalic-782efe42b66b5e51e5aa733b3b88d082.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 400;

    font-display: swap;

    src: url("../fonts/Inter-Regular-b31f0d5e02d88407a7e3d89303d5e372.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 400;

    font-display: swap;

    src: url("../fonts/Inter-Italic-528f48ba2011c0c1a65fe4f5f7446cbc.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 500;

    font-display: swap;

    src: url("../fonts/Inter-Medium-da2c71ae5b781cc5af9e59d7979c858b.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 500;

    font-display: swap;

    src: url("../fonts/Inter-MediumItalic-1bdc4973966e679a88e7e222d5010035.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 600;

    font-display: swap;

    src: url("../fonts/Inter-SemiBold-6de7f2998449e144f169c0a30d06116d.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 600;

    font-display: swap;

    src: url("../fonts/Inter-SemiBoldItalic-ed5e92f9f0963bf8cb0a363c95b0d851.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 700;

    font-display: swap;

    src: url("../fonts/Inter-Bold-0e03fbf484f1c10472a0c88be22d8d62.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 700;

    font-display: swap;

    src: url("../fonts/Inter-BoldItalic-77d3368fb192826638dd2b268d833f46.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 800;

    font-display: swap;

    src: url("../fonts/Inter-ExtraBold-71a9c8fd0358cfbc00e1318e6ee8922e.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 800;

    font-display: swap;

    src: url("../fonts/Inter-ExtraBoldItalic-a5b493f435a8931088897b309310ed57.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: normal;

    font-weight: 900;

    font-display: swap;

    src: url("../fonts/Inter-Black-0b645a1b060987cc3734fa4ceb908aae.woff2") format("woff2")
}

@font-face{
    font-family: 'Inter';

    font-style: italic;

    font-weight: 900;

    font-display: swap;

    src: url("../fonts/Inter-BlackItalic-c23db184bebaf99fa2923bff4ef39d00.woff2") format("woff2")
}

:root {
    /* 1. Application UI Font (Clean, uniform) */
    --font-ui: 'Inter', system-ui, -apple-system, sans-serif;

    /* 2. User Content Font (Maximum compatibility) */
    --font-multilingual:
            system-ui,
            -apple-system, BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            "Helvetica Neue", Arial, Tahoma,
            "Leelawadee UI", "Leelawadee",
            "Nirmala UI", "Mangal", "Latha", "Vrinda",
            "Yu Gothic UI", "Meiryo UI",
            "Malgun Gothic",
            "Microsoft YaHei New", "Microsoft YaHei",
            "Microsoft JhengHei",
            "Noto Sans",
            "Noto Sans Thai", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali",
            "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR",
            "Liberation Sans", "DejaVu Sans", "FreeSans",
            "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji",
            sans-serif;
}

/* Apply Inter globally to the app shell */
body {
    font-family: var(--font-ui);
    -webkit-font-smoothing: antialiased;
}

.content-multilingual {
    font-family: var(--font-multilingual);
    -webkit-font-smoothing: antialiased;
}

/* Manrope — used for headings on the new homepage */
@font-face{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/Manrope-SemiBold-28013693874cf848d7b61cce491c2e85.woff2") format("woff2")
}

@font-face{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Manrope-Bold-50b7816a7d58c1735602c38bcc5f4125.woff2") format("woff2")
}

@font-face{
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/Manrope-ExtraBold-c2d914d38a7dadc79dc2b6a624f5906a.woff2") format("woff2")
}

/* Instrument Serif — used for the hero italic accent and quote callouts on the new homepage */
@font-face{
    font-family: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/InstrumentSerif-Regular-09bff920437d1976d730748c6418ac58.woff2") format("woff2")
}

@font-face{
    font-family: 'Instrument Serif';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/InstrumentSerif-Italic-39d57e0e71f1a158f18511d3073fb1f9.woff2") format("woff2")
}

/* Shantell Sans — used for inline SVG mind map diagrams in blog posts */
@font-face{
    font-family: 'Shantell Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ShantellSans-Regular-b3b561279135b34d487cb545f29b6cff.woff2") format("woff2")
}

@font-face{
    font-family: 'Shantell Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/ShantellSans-Bold-ea47a554be67188a850a57e98b00ea67.woff2") format("woff2")
}