/* Authored documentation content. Shared shell/tokens live in public.css,
 * generated from src/xhost_common/templates/_public_design.css. */
.docs-site .article h1{font-size:38px;font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0 0 14px}
.docs-site .article .lead{font-size:16px;line-height:1.75;margin:14px 0 24px}
.article h4{font-size:15px;margin:24px 0 10px;font-weight:500}
.article blockquote,.note{padding:14px 16px;margin:21px 0;border:1px solid #dce5f3;border-radius:5px;background:#f8faff;color:#424e60}
.article blockquote p,.article .note p{font-size:13px;margin:0}
.article strong{font-weight:600}
.article pre{padding:16px 18px;background:#fafbfc;color:#303b4e;border:1px solid #e5e7eb;border-radius:5px;max-width:100%}
.article .codebox pre{border:0;border-radius:0}
.article .code-block{margin:16px 0;border:1px solid #e5e7eb;border-radius:5px;overflow:hidden}
.article .code-block.codebox{margin:16px 0}
.code-header{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
.step{margin:28px 0}
.step-header{display:flex;align-items:center;gap:12px}
.step-number{display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:50%;width:27px;height:27px;font-size:12px;color:#555963;flex-shrink:0}
.article .step h3{margin:0;font-size:21px;font-weight:500}
.endpoint{padding:20px 0;border-bottom:1px solid #e5e7eb}
.endpoint-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.endpoint-path{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;overflow-wrap:anywhere}
.endpoint-auth,.optional{font-size:12px;color:#555963}
.method-badge{border:1px solid #d4e2ff;background:#f1f6ff;color:#005cff;border-radius:3px;padding:2px 6px;font-size:11px}
.method-badge.post{color:#008a20;border-color:#c5e5cc;background:#f2fbf4}
.method-badge.delete,.required{color:#b42318}
.method-badge.delete{background:#fff5f4;border-color:#f3ccc8}
.required{font-size:12px}
.article img{max-width:100%;height:auto}
.article p,.article li,.article td{overflow-wrap:anywhere}
.article pre code{overflow-wrap:normal}
.article table{margin:16px 0}
.article .table-wrap table{margin:0}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.path-card{display:block;border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:24px;color:#111214}
.path-card:hover{text-decoration:none;border-color:#cfdbef}
.path-card h4{margin:8px 0;font-size:21px;font-weight:500}
.path-card p{font-size:14px;margin:12px 0}
.path-badge{font-size:11px;color:#555963}
.path-cta{color:#005cff}
.docs-site .toc{max-height:calc(100vh - 125px);overflow:auto}
.ref-picker input{min-width:0;max-width:100%;border:1px solid #d9dce2;border-radius:4px;background:#fff;padding:8px;margin-left:12px}
.ref-picker label{flex:1}
.search-dialog{max-height:calc(100dvh - 160px);overflow:auto}
.search-results{max-height:55dvh;overflow:auto}
.faq-item ul,.faq-item ol{padding:0 36px 20px;color:#555963;font-size:14px}
@media(max-width:767px){
 .docs-site .article h1{font-size:34px}
 .docs-site .article .lead{font-size:15px}
 .path-grid{grid-template-columns:1fr}
 .ref-picker{flex-direction:column;align-items:stretch}
 .ref-picker input{display:block;margin:8px 0 0;width:100%}
 .docs-site .article pre{font-size:11px}
}
