/* I4MD / SITE-WIDE CONTROL STANDARD — 2026-10-17
   Every interactive control receives the same softly rounded geometry.
   Include AFTER each page's own CSS so the standard works in case files,
   evidence notes, colleagues, and the unlisted research corpus as well as home.
   Editorial panels, statistical plaques, images and ordinary inline links remain
   architectural: the rounded treatment belongs to things one can operate. */
:root{
  --i4md-control-radius:9px;
  --i4md-field-radius:12px;
  --i4md-control-rule:#cfc0b1;
  --i4md-control-paper:#faf6ef;
  --i4md-control-hover:#efe7dc;
}

/* Baseline includes controls inserted later by JavaScript. */
:where(button,[role="button"],summary){
  border-radius:var(--i4md-control-radius);
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){
  border-radius:var(--i4md-field-radius);
}
:where(.portfolio-skip-link){border-radius:var(--i4md-control-radius)}
:where(button,input,select,textarea,summary,[role="button"]):focus-visible{
  outline:2px solid #94382f;
  outline-offset:3px;
}

/* Header hamburger and its revealed navigation. */
.site-header .nav-toggle{border-radius:var(--i4md-control-radius)}
.site-header #site-nav{border-radius:var(--i4md-field-radius);overflow:hidden}
.site-header #site-nav a{border-radius:7px}
.site-header #site-nav a:hover{background:rgba(126,85,70,.06)}

/* Home: the main CTA, eight symptom gates, clinical search and actions. */
.hero-discover{
  padding:12px 16px;
  border:1px solid #bfa99c;
  border-radius:var(--i4md-control-radius);
  background:rgba(250,248,243,.78);
}
.hero-discover:hover{background:#ede4d9}
.symptom-gate{border-radius:var(--i4md-control-radius)}
.symptom-gate.is-selected::before{border-radius:5px 0 0 5px}
.symptom-desk-search-field{border-radius:var(--i4md-field-radius)}
.symptom-match-open,
.symptom-desk-more,
.symptom-desk-archive{border-radius:var(--i4md-control-radius)}

/* Case-file archive: previously square disclosure and load-more controls. */
.index-toggle{
  padding:23px 22px;
  border:1px solid #cfc2b3;
  border-radius:var(--i4md-field-radius);
  background:rgba(250,248,243,.45);
}
.index-toggle:hover{background:#faf6ef}
.index-toggle-plus{border-radius:var(--i4md-control-radius)}
.load-more{
  margin-top:12px;
  border:1px solid #cfc2b3;
  border-radius:var(--i4md-control-radius);
  background:#f8f3eb;
}
.load-more:hover{border-color:#8c3930;background:#e9ded1;color:#762721}
.load-more:focus-visible,
.index-toggle:focus-visible{outline:2px solid #94382f;outline-offset:3px}
.reset-domain{
  border:1px solid #cdbcb0;
  border-radius:var(--i4md-control-radius);
  background:#faf6ef;
  padding:10px 14px;
}
.reset-domain:hover{background:#eee4d9}
.case-details summary,
.static-diagnostic-index summary{border-radius:var(--i4md-control-radius)}
.case-details summary:focus-visible,
.static-diagnostic-index summary:focus-visible{
  outline:2px solid #94382f;
  outline-offset:-3px;
}
.static-diagnostic-index summary{
  padding:10px 14px;
  background:#f8f3eb;
  border:1px solid #d6c8ba;
}
#search{
  padding:12px 15px;
  border:1px solid #cfc2b3;
  border-radius:var(--i4md-field-radius);
  background:#fcf9f3;
}
#search:focus{outline:2px solid #94382f;outline-offset:2px}

/* Underlying-behavior pages and incident examination links. */
.related a,
.back,
.colleagues-back,
.colleague__links a{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--i4md-control-rule);
  border-radius:var(--i4md-control-radius);
  background:var(--i4md-control-paper);
  padding:9px 13px;
  text-decoration:none;
}
.related a:hover,
.back:hover,
.colleagues-back:hover,
.colleague__links a:hover{
  border-color:#a88c7b;
  background:var(--i4md-control-hover);
}
.related a:focus-visible,
.back:focus-visible,
.colleagues-back:focus-visible,
.colleague__links a:focus-visible{outline:2px solid #94382f;outline-offset:3px}

/* Research corpus: searches, text and number fields, filters, view tabs,
   reset action and expandable mapping rows. */
.controls input,
.controls select{border-radius:var(--i4md-field-radius)}
.controls button{
  border-radius:var(--i4md-control-radius);
  border-color:var(--i4md-control-rule);
  background:var(--i4md-control-paper);
  cursor:pointer;
}
.controls button:hover{background:var(--i4md-control-hover)}
.views{gap:6px;padding-top:9px;padding-bottom:9px}
.views button{
  border:1px solid #d0c3b6;
  border-radius:var(--i4md-control-radius);
  background:#f8f3eb;
  cursor:pointer;
}
.views button:hover{background:#e9dfd2}
.views button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
details.mapping summary{border-radius:var(--i4md-control-radius)}
details.mapping summary:hover{background:rgba(88,66,49,.065)}
.controls button:focus-visible,
.views button:focus-visible,
details.mapping summary:focus-visible{outline:2px solid #94382f;outline-offset:3px}

/* Narrow desktop layouts share the header space with the floating registry.
   Keep the new CTA contour without widening it into the plaque. */
@media(min-width:851px) and (max-width:1150px){
  .hero-discover{gap:14px;padding-inline:9px}
}

@media(max-width:850px){
  .index-toggle{padding:20px 18px}
}
@media(prefers-reduced-motion:reduce){
  .hero-discover,.controls button,.views button{transition:none}
}