/* PaperBoy platform bar. Pairs with paperboy-bar.js. Navy and cream from by-paperboy.com (paper.css). */
#pb-bar{background:#1b243a;color:#fbf2e4;font:500 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;z-index:50}
#pb-bar *{box-sizing:border-box}
#pb-bar .pb-bar__in{max-width:1120px;margin:0 auto;padding:0 16px;height:44px;display:flex;align-items:center;gap:20px}
#pb-bar a{color:inherit;text-decoration:none}
#pb-bar .pb-bar__home{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:17px;letter-spacing:-.01em;flex:none}
#pb-bar .pb-bar__tools{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}
#pb-bar .pb-bar__tools::-webkit-scrollbar{display:none}
#pb-bar .pb-bar__tools a{display:block;padding:8px 10px;border-radius:6px;color:rgba(251,242,228,.72);white-space:nowrap}
#pb-bar .pb-bar__tools a:hover{color:#fbf2e4;background:rgba(251,242,228,.08)}
#pb-bar .pb-bar__tools a[aria-current="page"]{color:#fbf2e4;background:rgba(251,242,228,.14)}
#pb-bar .pb-bar__find{margin-left:auto;flex:none;font:inherit;color:#fbf2e4;background:rgba(251,242,228,.14);border:0;border-radius:6px;padding:0 12px;height:32px;cursor:pointer;white-space:nowrap}
#pb-bar .pb-bar__find:hover{background:rgba(251,242,228,.22)}
#pb-bar .pb-bar__account{flex:none;padding:0 12px;height:32px;display:inline-flex;align-items:center;border-radius:6px;background:rgba(251,242,228,.14);white-space:nowrap}
#pb-bar .pb-bar__account:hover{background:rgba(251,242,228,.22)}
#pb-bar a:focus-visible,#pb-bar button:focus-visible,#pb-bar input:focus-visible{outline:2px solid #e6bc65;outline-offset:2px}

/* tool search */
#pb-bar .pb-find{position:absolute;left:0;right:0;top:100%;background:#1b243a;padding:8px 0 16px;box-shadow:0 12px 24px rgba(0,0,0,.25)}
#pb-bar .pb-find[hidden]{display:none}
#pb-bar .pb-find__in{max-width:1120px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#pb-bar .pb-find input{font:400 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b243a;background:#fbf2e4;border:0;border-radius:8px;padding:0 14px;height:48px;width:100%;min-width:0}
#pb-bar .pb-find__close{font:inherit;color:#fbf2e4;background:rgba(251,242,228,.14);border:0;border-radius:8px;padding:0 14px;height:48px;cursor:pointer}
#pb-bar .pb-find__list{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;gap:4px}
#pb-bar .pb-find__list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;min-height:48px;border-radius:8px;font-size:16px;line-height:1.25;background:rgba(251,242,228,.08)}
#pb-bar .pb-find__list a[aria-current="page"]{background:rgba(251,242,228,.16)}
#pb-bar .pb-find__list a:hover,#pb-bar .pb-find__list a.is-active{background:rgba(251,242,228,.2)}
#pb-bar .pb-find__list small{font-size:13px;color:rgba(251,242,228,.65);flex:none}
#pb-bar .pb-find__none{padding:12px 14px;color:rgba(251,242,228,.75);font-size:15px;line-height:1.3}
@media (max-width:480px){
  #pb-bar .pb-bar__in{gap:10px}
  /* On a phone the tool names do not fit and were cut mid-word. They move into the "Find a tool" panel. */
  #pb-bar .pb-bar__tools{display:none}
  #pb-bar .pb-bar__find{padding:0 10px;font-size:13px}
}
@media print{#pb-bar{display:none}}
