/* What the plain inner pages of the website share (cards, tools, calculators, education, locations, meetings): the page head without a photo, the page rhythm,
   the small print, the search box and the "nothing found" card. Tokens only (R7). Loads after the kit and site-base: a section asks for it through its `assets`. */

.nv-sec.nv-sec--page { padding: clamp(20px, 3vw, 36px) 0 clamp(40px, 5vw, 72px); }

/* the head: breadcrumb, label, the page's one h1, the words under it */
.nv-plainhead { padding-bottom: clamp(16px, 2vw, 26px); }
.nv-plainhead .nv-crumbs { margin-bottom: 14px; color: var(--nv-text-3); }
.nv-plainhead .nv-crumbs a:hover { color: var(--nv-text); }
.nv-plainhead__kicker { display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; color: var(--nv-primary); }
.nv-plainhead__title { margin: 0 0 14px; max-width: 24ch; font-size: var(--nv-fs-h1); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; text-wrap: pretty; }
.nv-plainhead__body { max-width: 58ch; font-size: var(--nv-fs-lead); line-height: 1.6; color: var(--nv-text-2); }

.nv-fine { max-width: 110ch; margin-top: 24px; font-size: 12.5px; line-height: 1.7; color: var(--nv-text-3); }

/* a search box on the page (education, locations) */
.nv-hub__search { position: relative; flex: 1 1 280px; max-width: 520px; min-width: 0; }
.nv-hub__search[hidden], .nv-loc__controls[hidden], .nv-hub__topics[hidden] { display: none; }
.nv-hub__search-icon { position: absolute; left: 14px; top: 50%; display: inline-flex; transform: translateY(-50%); color: var(--nv-text-3); pointer-events: none; }
.nv-hub__input { width: 100%; height: 50px; padding: 0 14px 0 42px; border: 1px solid transparent; border-radius: var(--nv-r-input); background: var(--nv-surface); color: var(--nv-text); font: inherit; font-size: 16px; }
.nv-hub__input::placeholder { color: var(--nv-text-3); }

.nv-hub__empty { padding: 44px 20px; border-radius: var(--nv-r-card); background: var(--nv-surface); text-align: center; }
.nv-hub__empty[hidden] { display: none; }
.nv-hub__empty h3 { margin-bottom: 6px; font-size: 16px; font-weight: 600; }
.nv-hub__empty p { margin-bottom: 16px; font-size: 14px; color: var(--nv-text-3); }