/* Drop 778: the Trust Center and the scope builder */
.tc, .sb { --ts-navy: #0F294C; --ts-gold: #D4A03A; --ts-goldtx: #8C6410; --ts-ink: var(--fg, #0E1B2E); --ts-soft: var(--fg-muted, #5B6780); --ts-line: var(--border, #E1E6EE); --ts-card: var(--bg-card, #fff); --ts-mist: var(--bg-2, #F3F6FA);
  padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 4vw, 4rem) clamp(3rem, 6vw, 5rem); color: var(--ts-ink); }
[data-theme="dark"] .tc, [data-theme="dark"] .sb { --ts-goldtx: #E3B45A; }
.tc { display: grid; gap: 2.6rem; }
.tc-nav { display: flex; flex-wrap: wrap; gap: .5rem; position: sticky; top: calc(var(--header-h, 80px) + .5rem); z-index: 4; padding: .5rem; border-radius: 14px; border: 1px solid var(--ts-line); background: color-mix(in srgb, var(--ts-card) 90%, transparent); backdrop-filter: blur(8px); }
.tc-nav a { padding: .45rem .9rem; border-radius: 999px; font-size: .85rem; font-weight: 600; color: var(--ts-soft); text-decoration: none; } .tc-nav a:hover { background: var(--ts-mist); color: var(--ts-ink); }
.tc-h { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.1rem; font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ts-goldtx); font-family: var(--font-label, inherit); } [dir="rtl"] .tc-h { letter-spacing: 0; }
.tc-h::after { content: ""; flex: 1; height: 1px; background: var(--ts-line); }
.tc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1rem; } .tc-grid.is-faq { grid-template-columns: minmax(0, 1fr); gap: .6rem; }
.tc-card { padding: 1.4rem; border-radius: 16px; border: 1px solid var(--ts-line); background: var(--ts-card); display: grid; gap: .55rem; align-content: start; }
.tc-card h3 { margin: 0; font-size: 1.05rem; } .tc-card p { margin: 0; color: var(--ts-soft); line-height: 1.7; font-size: .92rem; }
.tc-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--ts-navy) 8%, transparent); } [data-theme="dark"] .tc-ic { background: color-mix(in srgb, var(--ts-gold) 14%, transparent); }
.tc-ic svg { width: 22px; height: 22px; fill: none; stroke: var(--ts-goldtx); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.tc-act { display: flex; gap: .8rem; align-items: center; margin-top: .3rem !important; } .tc-link { font-weight: 600; }
.tc-q { border: 1px solid var(--ts-line); border-radius: 12px; background: var(--ts-card); padding: .9rem 1.1rem; } .tc-q summary { cursor: pointer; font-weight: 600; } .tc-q p { margin: .6rem 0 0; color: var(--ts-soft); line-height: 1.7; }
.tc-fws { display: flex; flex-wrap: wrap; gap: .6rem; } .tc-fws a { display: grid; padding: .7rem 1rem; border-radius: 12px; border: 1px solid var(--ts-line); background: var(--ts-card); text-decoration: none; color: inherit; min-width: 9rem; }
.tc-fws a:hover { border-color: var(--ts-gold); } .tc-fws small { color: var(--ts-soft); font-size: .75rem; }
.tc-report { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.6rem 1.8rem; border-radius: 18px; background: var(--ts-navy); color: #fff; }
.tc-report h2 { margin: 0 0 .3rem; font-size: 1.2rem; color: #fff; } .tc-report p { margin: 0; color: rgba(255, 255, 255, .8); }
/* scope builder */
.sb { display: grid; gap: 1.4rem; }
.sb-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.sb-steps li { display: flex; gap: .55rem; align-items: center; padding: .7rem .8rem; border-radius: 12px; border: 1px solid var(--ts-line); font-size: .82rem; color: var(--ts-soft); }
.sb-steps li span { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .78rem; border: 1.5px solid currentColor; flex: none; }
.sb-steps li.is-on { border-color: var(--ts-gold); color: var(--ts-ink); font-weight: 600; } .sb-steps li.is-done { color: #15803d; }
@media (max-width: 760px) { .sb-steps { grid-template-columns: repeat(4, auto); } .sb-steps li { font-size: 0; padding: .5rem; } .sb-steps li span { font-size: .78rem; } }
.sb:not(.is-js) .sb-steps { display: none; } .sb.is-js .sb-step:not(.is-on) { display: none; }
.sb-step { border: 0; margin: 0; padding: 0; } .sb-h { font-size: 1.3rem; margin: 0 0 .4rem; padding: 0; } .sb-p { margin: 0 0 1rem; color: var(--ts-soft); }
.sb-fws { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: .7rem; }
.sb-fw, .sb-opt { position: relative; cursor: pointer; } .sb-fw input, .sb-opt input { position: absolute; opacity: 0; }
.sb-fw span, .sb-opt span { display: grid; gap: .2rem; padding: 1rem 1.1rem; border-radius: 14px; border: 1.5px solid var(--ts-line); background: var(--ts-card); transition: border-color .2s, box-shadow .2s; height: 100%; }
.sb-fw small { color: var(--ts-soft); font-size: .8rem; line-height: 1.4; } .sb-fw i { font-style: normal; font-size: .68rem; font-weight: 700; color: var(--ts-goldtx); text-transform: uppercase; letter-spacing: .06em; } [dir="rtl"] .sb-fw i { letter-spacing: 0; }
.sb-fw input:checked + span, .sb-opt input:checked + span { border-color: var(--ts-gold); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ts-gold) 18%, transparent); }
.sb-fw input:focus-visible + span, .sb-opt input:focus-visible + span { outline: 2px solid var(--ts-gold); outline-offset: 2px; }
.sb-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: .6rem; } .sb-opt span { font-weight: 600; }
.sb-err { color: #b91c1c; margin: .8rem 0 0; }
.sb-nav { display: flex; gap: .7rem; justify-content: flex-end; } .sb-nav [hidden] { display: none; }
.sb-result { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 1rem; }
.sb-doms { grid-column: 1 / -1; padding: 1rem 1.2rem; border-radius: 14px; background: var(--ts-mist); } .sb-doms h4 { margin: 0 0 .4rem; } .sb-doms p { margin: 0; color: var(--ts-soft); line-height: 1.8; font-size: .9rem; }
.sb-card { padding: 1.3rem; border-radius: 16px; border: 1px solid var(--ts-line); background: var(--ts-card); border-top: 3px solid var(--ts-gold); }
.sb-card header { display: grid; gap: .15rem; margin-bottom: .6rem; } .sb-card header b { font-size: 1.2rem; color: var(--ts-navy); } [data-theme="dark"] .sb-card header b { color: #7FA3D9; }
.sb-card header span { font-weight: 600; } .sb-card header em { font-style: normal; font-size: .8rem; color: var(--ts-soft); }
.sb-card h4 { margin: .8rem 0 .35rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ts-goldtx); } [dir="rtl"] .sb-card h4 { letter-spacing: 0; }
.sb-card ul { margin: 0; padding-inline-start: 1.1rem; display: grid; gap: .25rem; font-size: .88rem; color: var(--ts-soft); } .sb-card ul.is-check { list-style: none; padding: 0; }
.sb-card ul.is-check li::before { content: "✓"; color: #15803d; font-weight: 700; margin-inline-end: .45rem; }
.sb-more { display: inline-block; margin-top: .8rem; font-size: .85rem; font-weight: 600; }

/* ── Drop 793: the scope builder, rebuilt ─────────────────────────────── */
.sb-flash { margin: 0; padding: .8rem 1rem; border-radius: 12px; background: color-mix(in srgb, #dc2626 10%, transparent); color: #991b1b; }
.sb-top { position: sticky; top: calc(var(--header-h, 80px) + .5rem); z-index: 5; display: grid; gap: .5rem; padding: .6rem; border-radius: 16px; background: color-mix(in srgb, var(--ts-card) 92%, transparent); backdrop-filter: blur(8px); border: 1px solid var(--ts-line); }
.sb:not(.is-js) .sb-top { display: none; }
.sb-steps { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); display: grid; grid-auto-flow: column; }
.sb-steps li { padding: 0; border: 0; }
.sb-steps li button { display: flex; align-items: center; gap: .5rem; width: 100%; border: 0; background: transparent; padding: .45rem .5rem; border-radius: 10px; font: inherit; font-size: .8rem; color: var(--ts-soft); cursor: pointer; text-align: start; }
.sb-steps li button:disabled { cursor: default; opacity: .55; }
.sb-steps li button:not(:disabled):hover { background: var(--ts-mist); }
.sb-steps li button span { width: 26px; height: 26px; flex: none; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .78rem; border: 1.5px solid currentColor; }
.sb-steps li button em { font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb-steps li.is-on button { color: var(--ts-ink); font-weight: 600; } .sb-steps li.is-on button span { background: #0F294C; border-color: #0F294C; color: #fff; }
.sb-steps li.is-done:not(.is-on) button { color: #15803d; } .sb-steps li.is-done:not(.is-on) button span { background: #15803d; border-color: #15803d; color: #fff; }
@media (max-width: 900px) { .sb-steps li button em { display: none; } .sb-steps li.is-on button em { display: inline; } }
.sb-progress { height: 3px; border-radius: 3px; background: var(--ts-line); overflow: hidden; } .sb-progress i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #0F294C, #D4A03A); transition: width .35s; }
.sb-count { display: block; font-size: .78rem; font-weight: 600; color: var(--ts-goldtx); margin-bottom: .3rem; }
.sb-group { margin: 1rem 0 .5rem; font-size: .8rem; font-weight: 600; color: var(--ts-soft); }
.sb-fw span { grid-template-columns: auto minmax(0, 1fr); column-gap: .7rem; align-items: center; }
.sb-fw .pf-seal { grid-row: span 3; width: 42px; height: 42px; } .sb-fw em { font-style: normal; font-size: .68rem; font-weight: 700; color: var(--ts-goldtx); }
.sb-opts.is-multi .sb-opt span { padding-inline-start: 2.6rem; position: relative; }
.sb-opts.is-multi .sb-opt span::before { content: ""; position: absolute; inset-inline-start: 1rem; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 4px; border: 1.5px solid var(--ts-line); background: var(--ts-card); }
.sb-opts.is-multi .sb-opt input:checked + span::before { background: #0F294C; border-color: #0F294C; box-shadow: inset 0 0 0 3px var(--ts-card); }
.sb-result { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: clamp(1.2rem, 3vw, 2.4rem); align-items: start; }
.sb.is-js .sb-result:not(.is-on) { display: none; }
@media (max-width: 960px) { .sb-result { grid-template-columns: minmax(0, 1fr); } }
.sb-sum { border: 1px solid var(--ts-line); border-radius: 16px; background: var(--ts-card); padding: .4rem 1.1rem; margin: 1rem 0 1.2rem; }
.sb-sum h3 { margin: .7rem 0 .2rem; font-size: .9rem; }
.sb-sum dl { margin: 0; } .sb-sum dl div { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr) auto; gap: .8rem; padding: .65rem 0; border-top: 1px solid var(--ts-line); align-items: baseline; }
.sb-sum dl div:first-child { border-top: 0; } .sb-sum dt { font-size: .82rem; color: var(--ts-soft); } .sb-sum dd { margin: 0; font-weight: 600; font-size: .92rem; }
.sb-chg button { border: 0; background: transparent; color: var(--ts-goldtx); font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer; padding: 0; }
.sb-dim { color: var(--ts-soft); font-weight: 400; }
.sb-result-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: 1rem; }
.sb-card header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; align-items: center; margin-bottom: .4rem; }
.sb-card header .pf-seal { width: 44px; height: 44px; } .sb-card header div { display: grid; } .sb-card header span { font-size: .8rem; color: var(--ts-soft); }
.sb-card header em { font-style: normal; font-size: .7rem; color: var(--ts-soft); text-align: end; line-height: 1.3; } .sb-card header em strong { color: var(--ts-ink); font-size: .85rem; }
.sb-doms { grid-column: 1 / -1; } .sb-doms p { display: flex; flex-wrap: wrap; gap: .35rem; } .sb-doms p span { font-size: .78rem; padding: .25rem .6rem; border-radius: 999px; background: var(--ts-card); border: 1px solid var(--ts-line); color: var(--ts-ink); }
.sb-next { position: sticky; top: calc(var(--header-h, 80px) + 6rem); padding: 1.3rem; border-radius: 18px; background: #0F294C; color: #fff; display: grid; gap: .9rem; }
.sb-next h3 { margin: 0; font-size: 1.05rem; color: #fff; }
.sb-next ol { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; counter-reset: nx; }
.sb-next li { counter-increment: nx; display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: .7rem; }
.sb-next li::before { content: counter(nx); grid-row: span 2; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(212, 160, 58, .18); color: #D4A03A; font-weight: 700; font-size: .78rem; }
.sb-next li b { font-size: .88rem; } .sb-next li span { font-size: .78rem; color: rgba(255, 255, 255, .72); line-height: 1.5; }
.sb-next .sb-send { width: 100%; justify-content: center; margin-top: .2rem; }
.sb.is-js .sb-nav [hidden] { display: none; }
@media (max-width: 760px) { .sb-steps { grid-template-columns: none; } .sb-steps li { font-size: inherit; padding: 0; } }