:root { --fg:#172b4d; --muted:#5e6c84; --line:#dfe1e6; --bg:#fff; --side:#f4f5f7; --link:#0052cc; --top:#0f1120; }
* { box-sizing: border-box; }
body { margin:0; font:14px/1.6 -apple-system,"Segoe UI",Roboto,Arial,sans-serif; color:var(--fg); background:var(--bg); }
a { color:var(--link); }
.top { display:flex; align-items:center; gap:24px; padding:8px 24px; background:var(--top); position:sticky; top:0; z-index:10; }
.brand { color:#fff; font-weight:700; text-decoration:none; white-space:nowrap; }
.brand span { opacity:.6; font-weight:400; }
#search { flex:1; max-width:520px; margin-left:auto; position:relative; --pagefind-ui-scale:.8; }
#search .pagefind-ui__drawer { position:absolute; left:0; right:0; top:100%; margin-top:6px; background:#fff;
  border:1px solid var(--line); border-radius:6px; padding:0 16px 16px; max-height:75vh; overflow:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.25); }
#search .pagefind-ui__drawer:empty, #search .pagefind-ui__drawer:not(:has(*)) { display:none; }
.layout { display:block; }
.layout.with-tree { display:grid; grid-template-columns:300px minmax(0,1fr); }
.tree { background:var(--side); border-right:1px solid var(--line); padding:16px 12px; font-size:13px;
  position:sticky; top:52px; max-height:calc(100vh - 52px); overflow:auto; }
.tree .space { display:block; font-weight:700; margin-bottom:8px; text-decoration:none; color:var(--fg); }
.tree ul { list-style:none; margin:0; padding-left:14px; }
.tree > ul { padding-left:0; }
.tree li { margin:2px 0; }
.tree summary { cursor:pointer; }
.tree a { text-decoration:none; }
.tree a.current { font-weight:700; color:var(--fg); }
main { padding:24px 40px 64px; max-width:1100px; min-width:0; }
main img { max-width:100%; height:auto; }
main table { border-collapse:collapse; max-width:100%; }
main pre { overflow:auto; background:#f4f5f7; padding:12px; }
.crumbs { font-size:12px; color:var(--muted); margin-bottom:8px; }
h1.page-title { font-size:28px; margin:0 0 16px; }
.meta { margin-top:48px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.cards a { display:block; padding:16px; border:1px solid var(--line); border-radius:6px; text-decoration:none; }
.cards a:hover { border-color:var(--link); }
.cards small { display:block; color:var(--muted); }
/* Confluence macros */
.confluence-information-macro { border:1px solid var(--line); border-left:4px solid var(--link); padding:8px 12px; margin:12px 0; background:#f7f9ff; }
.confluence-information-macro-warning { border-left-color:#de350b; background:#fff7f5; }
.confluence-information-macro-note { border-left-color:#ff991f; background:#fffaf2; }
.confluence-information-macro-tip { border-left-color:#00875a; background:#f3fcf8; }
.expand-content { display:block !important; }
.expand-control { display:none; }
@media (max-width: 800px) {
  .layout.with-tree { display:block; }
  .tree { position:static; max-height:none; border-right:0; border-bottom:1px solid var(--line); }
  main { padding:16px; }
  .top { flex-wrap:wrap; }
}