.section-search {
  --search-ink: oklch(25% .014 230);
  --search-muted: oklch(46% .018 230);
  --search-link: oklch(42% .095 235);
  --search-line: oklch(86% .013 230);
  --search-paper: oklch(99% .003 230);
  --search-selected: oklch(94% .024 230);
}
.section-search .search-intro { background: var(--search-paper); padding: 28px 0 32px; }
.section-search .search-intro .breadcrumb { font-size: 13px; margin-bottom: 31px; }
.section-search .search-intro .eyebrow { font-size: 12px; letter-spacing: .09em; margin-bottom: 14px; }
.section-search .search-intro h1 { font-size: clamp(36px, 3.2vw, 46px); line-height: 1.15; letter-spacing: -.04em; max-width: 25ch; text-wrap: balance; }
.section-search .search-intro .lead { font-size: 17px; line-height: 1.7; margin-top: 17px; max-width: 65ch; color: var(--search-muted); }
.section-search .site-search-form { margin-top: 28px; max-width: 900px; }
.section-search .site-search-form > label { font-size: 16px; line-height: 1.5; font-weight: 700; margin-bottom: 6px; color: var(--search-ink); }
.section-search .search-input-hint { font-size: 14px; line-height: 1.7; max-width: 65ch; margin: 0 0 12px; color: var(--search-muted); }
.section-search .site-search-form > .search-input-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: stretch; }
.section-search .site-search-form input[type="search"] { min-height: 50px; font-size: 16px; line-height: 1.5; padding: 12px 15px; border: 1px solid oklch(63% .027 230); border-radius: 5px; background: var(--search-paper); color: var(--search-ink); }
.section-search .site-search-form input[type="search"]:focus { border-color: var(--search-link); outline: 3px solid var(--search-link); outline-offset: 3px; }
.section-search .site-search-form .button { font-size: 14px; min-width: 102px; border-radius: 5px; box-shadow: none; }
.section-search .site-search-form .button:hover { transform: none; }
.section-search .search-clear { min-height: 44px; font-size: 14px; font-weight: 600; padding: 10px 13px; border: 1px solid oklch(63% .027 230); border-radius: 5px; background: var(--search-paper); color: var(--search-link); }
.section-search .search-clear:hover { background: var(--search-selected); }
.section-search .search-starting-topics { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 22px; margin-top: 19px; font-size: 14px; line-height: 1.65; }
.section-search .search-starting-topics > span { color: var(--search-muted); }
.section-search .search-starting-topics a { color: var(--search-link); padding: 3px 0; }
.section-search .search-body { background: var(--search-paper); padding: 28px 0 65px; }
.section-search .search-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 70px; align-items: start; }
.section-search .search-results-heading { border: 0; padding-top: 0; }
.section-search .search-results-heading h2 { font-size: 25px; line-height: 1.35; letter-spacing: -.025em; color: var(--search-ink); margin: 0 0 9px; }
.section-search #search-status { font-size: 15px; line-height: 1.7; color: var(--search-muted); margin: 0; overflow-wrap: anywhere; }
.section-search #search-status[data-state="error"] { color: var(--search-ink); }
.section-search .search-type-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 23px 0 0; border: 0; min-width: 0; }
.section-search .search-type-filters legend { font-size: 14px; font-weight: 600; line-height: 1.6; color: var(--search-ink); padding: 0; margin-bottom: 11px; }
.section-search .search-type-filters label { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 11px; border: 1px solid oklch(76% .025 230); border-radius: 5px; font-size: 14px; line-height: 1.5; cursor: pointer; color: var(--search-ink); background: var(--search-paper); transition: background 180ms cubic-bezier(.22, 1, .36, 1), border-color 180ms cubic-bezier(.22, 1, .36, 1); }
.section-search .search-type-filters input { appearance: auto; width: 16px; height: 16px; min-width: 16px; padding: 0; margin: 0; accent-color: var(--search-link); cursor: pointer; }
.section-search .search-type-filters label:hover { border-color: var(--search-link); }
.section-search .search-type-filters label:has(input:checked) { border-color: var(--search-link); background: var(--search-selected); color: var(--search-link); }
.section-search .search-type-filters label:has(input:focus-visible) { outline: 3px solid var(--search-link); outline-offset: 3px; }
.section-search .search-type-filters input:focus-visible { outline: none; }
.section-search .search-type-count { color: var(--search-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.section-search .search-type-count::before { content: "("; }
.section-search .search-type-count::after { content: ")"; }
.section-search .search-results { max-width: none; margin-top: 24px; min-height: 225px; }
.section-search .search-result-list { list-style: none; padding: 0; margin: 0; }
.section-search .search-result { padding: 0; border: 0; }
.section-search .search-result a { display: block; border-top: 1px solid var(--search-line); padding: 25px 0 27px; text-decoration: none; color: var(--search-ink); }
.section-search .search-result-type { display: block; font-size: 14px; font-weight: 600; line-height: 1.6; color: var(--search-link); }
.section-search .search-result h3 { font-size: 24px; line-height: 1.35; letter-spacing: -.025em; max-width: 48ch; margin: 9px 0 11px; text-wrap: pretty; }
.section-search .search-result p { font-size: 16px; line-height: 1.75; color: var(--search-muted); max-width: 65ch; margin: 0; }
.section-search .search-result a:hover h3 { color: var(--search-link); text-decoration: underline; text-underline-offset: .2em; }
.section-search .search-result a:active { background: var(--search-selected); }
.section-search .search-start p,
.section-search .search-loading p { font-size: 16px; line-height: 1.75; max-width: 65ch; margin: 0; color: var(--search-muted); }
.section-search .search-start,
.section-search .search-loading { padding: 6px 0 24px; }
.section-search .search-message { border-top: 1px solid var(--search-line); padding: 26px 0; }
.section-search .search-message h3 { font-size: 24px; line-height: 1.35; letter-spacing: -.025em; margin: 0 0 12px; color: var(--search-ink); }
.section-search .search-message p { font-size: 16px; line-height: 1.75; max-width: 65ch; color: var(--search-muted); margin: 0; }
.section-search .search-message .button { min-height: 44px; font-size: 14px; margin-top: 20px; box-shadow: none; }
.section-search .search-message .button:hover { transform: none; }
.section-search .search-message .search-recovery-links { display: flex; flex-wrap: wrap; gap: 8px 23px; font-size: 14px; margin-top: 23px; }
.section-search .search-recovery-links a { color: var(--search-link); }
.section-search .search-noscript { border-top: 1px solid var(--search-line); padding-top: 20px; font-size: 15px; max-width: 65ch; line-height: 1.75; }
.section-search .search-browse { border: 0; padding-top: 0; }
.section-search .search-browse h2 { font-size: 18px; line-height: 1.4; letter-spacing: -.015em; color: var(--search-ink); margin: 0 0 16px; }
.section-search .search-browse nav { display: flex; flex-direction: column; }
.section-search .search-browse a { padding: 10px 12px; margin-left:-12px;border:0;border-radius:4px;text-decoration:none; }
.section-search .search-browse a:hover { background:var(--search-selected); }
.section-search .search-browse strong { font-size: 15px; line-height: 1.5; color: var(--search-link); font-weight: 600; }
.section-search .search-browse span { display: block; font-size: 14px; line-height: 1.65; color: var(--search-muted); margin-top: 4px; }
.section-search .search-browse a:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.section-search .search-intro a:focus-visible,
.section-search .search-body a:focus-visible,
.section-search .search-body button:focus-visible,
.section-search .search-clear:focus-visible { outline: 3px solid var(--search-link); outline-offset: 4px; }

@media (max-width: 1050px) {
  .section-search .search-workspace { grid-template-columns: minmax(0, 1fr) 205px; gap: 38px; }
}
@media (max-width: 780px) {
  .section-search .search-workspace { grid-template-columns: 1fr; gap: 35px; }
  .section-search .search-browse nav { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
  .section-search .search-browse a:first-child { border-top: 1px solid var(--search-line); padding-top: 15px; }
  .section-search .search-results { min-height: 160px; }
}
@media (max-width: 550px) {
  .section-search .search-intro { padding: 24px 0 22px; }
  .section-search .search-intro .breadcrumb { margin-bottom: 25px; }
  .section-search .search-intro h1 { font-size: 34px; }
  .section-search .search-intro .lead { font-size: 16px; }
  .section-search .site-search-form > .search-input-row { grid-template-columns: auto 1fr; gap: 12px; }
  .section-search .site-search-form input[type="search"] { grid-column: 1 / -1; }
  .section-search .search-clear { justify-self: start; }
  .section-search .search-starting-topics { gap: 7px 18px; }
  .section-search .search-starting-topics > span { width: 100%; }
  .section-search .search-body { padding-top: 20px; }
  .section-search .search-result h3 { font-size: 22px; }
  .section-search .search-type-filters label { padding: 8px 10px; }
}
@media (max-width: 380px) {
  .section-search .search-browse nav { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .section-search .search-type-filters label { transition: none; }
}

/* Format drawings let readers distinguish a guide from a working tool. */
.section-search .search-result a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
.section-search .search-result-drawing{color:var(--search-link);padding-top:3px}
.section-search .search-result-drawing svg{display:block;width:36px;height:36px}
.section-search .search-result-copy{min-width:0}
.section-search .search-result h3{margin-top:5px;font-size:23px}
.section-search .search-result p{line-height:1.6}
.section-search .search-results-heading h2{font-size:21px}
.section-search .search-input-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.section-search .search-results-heading{padding-top:20px}
.section-search .search-intro{padding-bottom:24px}
@media(max-width:550px){.section-search .search-result a{grid-template-columns:30px minmax(0,1fr);gap:13px}.section-search .search-result-drawing svg{width:27px;height:27px}}
