
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/space-grotesk-500.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/space-grotesk-600.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/space-grotesk-700.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-500.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/ibm-plex-sans-600.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/ibm-plex-mono-500.woff2") format("woff2")}




/* 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:1020px){.dc-desktop{display:none!important}}
@media (min-width:1021px){.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}
@media (max-width:1020px){.dc-r-navStyle{display:none!important}}
@media (max-width:1020px){.dc-r-burgerStyle{display:inline-flex!important}}
@media (max-width:1020px){.dc-r-stripRight{display:none!important}}

/* Guide body: the tokens of the design's own guide page (When to Go to the ER). */
.ih-article{font-size:16.5px;line-height:1.75;color:#3d5560;font-family:'IBM Plex Sans',system-ui,sans-serif}
.ih-article>*:first-child{margin-top:0}
.ih-article>p:first-of-type{font-size:20px;line-height:1.6;color:#16232c;font-weight:500}
.ih-article h2{margin:40px 0 16px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(24px,3vw,32px);letter-spacing:-0.01em;color:#0A406B;line-height:1.15}
.ih-article h3{margin:28px 0 10px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:20px;color:#0A406B;line-height:1.3}
.ih-article p{margin:0 0 16px}
.ih-article strong{color:#16232c}
.ih-article a{color:#007285;font-weight:500}
.ih-article ul,.ih-article ol{margin:0 0 18px;padding-left:24px}
.ih-article li{margin:0 0 8px}
.ih-article blockquote{margin:0 0 24px;padding:18px 22px;background:#eef8fb;border:1px solid #b5dbe6;border-left:5px solid #00ACC8;border-radius:12px}
.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:15px;line-height:1.55}
.ih-article th,.ih-article td{text-align:left;padding:10px 12px;border-bottom:1px solid #dfe9ee;vertical-align:top}
.ih-article th{font-weight:600;color:#0A406B}
.ih-article img{max-width:100%;height:auto;border-radius:12px}
.ih-article hr{border:0;border-top:1px solid #dfe9ee;margin:32px 0}
/* Privacy Policy page (Isaac's document, 2026-09-17): its summary box, contents list and fill-ins in this site's tokens */
.ih-article>p.policy-meta,.ih-article .policy-meta{font-size:14px;line-height:1.5;font-weight:400;color:#5f7784;margin:0 0 10px}
.ih-article .policy-emergency{background:#eef8fb;border-left:4px solid #00ACC8;padding:12px 16px;border-radius:0 12px 12px 0;margin:0 0 28px}
.ih-article .short-version{border-left:4px solid #00ACC8;background:#eef8fb;padding:18px 22px;margin:0 0 32px;border-radius:0 12px 12px 0}
.ih-article .short-version h2,.ih-article nav.toc h2{font-size:17px;margin:0 0 10px}
.ih-article .short-version ul{margin:0}
.ih-article nav.toc{border:1px solid #dfe9ee;padding:18px 22px;margin:0 0 36px;border-radius:12px}
.ih-article nav.toc ol{columns:2;column-gap:32px;margin:0;padding-left:22px}
.ih-article nav.toc li{break-inside:avoid;margin:4px 0}
.ih-article nav.toc a{text-decoration:none}
.ih-article section{margin:0 0 34px}
.ih-article .fill-in{background:#fff3c4;padding:0 .3em}
.ih-article address{font-style:normal;line-height:1.75}
@media (max-width:600px){.ih-article nav.toc ol{columns:1}}



/* hover/focus states: the prototype's style-hover / style-focus attributes, one rule per distinct state */
.dc-h-08173a:hover{color: #ffffff !important}
.dc-h-812553:hover{color: #7fd6e8 !important}
.dc-h-ec1939:hover{color: #007285 !important}
.dc-h-94de5d:hover{background: #083253 !important}
.dc-h-7e63dc:hover{background: #e6f6fa !important}
.dc-h-1452ba:hover{transform: translateY(-3px) !important;box-shadow: 0 10px 24px rgba(10,64,107,.10) !important}
.dc-h-e92b60:hover{transform: translateY(-3px) !important;box-shadow: 0 10px 24px rgba(10,64,107,.10) !important;border-color: #b5dbe6 !important}
.dc-h-e4e8f1:hover{color: #00566b !important}
.dc-h-4207ea:hover{background: rgba(255,255,255,.09) !important;border-color: rgba(127,214,232,.5) !important;transform: translateY(-3px) !important}
.dc-h-e1b667:hover{background: #d7ecf3 !important}
.dc-h-1fc5a0:hover{border-color: #7fd6e8 !important;color: #7fd6e8 !important}
.dc-h-c5e488:hover{border-color: #b5dbe6 !important;background: #e6f6fa !important}
