/* EMEM poster pages: one shared stylesheet. IBM Plex (SIL OFL 1.1, see fonts/OFL.txt), subset to the glyphs these pages use. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/IBMPlexSans-Regular.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/IBMPlexSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/IBMPlexSans-Bold.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/IBMPlexMono-Regular.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/IBMPlexMono-SemiBold.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/IBMPlexMono-Bold.woff2) format("woff2")}

:root{color-scheme:light dark;
 --ink:#16181b;--ink2:#3b3f45;--mute:#62666d;--rule:#d9d8d2;--paper:#faf9f6;--card:#ffffff;--code:#f1f0ec;
 --blue:#0F5FA8;--blue-bg:#e6eef7;--red:#B83C14;--red-bg:#fbe9e3;--amber:#E8A317;--amber-ink:#7a5200;--amber-bg:#fdf3dc;--grey:#9C9A92;
 --a:#7A5230;--b:#3D5566;--mark:#000;
 --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{
 --ink:#ecebe6;--ink2:#c9c8c2;--mute:#a3a39d;--rule:#34363a;--paper:#121315;--card:#1b1d20;--code:#22252a;
 --blue:#6aa6e8;--blue-bg:#16263a;--red:#f08a64;--red-bg:#3a1d14;--amber:#f0b73d;--amber-ink:#f0b73d;--amber-bg:#3a2e12;--a:#c99a6c;--b:#7d98ab;--mark:#fff}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-wrap:break-word}
main{max-width:760px;margin:0 auto;padding:16px 16px 48px}
nav.top{font:600 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 6px;display:flex;gap:8px;flex-wrap:wrap}
nav.top a{color:var(--mute);text-decoration:none}nav.top a:hover{color:var(--blue)}
h1{font-size:28px;line-height:1.15;margin:4px 0 12px;letter-spacing:-.01em}
h2{font-size:19px;line-height:1.25;margin:30px 0 8px}
h3{font-size:16px;line-height:1.3;margin:18px 0 6px}
p{margin:0 0 10px}ul,ol{padding-left:22px;margin:0 0 10px}li{margin:4px 0}
.lead{color:var(--ink2)}
a{color:var(--blue);text-underline-offset:2px}
code,pre,kbd{font-family:var(--mono);font-size:13px;overflow-wrap:anywhere;word-break:break-word}
code{background:var(--code);border-radius:4px;padding:0 3px}
pre{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:10px;overflow-x:auto;white-space:pre-wrap;margin:6px 0 12px}
pre code{background:none;padding:0}
.muted,.note{color:var(--mute);font-size:14px}
.cta{display:block;border:1.5px solid var(--ink);border-radius:10px;padding:12px 14px;margin:10px 0;text-decoration:none;color:var(--ink);background:var(--card)}
.cta b{display:block;font:700 15px/1.3 var(--mono);letter-spacing:.04em}
.cta span{display:block;font-size:14.5px;color:var(--ink2);margin-top:2px}
.cta:hover,.cta:focus-visible{border-color:var(--blue)}
.cta.hero{border-width:2.5px;border-color:var(--blue)}
.tw{width:100%;overflow-x:auto;margin:6px 0 14px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border-top:1px solid var(--rule);padding:6px 6px;vertical-align:top;text-align:left}
thead th{border-top:none;border-bottom:1.5px solid var(--ink2);color:var(--ink2);font-weight:600}
tbody th{color:var(--ink2);font-weight:600}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kv th{width:36%}
.chip{display:inline-block;font:700 11px/1 var(--mono);padding:3px 5px;border-radius:4px;border:1.5px solid currentColor;white-space:nowrap;vertical-align:1px}
.LIVE{color:var(--blue)}.PROTOCOL{color:var(--ink2)}.REGISTRY{color:var(--mute)}.EXAMPLE{color:var(--amber-ink)}.EXPERIMENTAL{color:var(--red)}.NOTFOUND{color:var(--red)}.ROADMAP{color:var(--mute)}
.yes{color:var(--blue);font-weight:600}.no{color:var(--red);font-weight:600}.part{color:var(--amber-ink);font-weight:600}
.slot{border:2px dashed var(--amber);background:var(--amber-bg);border-radius:10px;padding:10px 12px;margin:12px 0}
.slot b{font-family:var(--mono);letter-spacing:.04em}
.box{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:12px;margin:12px 0}
.ok{color:var(--blue)}.bad{color:var(--red)}
.mark{display:inline-block;width:14px;height:14px;vertical-align:-2px;fill:var(--mark);margin-right:4px}
footer{margin-top:32px;border-top:1px solid var(--rule);padding-top:12px;font-size:13.5px;color:var(--ink2)}
footer a{color:var(--blue)}
@media (min-width:640px){h1{font-size:34px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
td{overflow-wrap:anywhere;word-break:break-word}
table.kv{table-layout:fixed}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.wide{min-width:600px;font-size:13.5px}
table.wide tbody th{min-width:120px}
.tw{-webkit-overflow-scrolling:touch}
@media (max-width:640px){.tw:has(table.wide)::after{content:"scroll the table sideways";display:block;font-size:12px;color:var(--mute);margin-top:2px}}