/* Authored Tools surfaces. Shared chrome and tokens remain owned by the product. */
.bts-tools { color-scheme:dark; }
.bts-tools a { color:var(--bts-accent); }
.bts-tools .nav-link,.bts-tools .nav-dropdown-item { color:var(--bts-muted); }
.bts-tools .nav-cta { color:var(--bts-accent-ink); }
.tools-shell { max-width:1120px; margin:auto; padding:38px 32px 60px; }
.bts-tools .page-directory { margin-bottom:42px; font-size:13px; color:var(--bts-muted); }
.tools-header { max-width:750px; margin-bottom:36px; }
.tools-header h1 { font-size:clamp(36px,5vw,62px); margin:0 0 22px; }
.tools-header p { max-width:660px; font-size:17px; line-height:1.65; }
.tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tool-card { display:flex; flex-direction:column; min-height:300px; padding:32px; border:1px solid var(--bts-border); border-radius:14px; background:var(--bts-surface); text-decoration:none; transition:border-color .15s,background .15s; }
.tool-card:hover { border-color:var(--bts-accent); background:var(--bts-raised); }
.tool-index { font-size:11px; letter-spacing:.13em; color:var(--bts-muted); margin-bottom:32px; }
.tool-card h2 { font-size:29px; margin-bottom:14px; }
.tool-card p { font-size:15px; line-height:1.7; margin-bottom:32px; max-width:370px; }
.tool-card-action { display:flex; justify-content:space-between; margin-top:auto; font-size:14px; font-weight:650; }
.tools-note { border-top:1px solid var(--bts-border); margin-top:40px; padding-top:28px; display:flex; align-items:center; flex-wrap:wrap; gap:18px 26px; font-size:14px; }
.tools-note>div { flex:1 1 380px; }
.tools-note h2 { font-size:19px; margin:0 0 8px; }
.tools-note p { margin:0; }
.tools-caption { font-size:13px; line-height:1.6; margin:12px 0; }
.tools-steps { list-style:none; display:flex; flex-wrap:wrap; gap:12px 32px; padding:0; margin-bottom:32px; font-size:13px; color:var(--bts-muted); }
.tools-steps span { color:var(--bts-accent); margin-right:7px; font-variant-numeric:tabular-nums; }
.tools-steps [aria-current] { color:var(--bts-text); }
.tracker-selection { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:16px; padding:24px; background:var(--bts-surface); border:1px solid var(--bts-border); border-radius:12px; margin-bottom:40px; }
.tracker-selection h2 { font-size:20px; margin:0 0 8px; }
.tracker-selection p { font-size:13px; margin:0; }
.tracker-selection ul { list-style:none; display:flex; flex-wrap:wrap; gap:8px; padding:0; width:100%; }
.tracker-selection ul:empty,.tracker-selection #selection-status:empty { display:none; }
.tracker-selection li { min-width:0; }
.tracker-selection li button { font:inherit; font-size:13px; background:var(--bts-raised); border:1px solid var(--bts-border); color:var(--bts-text); border-radius:8px; min-height:44px; padding:8px 12px; cursor:pointer; overflow-wrap:anywhere; }
.tracker-selection #selection-status { width:100%; color:var(--bts-warning); }
.tools-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.tools-section-heading h2 { font-size:28px; margin-bottom:8px; }
.tools-section-heading p,.tools-section-heading>a { font-size:13px; }
.tracker-filters { display:grid; grid-template-columns:minmax(0,1fr) 200px auto; gap:14px; align-items:end; margin:24px 0 16px; }
.tracker-filters label { min-width:0; display:grid; gap:8px; font-size:13px; color:var(--bts-text); }
.tracker-filters input,.tracker-filters select { min-width:0; width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--bts-border); border-radius:8px; font:16px var(--bts-font); }
.tracker-filters input::placeholder { color:var(--bts-muted); opacity:1; }
.tracker-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.tracker-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--bts-border); background:var(--bts-surface); border-radius:12px; padding:22px; }
.tracker-card.is-selected { border-color:var(--bts-accent); }
.tracker-card h3 { font-size:19px; margin:0 0 6px; overflow-wrap:anywhere; }
.tracker-domain { font-size:12px; overflow-wrap:anywhere; }
.tracker-tags { display:flex; flex-wrap:wrap; gap:6px; margin:16px 0 14px; }
.tracker-tags span { font-size:11px; padding:4px 7px; background:var(--bts-raised); border-radius:4px; color:var(--bts-muted); }
.tracker-card .bts-button { width:100%; margin-top:auto; }
.tracker-card .bts-button[aria-pressed=true] { color:var(--bts-accent); border-color:var(--bts-accent); }
.tracker-support { font-size:12px; margin-bottom:16px; color:var(--bts-warning)!important; }
.tools-empty { border:1px dashed var(--bts-border); border-radius:10px; padding:28px; margin:16px 0; }
.tools-empty h3 { font-size:19px; margin-bottom:8px; }
.tools-empty p { font-size:14px; margin-bottom:16px; }
.bts-tools .bts-button-primary { color:var(--bts-accent-ink); }
@media(max-width:800px) { .tracker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tracker-filters { grid-template-columns:minmax(0,1fr) 180px; }.tracker-filters>button { justify-self:start; }.tool-card { padding:24px; }.tool-card h2 { font-size:25px; } }
@media(max-width:540px) { .tools-shell { padding:28px 20px 48px; }.bts-tools .page-directory { margin-bottom:30px; }.tools-grid,.tracker-grid,.tracker-filters { grid-template-columns:1fr; }.tools-header h1 { font-size:40px; }.tools-header p { font-size:16px; }.tool-card { min-height:260px; }.tracker-selection { padding:20px; }.tracker-selection>a { width:100%; }.tools-steps { gap:12px; }.tools-steps li { flex-basis:100%; } }

/* Retain the public setup guide introduced on main. */
.tracker-guide { max-width: 860px; margin: 3rem auto 0; padding: 0 0 2rem; color: var(--bts-muted); }
.tracker-guide h2, .tracker-guide h3 { color: var(--bts-text); margin-top: 1.5rem; }
.tracker-guide p { line-height: 1.7; }
.tracker-guide a { color: var(--bts-accent); text-underline-offset: 3px; }