/* Shared project detail navigation */
body[data-detail]{--detail-nav-height:90px}
body[data-detail] nav{position:sticky;top:0;z-index:100;background:var(--paper);min-height:var(--detail-nav-height);box-shadow:0 5px 14px rgba(33,43,40,.04)}
body[data-detail] nav a[data-back]:not(.brand){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid var(--green);border-radius:8px;color:var(--green);background:#faf8f1;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}
body[data-detail] nav a[data-back]:not(.brand):hover{background:var(--green);color:#fff}
body[data-detail] main [id]{scroll-margin-top:calc(var(--detail-nav-height) + 20px)}
@media(max-width:700px){body[data-detail]{--detail-nav-height:125px}body[data-detail] nav{padding:14px 0;gap:10px}body[data-detail] nav a[data-back]:not(.brand){font-size:12px;padding:7px 11px;min-height:38px}}

/* Full-width header surface; navigation content stays aligned with the page. */
body[data-detail]>.detail-header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 5px 14px rgba(33,43,40,.04)}
body[data-detail]>.detail-header nav{position:static;width:100%;padding:25px 36px;border-bottom:0;box-shadow:none}
@media(max-width:700px){body[data-detail]>.detail-header nav{padding:14px 20px}}