/* Site header for pages that keep their own layout (skills, reports, archive, demo).
   Matches the main site: dark ground, marching floor tape, Barlow Condensed name. Prefixed to avoid collisions. */
.pd-tape{height:12px;background:repeating-linear-gradient(-45deg,#F2C200 0 22px,#14171B 22px 44px);background-size:62.2px 62.2px;animation:pd-march 1.6s linear infinite}
@keyframes pd-march{to{background-position:62.2px 0}}
.pd-bar{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:14px clamp(20px,5vw,64px);background:#14171B;border-bottom:1px solid #2D343B;font-family:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;position:relative;z-index:50}
.pd-bar a{color:#9BA2A9;text-decoration:none}
.pd-name{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:24px;line-height:1;letter-spacing:.02em;color:#ECE9E1!important}
.pd-bar nav{display:flex;gap:4px 20px;flex-wrap:wrap;font-size:14.5px}
.pd-bar nav a:hover,.pd-bar nav a[aria-current="page"]{color:#ECE9E1}
.pd-bar nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 #F2C200}
@media(max-width:480px){.pd-bar nav{gap:4px 15px;font-size:14.5px}.pd-bar nav a[href$=".pdf"]{display:none}}
@media (prefers-reduced-motion: reduce){.pd-tape{animation:none}}