/* tfpar2.css: looks for tfpar2.js (build 430 parity, staged, NOT LIVE). Nothing new in style: the tokens are
   tfpar1.css's (--tfp-*), the plates are the Coming soon glass, the popup is befirst.js's card.
   Dark is the default, html.tfin-l is the light look. */
.tfq-wrap{max-width:760px}
.tfq-head h2{color:var(--tfp-ink)}
.tfq-head .small{color:var(--tfp-ink2)}
.tfq-plate{border-radius:22px;background:var(--tfp-plate);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 0 0 .5px var(--tfp-edge);overflow:hidden;color:var(--tfp-ink)}
.tfq-pad{padding:16px 18px;margin:0}
.tfq-list{max-height:min(62vh,640px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tfq-pick{min-height:50px}
.tfq-pick .tfq-mark{flex:none;display:grid;place-items:center;color:var(--tfp-ink2)}
.tfq-pick.on .tfq-mark{color:var(--tfp-gold-t)}
.tfq-pick em{margin-right:4px}
.tfq-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:999px;background:var(--tfp-fill);color:var(--tfp-ink2);box-shadow:inset 0 0 0 .5px var(--tfp-edge)}
.tfq-search input{flex:1 1 auto;min-width:0;border:0;background:none;color:var(--tfp-ink);font:400 16px/22px inherit;outline:none}
.tfq-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--tfp-gold-t)}
.tfq-search input::placeholder{color:var(--tfp-ink2)}
.tfq-p{margin:0;font-size:15px;line-height:1.45;color:var(--tfp-ink)}
p.tfq-p.tfq-plate{color:var(--tfp-ink2)}
.tfq-t{margin:0;font-size:19px;line-height:1.3;font-weight:600;color:var(--tfp-ink);overflow-wrap:anywhere}
.tfq-s{margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--tfp-ink2)}
.tfq-ask .tfq-p{margin-top:10px}
.tfq-who{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;line-height:18px;color:var(--tfp-ink2);min-width:0}
.tfq-who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tfq-seal{display:inline-grid;color:var(--tfp-gold-t)}
.tfq-go{width:100%;min-height:50px;margin-top:14px;border-radius:999px;font:600 16px/1 inherit;cursor:pointer;border:0}
.tfq-go:disabled{opacity:.6;cursor:default}
.tfq-said{display:flex;align-items:center;gap:8px;min-height:44px;margin:8px 0 0;font-size:15px;font-weight:600;color:var(--tfp-gold-t)}
.tfq-more{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}
.tfq-link{min-height:44px;padding:0;border:0;background:none;color:var(--tfp-ink2);font:500 14px/1 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--tfp-sep)}
.tfq-link:hover{color:var(--tfp-ink)}
.tfq-note{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--tfp-ink)}
.tfq-note svg{flex:none;color:var(--tfp-gold-t)}
.tfq-foot{margin:0 4px;font-size:13px;line-height:18px;color:var(--tfp-ink2)}
.tfq-sec{margin:22px 0 0;font-size:22px;line-height:28px;font-weight:700;color:var(--tfp-ink)}
.tfq-why .tfp-li{min-height:50px}
.tfq-prac .tfq-lab{display:block;margin:0 0 8px;font-weight:600}
.tfq-prac .tfq-plate{background:var(--tfp-fill);-webkit-backdrop-filter:none;backdrop-filter:none}
/* menu rows: the value sits at the end of the row, quieter */
#mmenu .mm-group a .tfq-mv{margin-left:10px;font-size:.62em;font-weight:500;color:var(--tfp-ink2);vertical-align:middle}
.tfq-page :focus-visible,.tfq-prac :focus-visible{outline:2px solid var(--tfp-gold-t);outline-offset:2px}
@media (max-width:520px){.tfq-pad{padding:14px 16px}.tfq-t{font-size:18px}}
@media (prefers-reduced-motion:reduce){.tfq-go,.tfq-link{transition:none}}
html body #mmenu .mm-group h3.tfq-h3{margin-top:34px!important}
.tfq-search input,.tfq-search input:focus,.tfq-search input:focus-visible{border:0!important;box-shadow:none!important;outline:none!important;background:none!important;padding:0!important;min-height:44px;border-radius:0!important}
