/* Site: custom pages, categories and tags (phase 2). Gallery Wall school; tokens from site.css. */
/* menu items she names can be several words: keep each on one line (the row scrolls on phones) */
.b-nav a{white-space:nowrap}

/* category row under the Work and Notes headings */
.b-catrow{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:clamp(18px,2.4cqi,28px)}
.b-catrow a{color:var(--muted);padding-bottom:4px;border-bottom:1px solid transparent}
.b-catrow a:hover{color:var(--ink)}
.b-catrow a[aria-current]{color:var(--ink);border-bottom-color:currentColor}

/* tags on project and note pages; the category under a project title */
.b-taglinks{display:flex;flex-wrap:wrap;gap:10px 22px}
.b-taglinks a{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:3px}
.b-taglinks a:hover{color:var(--ink);border-bottom-color:currentColor}
.b-taglinks-c{justify-content:center;width:min(100%,36em)}
.b-kind a:hover{color:var(--ink)}

/* tag pages */
.b-tag-sec h2{font-size:clamp(30px,3.4cqi,44px);margin-bottom:clamp(24px,3cqi,40px)}
.b-tag-sec + .b-tag-sec{padding-top:0}
.b-tag-sec:last-child .b-notes-grid{padding-bottom:clamp(72px,9cqi,140px)}
.b-tag-sec:not(:last-child) .b-notes-grid{padding-bottom:clamp(48px,6cqi,80px)}

/* her pages, About, Privacy, Terms: without photos at the top, the words sit closer to the title */
.b-about-head + .wrap > .b-about-t{padding-top:clamp(8px,1.6cqi,24px)}

@container site (max-width:760px){
  /* Work, Notes, About, Contact and Search fit across a phone; longer menus still scroll */
  .b-nav{gap:18px}
}