/* medfrail.com chrome: the home header, shared by every inner page (estate design language, 2026-10-06). Edit the header in index.html first, then mirror it here. */
:root{--rule:rgba(26,43,58,.16)}
header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(251,249,245,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);padding:.7rem max(1.5rem,calc((100% - 1180px) / 2 + 1.5rem))}
header .brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:1.35rem;min-height:44px;padding:0}
header .brand .mark{width:34px;height:34px;border-radius:4px;background:var(--teal);color:#fff;display:grid;place-items:center;flex-shrink:0}
header .brand-text span{color:var(--teal)}
header nav{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;white-space:nowrap}
header nav a{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-dim);text-decoration:none;background:none;border-radius:0;padding:.55rem .8rem;margin:0;min-height:44px;display:inline-flex;align-items:center}
header nav a:hover{color:var(--teal)}
header nav a.ghost{border:1px solid var(--teal);color:var(--teal);border-radius:4px!important;font-weight:600;margin-left:.5rem}
header nav a.ghost:hover{background:rgba(13,110,110,.07)}
header nav a.start{background:var(--teal);color:var(--paper);border-radius:4px!important;font-weight:600;margin-left:.4rem;padding:.55rem 1rem}
header nav a.start:hover{background:var(--teal-deep);color:var(--paper)}
@media (max-width:780px){header{padding:.5rem 1rem}header .brand{font-size:1.2rem}header nav a:not(.start){display:none}}