/* Trust Center (/trust). Site tokens from ef-work.webflow.css; fonts are the self-hosted Upton and Protomono. */
.tc {
  --tc-ink: var(--_base-colors---light-gray);
  --tc-muted: var(--_base-colors---main-gray);
  --tc-line: rgba(200, 209, 214, .14);
  --tc-line-strong: rgba(200, 209, 214, .32);
  --tc-accent: var(--_base-colors---blue);
  position: relative;
  z-index: 3;
  max-width: 1440px;
  margin: 0 auto;
  padding: 136px 24px 40px;
  color: var(--tc-ink);
}
.tc-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 72px; align-items: start; }
.tc-content { min-width: 0; }

/* the site navbar is transparent; on this text-heavy page give it a backdrop so it never sits on text */
.navbar { background: linear-gradient(#15191c 72%, rgba(21, 25, 28, 0)); }

/* sticky in-page navigation (desktop) */
.tc-toc { position: sticky; top: 104px; }
.tc-toc ol { list-style: none; margin: 16px 0 0; padding: 0; border-left: 1px solid var(--tc-line); }
.tc-toc a {
  display: block; padding: 7px 0 7px 16px; margin-left: -1px; border-left: 2px solid transparent;
  font-family: Protomono, Verdana, sans-serif; font-size: 12px; line-height: 1.35; letter-spacing: .04em;
  color: var(--tc-muted); text-decoration: none; text-transform: uppercase; transition: color .15s, border-color .15s;
}
.tc-toc a:hover { color: var(--tc-ink); }
.tc-toc a[aria-current] { color: var(--tc-ink); border-left-color: var(--tc-accent); }

/* sections */
.tc-section { padding: 88px 0 0; scroll-margin-top: 96px; }
.tc-eyebrow { margin: 0 0 20px; }
.tc-h1 { font-size: clamp(64px, 9vw, 128px); line-height: .82; margin: 0; }
.tc-jump { display: none; }
.tc-h2 { font-size: clamp(36px, 4vw, 56px); line-height: .9; margin: 0 0 28px; max-width: 18ch; }
.tc-h3 { font-family: Upton, sans-serif; font-weight: 600; font-size: 26px; line-height: 1; color: var(--tc-ink); margin: 0 0 12px; }
.tc-text { font-family: Protomono, Verdana, sans-serif; font-size: 14px; line-height: 1.75; color: var(--tc-muted); max-width: 76ch; margin: 0 0 16px; }
.tc-text strong { color: var(--tc-ink); font-weight: 600; }
.tc-muted { color: var(--tc-muted); }
.tc a:not(.main-button):not(.tc-tile) { color: var(--tc-ink); text-decoration: underline; text-decoration-color: var(--tc-line-strong); text-underline-offset: 3px; }
.tc a:not(.main-button):not(.tc-tile):hover { text-decoration-color: var(--tc-ink); }
.tc-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* tables */
.tc-table-wrap { overflow-x: auto; margin: 8px 0 20px; }
.tc-table { width: 100%; border-collapse: collapse; font-family: Protomono, Verdana, sans-serif; font-size: 13px; line-height: 1.6; }
.tc-table th, .tc-table td { text-align: left; vertical-align: top; padding: 16px 16px 16px 0; border-bottom: 1px solid var(--tc-line); }
.tc-table thead th { font-weight: 400; font-size: 11px; letter-spacing: .06em; color: var(--tc-muted); border-bottom-color: var(--tc-line-strong); padding-top: 0; }
.tc-table tbody th { color: var(--tc-ink); font-weight: 600; min-width: 170px; }
.tc-table td { color: var(--tc-muted); }
.tc-table tbody th .tc-muted { display: block; font-weight: 400; }
.tc-nowrap { white-space: nowrap; }
.tc-verify { list-style: none; margin: 0 0 32px; padding: 0; font-family: Protomono, Verdana, sans-serif; font-size: 12px; line-height: 1.9; }

/* cards */
.tc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tc-card { border: 1px solid var(--tc-line); padding: 24px; }
.tc-card .tc-text:last-child { margin-bottom: 0; }
.tc-practice { position: relative; padding-top: 52px; }
.tc-num { position: absolute; top: 20px; left: 24px; font-family: Protomono, Verdana, sans-serif; font-size: 11px; color: var(--tc-muted); }

.tc-review-line { padding-top: 56px; }
.tc-review-line .tc-text { color: var(--tc-ink); border-top: 1px solid var(--tc-line-strong); padding-top: 20px; max-width: none; }

/* reviewer marks: never published (deploy/check-trust.py blocks the deploy while any remain) */
.tc-review { background: rgba(255, 196, 0, .16); color: #ffd34d; outline: 1px dashed rgba(255, 196, 0, .6); padding: 0 3px; }

/* focus */
.tc a:focus-visible, .tc select:focus-visible, .tc-table-wrap:focus-visible {
  outline: 2px solid var(--tc-accent); outline-offset: 3px;
}
.w-nav-button:focus-visible, .w-nav-menu a:focus-visible { outline: 2px solid var(--_base-colors---blue, #2c60f5); outline-offset: 3px; }

@media (max-width: 991px) {
  .tc { padding-top: 120px; }
  .tc-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .tc-toc { display: none; }
  .tc-jump { display: block; margin-top: 32px; }
  .tc-jump select { width: 100%; padding: 12px 14px; background: rgba(0, 0, 0, .25); color: var(--tc-ink); border: 1px solid var(--tc-line-strong);
    font-family: Protomono, Verdana, sans-serif; font-size: 13px; text-transform: uppercase; }
  .tc-section { padding-top: 72px; }
}
@media (max-width: 1100px) {
  /* five columns do not fit beside the section nav: certificates become stacked cards */
  .tc-certs thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tc-certs, .tc-certs tbody, .tc-certs tr, .tc-certs th, .tc-certs td { display: block; width: 100%; }
  .tc-certs tr { padding: 16px 0; border-bottom: 1px solid var(--tc-line); }
  .tc-certs th, .tc-certs td { border: 0; padding: 4px 0; }
  .tc-certs td::before { content: attr(data-label); display: block; font-size: 10px; letter-spacing: .06em; color: var(--tc-muted); margin-top: 8px; }

}
@media (max-width: 767px) {
  .tc-grid { grid-template-columns: minmax(0, 1fr); }
  /* tables become stacked cards: each cell shows its column name */
  .tc-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tc-table, .tc-table tbody, .tc-table tr, .tc-table th, .tc-table td { display: block; width: 100%; }
  .tc-table tr { padding: 16px 0; border-bottom: 1px solid var(--tc-line); }
  .tc-table th, .tc-table td { border: 0; padding: 4px 0; }
  .tc-table td::before { content: attr(data-label); display: block; font-size: 10px; letter-spacing: .06em; color: var(--tc-muted); margin-top: 8px; }
  .tc-table-wrap { overflow: visible; }
  .tc-table { font-size: 12px; }
}

/* print: procurement teams print or save the page */
@media print {
  .navbar, .code-embed, .crt-wrap, .tc-toc, .tc-jump, .badges-footer,
  section.normal-section:last-of-type { display: none !important; }
  body { background: #fff !important; }
  .tc { padding: 0; color: #000; --tc-ink: #000; --tc-muted: #333; --tc-line: #ccc; --tc-line-strong: #999; }
  .tc .label { color: #333; opacity: 1; }
  .tc-layout { display: block; }
  .tc-section { padding-top: 28px; break-inside: auto; }
  .tc-h1, .tc-h2, .tc-h3, .h2.white, .h1 { color: #000 !important; }
  .tc-card, .tc-table tr { break-inside: avoid; }
  .tc-table, .tc-certs { display: table; width: 100%; }
  .tc-table thead, .tc-certs thead { display: table-header-group; position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .tc-table tbody, .tc-certs tbody { display: table-row-group; }
  .tc-table tr, .tc-certs tr { display: table-row; padding: 0; }
  .tc-table th, .tc-table td, .tc-certs th, .tc-certs td { display: table-cell; width: auto; padding: 8px 10px 8px 0; border-bottom: 1px solid #ccc; }
  .tc-table td::before, .tc-certs td::before { content: none; }
  .tc a[href^="http"]::after, .tc a[href^="mailto:"]::after { content: " (" attr(href) ")"; font-size: 10px; color: #333; }
  .tc a[href^="/"]::after { content: " (https://efellows.bg" attr(href) ")"; font-size: 10px; color: #333; }
  .tc-review { color: #000; background: #ffe58a; }
}