/* Trust Center additions on top of the Winloom house stylesheet (/brand/winloom.css).
   Only house tokens (var(--ink), --paper, --panel, --orange, --orange-text, --slate, --hairline, --font)
   are used here, so a brand change in winloom.css carries through. */
.pl-head .tc-brand { display: flex; align-items: center; }
.pl-head .tc-brand img { height: 26px; width: auto; }
.pl-head .tc-title { font: var(--t-eyebrow) var(--font); letter-spacing: var(--tr-eyebrow); text-transform: uppercase;
  color: color-mix(in srgb, var(--paper) 70%, transparent); }
.tc-who { margin-left: auto; display: flex; gap: 14px; align-items: center; font-size: 13px; }
.tc-who form { margin: 0; }
.pl-body .tc-who button { background: transparent; color: var(--paper); padding: 6px 13px; font-size: 13px;
  border: 1px solid color-mix(in srgb, var(--paper) 35%, transparent); }
.tc-draft { background: var(--panel); border-bottom: 1px solid var(--hairline); padding: 9px 22px; font-size: 13px; }
.tc-draft strong { color: var(--orange-text); }
/* Orange = the primary action only (house rule); every other button stays ink. */
.pl-body .btn.tc-primary, .pl-body button.tc-primary { background: var(--orange); color: var(--ink); }
.tc-h { margin-top: 0; }
.tc-flush { margin: 0; }
.tc-meta { color: var(--slate); font-size: 13px; }
.tc-cat { margin: 28px 0 10px; }
.tc-doctitle { margin: 0 0 6px; font-size: 17px; }
.tc-doctitle a { text-decoration: none; }
.tc-doc { background: var(--surface); border: 1px solid var(--hairline); border-radius: 9px; padding: 28px 32px; max-width: var(--measure); }
.tc-doc h1 { font-size: 26px; }
.tc-doc table { margin: 14px 0; }
.tc-mnda { max-height: 60vh; overflow: auto; }
.tc-agree { display: flex; gap: 10px; align-items: flex-start; margin: 6px 0 14px; font-weight: 400; }
.tc-agree input { width: auto; margin-top: 4px; }
.tc-fielderr { color: var(--orange-text); font-size: 13px; margin-top: 4px; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.tc-foot { max-width: var(--content); margin: 0 auto; padding: 0 var(--s6) 40px; color: var(--slate); font-size: 13px; }
.pl-main form.card, .pl-main .lede + form { max-width: var(--measure); }
.auth .panel a:not(.btn) { color: var(--accent); }
/* Entry page (app sign-in frame). The CSP forbids inline styles, so these live here. */
.tc-auth-h1 { font-size: 2rem; margin-bottom: 1.25rem; }
.tc-auth-lead { margin-bottom: 1.75rem; }
.auth .btn.tc-auth-btn { display: block; width: 100%; text-align: center; }
.tc-auth-foot { font-size: .72rem; margin-top: 2rem; }
