
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../assets/fonts/manrope-v20-latin-variable.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("../assets/fonts/source-sans-3-v19-latin-variable.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:200 900;font-display:swap;src:url("../assets/fonts/source-sans-3-v19-latin-italic-variable.woff2") format("woff2")}


    body { margin: 0; text-wrap: pretty; }
    a { color: #a31a27; }
    a:hover { color: #be1e2d; }
    ::selection { background: #f6d5d9; }
  

    body { margin: 0; text-wrap: pretty; }
    a { color: #a31a27; }
    a:hover { color: #be1e2d; }
    ::selection { background: #f6d5d9; }
  

/* Replaces the design tool's matchMedia state with CSS. Breakpoints are the prototype's own. */
:root{--ih-popup-bottom:20px}
.dc-if{display:contents}
@media (max-width:979px){.dc-desktop{display:none!important}}
@media (min-width:980px){.dc-mobile{display:none!important}}
.dc-drawer{display:none!important}
html.ih-nav-open .dc-drawer{display:contents!important}
html.ih-nav-open .dc-drawer-closed{display:none!important}
@media (min-width:720px){.dc-callbar{display:none!important}}
@media (max-width:719px){:root{--ih-popup-bottom:92px}}
.dc-popup{display:none!important}
html.ih-bill-open .dc-popup{display:contents!important}
.dc-sent{display:none!important}
.ih-contact-sent .dc-sent{display:contents!important}
.ih-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ih-if[hidden]{display:none!important}


/* Article body: the tokens of the design's own article page (MGPP Article). */
.ih-article{font-size:17px;line-height:29px;color:#4c4a48}
.ih-article>*:first-child{margin-top:0}
.ih-article>p:first-of-type{font-size:18px;line-height:30px}
.ih-article h2{margin:34px 0 18px;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(23px,2.8vw,28px);line-height:1.2;color:#2b2a29}
.ih-article h3{margin:28px 0 12px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;line-height:1.3;color:#2b2a29}
.ih-article p{margin:0 0 16px}
.ih-article strong{color:#2b2a29}
.ih-article a{color:#a31a27;font-weight:600}
.ih-article ul,.ih-article ol{margin:0 0 18px;padding-left:26px}
.ih-article li{margin:0 0 8px}
.ih-article blockquote{margin:0 0 32px;padding:18px 24px;border-left:4px solid #be1e2d;background:#fbeaec;border-radius:0 16px 16px 0;font-size:16px;line-height:27px}
.ih-article blockquote p{margin:0}
.ih-article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 24px;font-size:15.5px;line-height:1.55}
.ih-article th,.ih-article td{text-align:left;padding:10px 12px;border-bottom:1px solid #efeae8;vertical-align:top}
.ih-article th{font-weight:700;color:#871521}
.ih-article img{max-width:100%;height:auto;border-radius:16px}
.ih-article hr{border:0;border-top:1px solid #efeae8;margin:32px 0}



/* hover/focus states: the prototype's style-hover / style-focus attributes, one rule per distinct state */
.dc-h-6ef838:hover{color: #be1e2d !important}
.dc-h-5bb3e4:hover{border-color: #be1e2d !important;color: #be1e2d !important}
.dc-h-de06b7:hover{background: #a31a27 !important}
.dc-h-19c77a:hover{transform: translateY(-4px) !important;box-shadow: 0 16px 34px rgba(32,30,29,0.13) !important}
.dc-h-3cdcbe:hover{transform: translateY(-4px) !important;box-shadow: 0 16px 34px rgba(32,30,29,0.13) !important;border-color: #be1e2d !important}
.dc-h-09e6a8:hover{transform: translateY(-4px) !important;box-shadow: 0 18px 40px rgba(0,0,0,0.35) !important}
.dc-h-4976e5:hover{background: #f6d5d9 !important}
.dc-h-085b59:hover{color: #f6d5d9 !important}
.dc-f-8755f8:focus{border-color: #be1e2d !important}
