/* Court Bundle Index landing page only (tp-cbb) */
.tp-cbb .cb-demo{display:block}
.tp-cbb .cb-demo-body{display:grid;gap:14px;padding:18px}
.tp-cbb .cb-pane{min-width:0;border:1px solid var(--line,#d7e1ee);border-radius:16px;padding:16px;background:#fbfcfe}
.tp-cbb .cb-pane.cb-after{background:#f4fbf7;border-color:#b9dcc8}
.tp-cbb .cb-pane-label{margin:0 0 10px;color:#3159b8;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tp-cbb .cb-after .cb-pane-label{color:#066341}
.tp-cbb .cb-file{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px}
.tp-cbb .cb-file b{overflow-wrap:anywhere;color:var(--ink,#071b35)}
.tp-cbb .cb-file span{color:var(--muted,#52647b);font-size:.9rem}
.tp-cbb .cb-note{margin:0 0 8px;color:var(--muted,#52647b);font-size:.9rem;line-height:1.5}
.tp-cbb .cb-docs{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.tp-cbb .cb-docs li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line,#d7e1ee);border-radius:10px;background:#fff;font-size:.92rem}
.tp-cbb .cb-docs b{flex:none;color:var(--ink,#071b35);font-variant-numeric:tabular-nums}
.tp-cbb .cb-down{margin:0;text-align:center;color:var(--muted,#52647b);font-size:.86rem;font-weight:700}
.tp-cbb .cb-viewer{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin:0 0 12px;padding:10px;border:1px solid #cfe3d7;border-radius:12px;background:#fff}
.tp-cbb .cb-outline{display:grid;align-content:start;gap:6px;min-width:0;font-size:.86rem}
.tp-cbb .cb-outline small{color:var(--muted,#52647b);font-weight:700}
.tp-cbb .cb-outline span{overflow-wrap:anywhere;padding:6px 8px;border-radius:8px;background:#e7f4ec;color:#064d33;font-weight:700}
.tp-cbb .cb-thumb{display:grid;align-content:start;gap:5px;min-height:112px;padding:12px 10px 8px;border:1px solid var(--line,#d7e1ee);border-radius:6px;background:#fff}
.tp-cbb .cb-thumb i{display:block;height:5px;border-radius:3px;background:#dbe3ee}
.tp-cbb .cb-thumb i:first-child{width:60%;background:#b8c6d8}
.tp-cbb .cb-thumb i:nth-child(3){width:85%}
.tp-cbb .cb-thumb em{margin-top:auto;text-align:right;color:var(--muted,#52647b);font-size:.72rem;font-style:normal}
.tp-cbb .cb-csv{width:100%;margin:0 0 12px;border-collapse:collapse;font-size:.88rem;background:#fff}
.tp-cbb .cb-csv caption{padding:0 0 6px;text-align:left;font-weight:800;color:var(--ink,#071b35)}
.tp-cbb .cb-csv th,.tp-cbb .cb-csv td{padding:7px 8px;border:1px solid #cfe3d7;text-align:left}
.tp-cbb .cb-csv th{background:#e7f4ec;color:#064d33;font-weight:700}
.tp-cbb .cb-csv td{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.tp-cbb .cb-files{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:.9rem;line-height:1.45}
.tp-cbb .cb-files b{color:var(--ink,#071b35)}
.tp-cbb .cb-demo-foot{margin:0;padding:12px 18px 16px;border-top:1px solid var(--line,#d7e1ee);color:var(--muted,#52647b);font-size:.88rem;line-height:1.5}
.tp-cbb .cb-scope{display:grid;gap:14px;margin-top:18px}
.tp-cbb .cb-scope>div{padding:18px;border:1px solid var(--line,#d7e1ee);border-radius:16px;background:#fff}
.tp-cbb .cb-scope h3{margin:0 0 10px;font-size:1.05rem}
.tp-cbb .cb-scope ul{display:grid;gap:8px;margin:0;padding-left:20px;line-height:1.5}
.tp-cbb .cb-scope .cb-no{background:#fbfbf8}
@media(min-width:760px){
  .tp-cbb .cb-scope{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .tp-cbb .cb-viewer{grid-template-columns:1fr}
  .tp-cbb .cb-demo-body{padding:14px}
}

/* Three-step bundle wizard in the hero */
.tp-cbb .mt-promise h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}
@media(min-width:801px){.tp-cbb .mt-hero{align-items:start}.tp-cbb .mt-hero>.cb-demo{margin-top:24px}}
.tp-cbb .cbw{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.tp-cbb .cbw-step{display:grid;gap:8px;min-width:0;padding:14px 16px;border:1px solid var(--line,#d7e1ee);border-radius:14px;background:#fff}
.tp-cbb .cbw-step.cbw-here{border:2px solid var(--blue,#1f5cf0);background:#f5f9ff}
.tp-cbb .cbw-head{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:0 10px}
.tp-cbb .cbw-n{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft,#edf4ff);color:var(--blue-dark,#1548c7);font-weight:800}
.tp-cbb .cbw-here .cbw-n{background:var(--blue,#1f5cf0);color:#fff}
.tp-cbb .cbw-head h2{margin:0;font-size:1.05rem;line-height:1.25;letter-spacing:0}
.tp-cbb .cbw-head small{color:var(--muted,#52647b);font-size:.8rem;font-weight:700}
.tp-cbb .cbw-here .cbw-head small{color:var(--blue-dark,#1548c7)}
.tp-cbb .cbw-step p{margin:0;color:var(--ink,#071b35);font-size:.93rem;line-height:1.5}
.tp-cbb .cbw-step .cbw-lim{display:flex;flex-wrap:wrap;gap:6px}
.tp-cbb .cbw-lim span{padding:3px 9px;border:1px solid var(--line,#d7e1ee);border-radius:999px;background:#f7f9fc;color:var(--muted,#52647b);font-size:.78rem;font-weight:700;line-height:1.5}
.tp-cbb .cbw-here .cbw-lim span{background:#fff;border-color:#b8cbea}
.tp-cbb .cbw-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.tp-cbb .cbw-go{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:44px;padding:10px 18px;border:1.5px solid var(--blue,#1f5cf0);border-radius:10px;background:#fff;color:var(--blue-dark,#1548c7);font-weight:800;text-decoration:none}
.tp-cbb .cbw-go:hover{background:var(--soft,#edf4ff)}
.tp-cbb .cbw-go.cbw-primary{background:var(--blue,#1f5cf0);color:#fff}
.tp-cbb .cbw-go.cbw-primary:hover{background:var(--blue-dark,#1548c7)}
.tp-cbb .cbw-alt{display:inline-flex;align-items:center;min-height:44px;color:var(--blue-dark,#1548c7);font-size:.9rem;font-weight:700}
.tp-cbb .cbw-go:focus-visible,.tp-cbb .cbw-alt:focus-visible{outline:3px solid #0b3fb8;outline-offset:2px}
.tp-cbb .cbw-tip{margin:10px 0 0;color:var(--muted,#52647b);font-size:.9rem;line-height:1.5}
.tp-cbb .cb-merged{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#eef3fb}
.tp-cbb .mt-context-links{display:flex;flex-wrap:wrap;gap:8px 18px}
@media(max-width:800px){
  .tp-cbb .cbw{order:4;margin:4px 0 0}
  .tp-cbb .mt-promise>p.cbw-tip{order:5;margin:0}
  .tp-cbb .mt-promise>.mt-price{order:5}
}
@media(max-width:430px){
  .tp-cbb .mt-promise h1{font-size:clamp(1.9rem,10vw,2.5rem)}
  .tp-cbb .cbw-step{padding:12px 14px}
  .tp-cbb .cbw-go{align-self:stretch;justify-self:stretch}
  .tp-cbb .cbw-row .cbw-go{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.tp-cbb .cbw-go{transition:none}}