.bridge-intake-demo {
  padding: clamp(3rem, 7vw, 6rem) 0;
  background: var(--bridge-surface-soft);
}

.bridge-intake-shell {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
}

.bridge-intake-header {
  max-width: 760px;
  margin-bottom: 2rem;
}

.bridge-intake-header h1 {
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  color: var(--bridge-blue-dark);
}

.bridge-intake-header p {
  color: var(--bridge-muted);
  font-size: 1.1rem;
}

.bridge-intake-progress {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.5rem;
}

.bridge-intake-progress span {
  padding: .45rem .75rem;
  border-radius: 999px;
  background: #fff;
  color: var(--bridge-muted);
  font-weight: 800;
  font-size: .8rem;
}

.bridge-intake-progress .is-active {
  background: var(--bridge-blue);
  color: #fff;
}

.bridge-intake-form {
  display: grid;
  gap: 1.25rem;
}

.bridge-intake-step,
.bridge-routing-preview {
  padding: 1.5rem;
  border: 1px solid var(--bridge-border);
  border-radius: var(--bridge-radius-lg);
  background: #fff;
  box-shadow: var(--bridge-shadow-sm);
}

.bridge-intake-step legend {
  margin-bottom: 1rem;
  color: var(--bridge-blue-dark);
  font-size: 1.35rem;
  font-weight: 900;
}

.bridge-intake-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.bridge-intake-options label,
.bridge-choice-row label,
.bridge-service-grid label {
  display: grid;
  gap: .25rem;
  padding: 1rem;
  border: 1px solid var(--bridge-border);
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
}

.bridge-intake-options label:has(input:checked),
.bridge-choice-row label:has(input:checked),
.bridge-service-grid label:has(input:checked) {
  border-color: var(--bridge-blue);
  background: var(--bridge-blue-soft);
}

.bridge-intake-options strong {
  color: var(--bridge-blue-dark);
}

.bridge-intake-options span {
  color: var(--bridge-muted);
  font-size: .92rem;
}

.bridge-choice-row,
.bridge-service-grid,
.bridge-routing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

.bridge-routing-preview h2 {
  color: var(--bridge-blue-dark);
}

.bridge-routing-grid div {
  padding: 1rem;
  border-radius: 16px;
  background: var(--bridge-blue-soft);
}

.bridge-routing-grid strong,
.bridge-routing-grid span {
  display: block;
}

.bridge-routing-grid span {
  margin-top: .25rem;
  color: var(--bridge-muted);
  font-size: .9rem;
}

.bridge-intake-actions {
  display: flex;
  justify-content: flex-end;
  gap: .75rem;
}

@media (max-width: 800px) {
  .bridge-intake-options,
  .bridge-choice-row,
  .bridge-service-grid,
  .bridge-routing-grid {
    grid-template-columns: 1fr;
  }
}

.bridge-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:1rem;
}

.bridge-hero-tags span{
    display:inline-flex;
    align-items:center;
    padding:.35rem .75rem;
    border-radius:999px;
    background:#eef6ff;
    color:#0d6efd;
    font-size:.8rem;
    font-weight:600;
}

.bridge-request-summary,
.bridge-workflow-preview {
    padding: 1.5rem;
    border: 1px solid var(--bridge-border);
    border-radius: var(--bridge-radius-lg);
    background: #fff;
    box-shadow: var(--bridge-shadow-sm);
}

.bridge-orchestration-flow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.75rem;
    margin:1rem 0 1.5rem;
    padding:1rem;
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
}

.bridge-orchestration-flow span{
    color:#64748b;
    font-weight:600;
}

.bridge-orchestration-flow strong{
    font-size:1.05rem;
    letter-spacing:.02em;
    background:#0d6efd;
    color:#fff;
    padding:.4rem .9rem;
    border-radius:999px;
}

.bridge-orchestration-flow .flow-arrow{
    color:#94a3b8;
    font-size:1.2rem;
}

.bridge-workflow-steps{
    position:relative;
}

.bridge-workflow-steps::before{
    content:'';
    position:absolute;
    top:40px;
    left:10%;
    right:10%;
    height:2px;
    background:#dbeafe;
    z-index:0;
}

.bridge-workflow-steps > div{
    position:relative;
}

.bridge-workflow-steps > div:not(:last-child)::after{
    content:"→";
    position:absolute;
    right:-18px;
    top:45%;
    color:#94a3b8;
    font-size:1.5rem;
    z-index:10;
}

.bridge-summary-grid,
.bridge-workflow-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.bridge-summary-grid div,
.bridge-workflow-steps div {
    padding: 1rem;
    border-radius: 16px;
    background: var(--bridge-blue-soft);
}

.bridge-summary-grid strong,
.bridge-summary-grid span,
.bridge-workflow-steps strong,
.bridge-workflow-steps p {
    display: block;
}

.bridge-summary-grid span,
.bridge-workflow-steps p,
.bridge-routing-copy {
    color: var(--bridge-muted);
}

.bridge-workflow-steps span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: var(--bridge-blue);
    color: #fff;
    font-weight: 900;
}

@media (max-width: 800px) {
    .bridge-summary-grid,
    .bridge-workflow-steps {
        grid-template-columns: 1fr;
    }
}

/* ================================
   Phase 1 Polish
================================ */

.bridge-intake-demo {
    background:
        radial-gradient(circle at top right, rgba(12, 138, 106, 0.08), transparent 34rem),
        var(--bridge-surface-soft);
}

.bridge-intake-header {
    max-width: none;
    margin-bottom: 2rem;
    padding: clamp(2rem, 4vw, 3.25rem);
    border: 1px solid var(--bridge-border);
    border-radius: 32px;
    background: #fff;
    box-shadow: var(--bridge-shadow-sm);
}

.bridge-intake-header h2 {
    max-width: 820px;
    margin-bottom: 0.85rem;
    font-size: clamp(2.75rem, 5vw, 5rem);
    line-height: 0.95;
}

.bridge-intake-header p {
    max-width: 760px;
    font-size: 1.05rem;
}

.bridge-intake-progress {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 1.75rem 0 0;
}

.bridge-intake-progress span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0.5rem 0.8rem;
    border: 1px solid var(--bridge-border);
    border-radius: 999px;
    background: #fff;
    color: var(--bridge-muted);
    font-size: 0.78rem;
    font-weight: 900;
}

.bridge-intake-progress span.is-active {
    border-color: var(--bridge-blue);
    background: var(--bridge-blue);
    color: #fff;
}

.bridge-intake-card {
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: 1px solid var(--bridge-border);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--bridge-shadow-sm);
}

.bridge-intake-card + .bridge-intake-card {
    margin-top: 1rem;
}

.bridge-intake-card h3 {
    margin-bottom: 1rem;
    color: var(--bridge-blue-dark);
    font-size: clamp(1.45rem, 2.2vw, 2rem);
}

.bridge-intake-grid--activity {
    display: grid;
    grid-template-columns:repeat(2,1fr);
    gap: 0.85rem;
}

.bridge-side-card--dark h3{
    font-size:1.65rem;
    line-height:1.15;
    max-width:none;
    padding:2rem;
}

.bridge-choice-card {
    position: relative;
    display: grid;
    gap: 0.5rem;
    min-height: 150px;
    padding: 1.15rem;
    border: 1px solid var(--bridge-border);
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    transition:
        border-color 180ms ease,
        background 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.bridge-choice-card input {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.bridge-choice-card strong {
    color: var(--bridge-blue-dark);
    font-size: 1.1rem;
}

.bridge-choice-card span {
    max-width: 95%;
    color: var(--bridge-muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.bridge-choice-card:hover {
    transform: translateY(-2px);
    border-color: var(--bridge-blue);
    box-shadow: 0 14px 30px rgba(0, 71, 108, 0.1);
}

.bridge-choice-card:has(input:checked) {
    border-color: var(--bridge-blue);
    background: var(--bridge-blue-soft);
}

.bridge-choice-row label,
.bridge-service-grid label {
    min-height: 70px;
    align-items: center;
    border-radius: 18px;
    transition:
        border-color 180ms ease,
        background 180ms ease,
        box-shadow 180ms ease;
}

.bridge-choice-row label:hover,
.bridge-service-grid label:hover {
    border-color: var(--bridge-blue);
    box-shadow: 0 10px 24px rgba(0, 71, 108, 0.08);
}

@media (max-width: 1100px) {
    .bridge-intake-grid--activity {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .bridge-intake-grid--activity {
        grid-template-columns: 1fr;
    }

    .bridge-choice-card {
        min-height: auto;
    }
}

/* ==========================================================================
   BRIDGE Start Planning Refinement
   ========================================================================== */


.bridge-intake-shell--refined {
    max-width: 1180px;
}

.bridge-planning-hero {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 28px;
    padding: 2.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
}

.bridge-planning-hero__icon {
    width: 76px;
    height: 76px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0d6efd;
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.bridge-planning-hero h2 {
    margin: 0 0 .5rem;
    font-size:3rem;
    letter-spacing: -.04em;
}

.bridge-planning-hero p:last-child {
    margin: 0;
    max-width: 780px;
    color: #64748b;
    font-size: 1.05rem;
}

.bridge-intake-progress--refined {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1.5rem;
}

.bridge-intake-progress--refined span {
    border-radius: 999px;
    padding: .55rem .9rem;
    background: #f1f5f9;
    color: #64748b;
    font-weight: 700;
    font-size: .88rem;
}

.bridge-intake-progress--refined span.is-active {
    background: #0f172a;
    color: #fff;
}

.bridge-intake-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.5rem;
    align-items: start;
}

.bridge-intake-main,
.bridge-intake-sidebar {
    display: grid;
    gap: 1.25rem;
}

.bridge-intake-card--featured {
    border: 1px solid rgba(13, 110, 253, .18);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.bridge-step-intro {
    color: #64748b;
    margin-top: -.25rem;
    margin-bottom: 1.25rem;
}

.bridge-choice-card--large {
    position: relative;
    display: grid;
    gap: .45rem;
    min-height: 220px;
    border-radius: 22px;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .1);
    cursor: pointer;
    transition: all .2s ease;
    justify-content:flex-start;
}

.bridge-choice-card--large:hover {
    transform: translateY(-3px);
    border-color: rgba(13, 110, 253, .45);
    box-shadow: 0 16px 35px rgba(15, 23, 42, .09);
}

.bridge-choice-card--large input {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.bridge-choice-icon {
    width:64px;
    height:64px;
    border-radius:18px;
    font-size:1.4rem;
    margin-bottom:1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef6ff;
    color: #0d6efd;
}

.bridge-choice-icon i{
    font-size:1.5rem;
}

.bridge-choice-card--large:hover .bridge-choice-icon{
    background:#0d6efd;
    color:#fff;
}

.bridge-choice-card--large strong {
    font-size: 1.1rem;
    color: #0f172a;
}

.bridge-choice-card--large small {
    color: #64748b;
    line-height: 1.45;
}

.bridge-choice-row--cards {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.bridge-choice-row--cards .bridge-service-option{
    min-width:150px;
}

.bridge-choice-row--cards label,
.bridge-service-grid--refined label {
    border: 1px solid rgba(15, 23, 42, .1);
    background: #fff;
    border-radius: 16px;
    padding: .85rem 1rem;
    font-weight: 700;
    cursor: pointer;
}

.bridge-service-grid--refined {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.bridge-side-card {
    border-radius: 24px;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
}

.bridge-side-card h3 {
    margin-bottom: 1rem;
}

.bridge-side-card--dark {
    background: #0f172a;
    color: #fff;
}

.bridge-side-card--dark .bridge-card-kicker,
.bridge-side-card--dark p,
.bridge-side-card--dark li {
    color: rgba(255,255,255,.78);
}

.bridge-system-list {
    display: grid;
    gap: .75rem;
}

.bridge-system-list div {
    display: grid;
    gap: .15rem;
    padding: .75rem;
    border-radius: 16px;
    background: #f8fafc;
}

.bridge-system-list span {
    color: #64748b;
    font-size: .9rem;
}

.bridge-next-list {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
}

.bridge-next-list li {
    margin-bottom: .65rem;
}

.bridge-request-summary--refined,
.bridge-workflow-preview--refined {
    margin-top: 1.5rem;
}

.bridge-workflow-preview--refined .bridge-workflow-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 991px) {
    .bridge-intake-layout {
        grid-template-columns: 1fr;
    }

    .bridge-intake-sidebar {
        grid-template-columns: 1fr;
    }

    .bridge-workflow-preview--refined .bridge-workflow-steps {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .bridge-planning-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.5rem;
    }

    .bridge-service-grid--refined,
    .bridge-workflow-preview--refined .bridge-workflow-steps {
        grid-template-columns: 1fr;
    }
}

.bridge-future-state{
    text-align:center;
    color:#64748b;
    font-size:.9rem;
    margin-top:-.5rem;
    margin-bottom:1rem;
}

.bridge-service-option{
    display:flex !important;
    align-items:center !important;
    gap:.75rem !important;

    min-height:72px;

    padding:1rem 1.25rem;

    border:1px solid rgba(15,23,42,.10);
    border-radius:18px;

    background:#fff;
    cursor:pointer;
}

.bridge-service-option input{
    width:18px;
    height:18px;
    margin:0 !important;
    flex-shrink:0;
}

.bridge-service-option span{
    display:block;
    font-weight:600;
    line-height:1.2;
}

.bridge-service-option:hover{
    border-color:#0d6efd;
    background:#f8fbff;
    transform:translateY(-1px);
}

.bridge-service-option:has(input:checked){
    border-color:#0d6efd;
    background:#eef6ff;
}

.bridge-next-steps{
    display:grid;
    gap:.75rem;
    margin-top:1rem;
}

.bridge-next-step{
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:.15rem 0;
}

.bridge-next-steps{
    gap:1rem;
}

.bridge-next-number{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:.9rem;
}

.bridge-dark-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:rgba(255,255,255,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:1rem;
}

.bridge-dark-icon i{
    font-size:1.5rem;
    color:#fff;
}

.bridge-dark-icon{
    width:56px;
    height:56px;
    border-radius:18px;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:1.25rem;
}

.bridge-dark-icon i{
    color:#fff;
    font-size:1.55rem;
}

.bridge-side-card--dark h3{
    color:#fff;
    font-size:1.2rem;
    line-height:1.2;
    margin-bottom:1rem;
}

.bridge-next-steps{
    display:grid;
    gap:.75rem;
}

.bridge-next-step{
    display:flex;
    align-items:center;
    gap:.75rem;
    color:rgba(255,255,255,.88);
    font-weight:700;
}

.bridge-next-number{
    width:30px;
    height:30px;
    border-radius:50%;
    background:rgba(255,255,255,.14);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.82rem;
    font-weight:800;
    flex:0 0 auto;
}

.bridge-next-step:not(:last-child)::after{
    content:"";
    position:absolute;
    left:16px;
    top:34px;
    width:2px;
    height:16px;
    background:rgba(255,255,255,.18);
}

.bridge-form-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:2rem;
}

.bridge-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;

    padding:.9rem 1.5rem;

    border-radius:14px;

    text-decoration:none;
    font-weight:700;

    transition:all .2s ease;
}

.bridge-btn--primary{
    background:#0d6efd;
    color:#fff;
}

.bridge-btn--primary:hover{
    background:#0b5ed7;
    color:#fff;
    transform:translateY(-1px);
}

/* ==========================================================================
   BRIDGE Results Experience
   ========================================================================== */


.bridge-results-shell{
    max-width:1180px;
    margin:0 auto;
    padding:2rem 1rem 4rem;
}

.bridge-results-hero{
    background:#fff;
    border-radius:28px;
    padding:2.5rem;
    margin-bottom:1.5rem;

    border:1px solid rgba(15,23,42,.08);

    box-shadow:0 16px 40px rgba(15,23,42,.05);
}

.bridge-results-hero h1{
    margin:.5rem 0 1rem;
    font-size:clamp(2.5rem,5vw,4rem);
    line-height:1;
    letter-spacing:-.05em;
}

.bridge-results-hero p:last-child{
    max-width:850px;
    color:#64748b;
}

.bridge-results-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    margin-bottom:1.5rem;
}

.bridge-results-card{
    background:#fff;
    border-radius:24px;

    padding:1.75rem;

    border:1px solid rgba(15,23,42,.08);

    box-shadow:0 16px 40px rgba(15,23,42,.05);

    margin-bottom:1.5rem;
}

.bridge-results-card h2{
    margin-bottom:1rem;
}

.bridge-results-detail-list{
    display:grid;
    gap:1rem;
}

.bridge-results-detail-list div{
    background:#f8fafc;
    border-radius:16px;
    padding:1rem;
}

.bridge-results-detail-list span{
    display:block;
    color:#64748b;
    font-size:.85rem;
    margin-bottom:.35rem;
}

.bridge-results-detail-list strong{
    font-size:1rem;
}

.bridge-decision-pill-row{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin-top:1.25rem;
}

.bridge-decision-pill-row span{
    background:#eef6ff;
    color:#0d6efd;

    padding:.45rem .85rem;

    border-radius:999px;

    font-size:.85rem;
    font-weight:600;
}

.bridge-system-routing-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
}

.bridge-system-routing-card{
    background:#f8fafc;

    border-radius:18px;

    padding:1.25rem;

    display:grid;
    gap:.5rem;
}

.bridge-system-icon{
    width:56px;
    height:56px;

    border-radius:16px;

    background:#eef6ff;

    color:#0d6efd;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:1.35rem;
}

.bridge-generated-workflow{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:1rem;
}

.bridge-generated-step{
    background:#f8fafc;

    border-radius:18px;

    padding:1rem;

    position:relative;
}

.bridge-generated-step span{
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#0d6efd;
    color:#fff;

    border-radius:50%;

    margin-bottom:.75rem;
}

.bridge-results-card--recommendation{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:2rem;
    align-items:start;
}

.bridge-recommendation-list{
    margin:0;
    padding-left:1.25rem;
}

.bridge-generated-step:not(:last-child)::after{
    content:'→';
    position:absolute;
    right:-18px;
    top:42%;
    color:#94a3b8;
    font-size:1.25rem;
    font-weight:700;
}

.bridge-results-actions{
    display:flex;
    justify-content:flex-end;
    gap:1rem;
    margin-top:2rem;
}

.bridge-generated-workflow{
    position:relative;
}

.bridge-generated-workflow::before{
    content:'';
    position:absolute;
    left:8%;
    right:8%;
    top:32px;
    height:2px;
    background:#dbeafe;
    z-index:0;
}

.bridge-generated-step{
    position:relative;
    z-index:2;
}

@media (max-width:991px){

    .bridge-results-grid{
        grid-template-columns:1fr;
    }

    .bridge-system-routing-grid{
        grid-template-columns:1fr 1fr;
    }

    .bridge-generated-workflow{
        grid-template-columns:1fr 1fr;
    }

    .bridge-results-card--recommendation{
        grid-template-columns:1fr;
    }
}


/* ==========================================
   FUTURE INTAKE EXPERIENCE
========================================== */


.bridge-future-intake-card {
    border: 1px solid #dbeafe;
    margin-top: 2rem;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fbff 100%
    );
}

.bridge-future-intake-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 1.5rem;
}

.bridge-future-intake-column h4 {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--bridge-blue-dark);
}

.bridge-future-intake-column ul {
    margin: 0;
    padding-left: 1.25rem;
}

.bridge-future-intake-column li {
    margin-bottom: .5rem;
    color: #475569;
}

.bridge-future-intake-note {
    margin-top: 1rem;
    color: #64748b;
    font-size: .95rem;
}

@media (max-width: 768px) {

    .bridge-future-intake-grid {
        grid-template-columns: 1fr;
    }

}

.bridge-tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.bridge-tag {
    display: inline-flex;
    align-items: center;
    padding: .35rem .75rem;

    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 999px;

    color: #2563eb;
    font-size: .8rem;
    font-weight: 700;
}