/* Public MANTIQ directory. Learning applications remain separate from this site. */
.mantiq.mantiq-directory .path-grid { grid-template-columns:1fr;gap:20px; }
.mantiq.mantiq-directory .stage {
  grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:36px;min-height:0;padding:28px 30px;
}
.mantiq.mantiq-directory .stage::after { content:none; }
.mantiq.mantiq-directory .stage:nth-child(n) { grid-column:1 / -1;min-height:0; }
.component-title-row { display:flex;align-items:center;gap:18px;margin-bottom:18px; }
.mantiq.mantiq-directory .mantiq-stage-icon { width:72px;height:72px;flex:0 0 72px;margin:0; }
.component-eyebrow { color:#5c7697;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 7px; }
.mantiq.mantiq-directory .stage h3 { font-size:25px;line-height:1.25;margin:0; }
.mantiq.mantiq-directory .stage .stage-description { font-size:16px;line-height:1.65; }
.component-resources { min-width:0;border-left:1px solid #dbe6f2;padding-left:30px; }
.resource-heading { font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#657c99;margin:0 0 9px; }
.resource-list { list-style:none;padding:0;margin:0; }
.resource-list li+li { border-top:1px solid #e0e9f3; }
.resource-list a { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0;color:#214f84; }
.resource-list a strong { display:block;font-size:15px;line-height:1.45;font-weight:700; }
.resource-meta { display:block;color:#607591;font-size:12px;font-weight:500;line-height:1.6;margin-top:3px; }
.resource-arrow { flex:0 0 auto;color:#3a6fa9;font-size:18px; }
.resource-list a:hover strong { text-decoration:underline;text-underline-offset:4px; }
.component-explore { display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;font-weight:750;color:#245fa9;margin-top:17px; }
.component-explore:hover { text-decoration:underline;text-underline-offset:4px; }
.component-empty { font-size:15px;color:#60718a;line-height:1.7;max-width:450px;margin:0; }
.directory-note { color:#607591;font-size:14px;line-height:1.75;margin:26px 0 0;max-width:900px; }
.mantiq .resource-list a:focus-visible,.mantiq .component-explore:focus-visible,.mantiq .back:focus-visible,.mantiq .brand:focus-visible { outline:3px solid #2866bd;outline-offset:4px;border-radius:4px; }
.mantiq-component-page .component-hero .hero-inner { min-height:270px;padding-top:52px;padding-bottom:52px; }
.mantiq-component-page .component-hero h1 { margin-bottom:18px; }
.mantiq-component-page .component-hero .lead { margin-bottom:0; }
.component-hero-icon { flex:0 0 100px; }
.mantiq-component-page .component-hero-icon .mantiq-stage-icon { width:100px;height:100px;margin:0; }
.mantiq-component-page .component-content { padding-top:48px;padding-bottom:60px; }
.component-detail { border:1px solid #dce6f1;border-radius:18px;padding:28px;background:#fbfdff;scroll-margin-top:30px; }
.component-status { display:inline-block;font-size:12px;font-weight:700;color:#426996;margin-bottom:20px; }
.component-book-row { display:flex;align-items:flex-start;gap:30px; }
.component-book-row>img { width:145px;max-height:180px;object-fit:contain;flex:0 0 145px; }
.component-book-row h3,.component-development-row h3 { font-size:23px;color:#183c68;line-height:1.3;margin:0 0 12px; }
.component-book-row p,.component-development-intro { color:#5b718e;font-size:16px;line-height:1.75; }
.component-secondary-link { margin:12px 0 0; }
.component-secondary-link a { font-size:13px; }
.component-development { margin-top:34px; }
.component-development .kicker { margin-bottom:12px; }
.component-development-row { border-top:1px solid #dfe8f2;padding:23px 0;scroll-margin-top:30px; }
.component-development-row h3 { font-size:19px;margin-bottom:6px; }
.component-development-row p { color:#5b718e;font-size:15px;line-height:1.65;margin:0; }
.component-detail-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.component-detail-grid .offer { padding:28px;scroll-margin-top:30px; }
.component-detail-grid .offer h3 { font-size:24px;line-height:1.3;margin-bottom:16px; }
.component-detail-grid .offer p { font-size:16px;line-height:1.75; }
.component-empty-detail h2 { color:#193d68;font-size:29px;line-height:1.3; }
.component-empty-detail>p:not(.kicker) { max-width:700px;color:#5c718d;font-size:17px;line-height:1.75; }
@media(max-width:760px) {
  .mantiq.mantiq-directory .stage { grid-template-columns:1fr;gap:24px;padding:24px; }
  .component-resources { border-left:0;border-top:1px solid #dbe6f2;padding-left:0;padding-top:20px; }
  .mantiq.mantiq-directory .stage h3 { font-size:23px; }
  .component-detail-grid { grid-template-columns:1fr; }
  .component-book-row { flex-direction:column;gap:20px; }
  .component-book-row>img { flex-basis:auto;width:130px; }
  .mantiq-component-page .component-hero-icon { display:none; }
  .mantiq-component-page .navinner { gap:12px; }
  .mantiq-component-page .brand { min-width:0; }
  .mantiq-component-page .back { font-size:12px;white-space:nowrap; }
  .component-detail,.component-detail-grid .offer { padding:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .mantiq-directory { scroll-behavior:auto; }
  .mantiq.mantiq-directory .stage { transition:none; }
}