.example-page{max-width:1440px;margin:auto;padding:16px}.example-navigation{flex-wrap:wrap;gap:16px;padding:12px 0;font:16px/1.5 system-ui,sans-serif;display:flex}.example-host{color:#193b63;background:#eef5ff;border:2px solid #193b63;border-radius:8px;min-width:0;padding:16px;font:16px/1.6 Georgia,serif}:where(.example-host) header{border-bottom:2px dotted #193b63;padding:7px;display:block}:where(.example-host) h2{letter-spacing:1px;margin:9px 0 11px;font:700 25px/1.4 Georgia,serif}:where(.example-host) p{margin:5px 0 13px;font-size:16px}:where(.example-host) details{border-top:3px dotted #193b63;padding:6px}:where(.example-host) summary{cursor:pointer;font-size:16px;font-weight:700}:where(.example-host) nav,:where(.example-host) form{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}:where(.example-host) label{gap:4px;display:grid}:where(.example-host) input,:where(.example-host) select,:where(.example-host) button{color:#193b63;box-sizing:border-box;background:#fff;border:1px solid #193b63;border-radius:4px;max-width:100%;padding:8px;font:16px/1.4 system-ui,sans-serif}:where(.example-host) button{cursor:pointer}:where(.example-host) button:disabled{opacity:.6;cursor:default}:where(.example-host) :focus-visible{outline-offset:3px;outline:3px solid #b84418}:where(.example-host) dt{font-weight:700}:where(.example-host) dd{overflow-wrap:anywhere;margin:0 0 8px}