/* Personal work is a lower branch, separated by position and indentation. */
.personal-nav{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.personal-nav .nav-item{width:100%;min-height:44px;margin:2px 0}
.personal-nav-children{margin-left:14px;padding-left:8px;border-left:1px solid var(--line)}
.personal-nav-children .nav-item{padding-inline:10px;font-size:13px}
.personal-nav-children .nav-item svg{width:17px;height:17px;flex:none}
.breadcrumb{min-width:0}
.breadcrumb .crumb-parent{display:inline-flex;align-items:center;gap:10px;min-width:0}
.breadcrumb .crumb-parent button{border:0;background:none;color:var(--muted);padding:6px 0;font:inherit;white-space:nowrap}
.breadcrumb .crumb-parent button:hover{color:var(--ink)}
.breadcrumb>b{overflow:hidden;text-overflow:ellipsis;min-width:0}
.profile-documents .row{gap:12px;align-items:center;margin-bottom:20px}
.profile-documents h2{margin:0}
.profile-context>summary,.reference-help>summary{font-weight:600;cursor:pointer;min-height:32px;line-height:1.5}
.profile-context[open]>summary,.reference-help[open]>summary{margin-bottom:16px}
.reference-extension,.reference-demo{display:grid;gap:12px;margin-top:20px}
.reference-extension h2,.reference-extension p,.reference-demo h2,.reference-demo p{margin:0}
.reference-demo{border-top:1px solid var(--line);padding-top:20px}
@media(max-width:1180px){.breadcrumb .crumb-ancestor{display:none}}
@media(max-width:650px){.breadcrumb .crumb-parent{display:none}}