/* contact.html 전용 스타일 */
@media (max-width: 768px) {

.stitch-bottom-nav a[href^="contact.html"],
.stitch-bottom-nav a[href^="contact.html"] span,
.mobile-bottom-nav a[href^="contact.html"],
.mobile-bottom-nav a[href^="contact.html"] span {
color: #003976 !important;
font-weight: 700 !important;
}

.stitch-bottom-nav a[href^="contact.html"],
.mobile-bottom-nav a[href^="contact.html"] {
background: rgba(0, 57, 118, 0.08) !important;
border-radius: 16px !important;
}

.mobile-bottom-nav a[href^="contact.html"] svg {
stroke: #003976 !important;
}

.stitch-bottom-nav a[href^="contact.html"] .material-symbols-outlined {
font-variation-settings: 'FILL' 1;
}
}
.fb-type-btn {
padding: 8px 18px;
border: 1.5px solid #e2e8f0;
border-radius: 20px;
background: #fff;
color: var(--text-medium);
font-size: 0.88rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease
}

.fb-type-btn:hover {
border-color: var(--color-primary);
color: var(--color-primary)
}

.fb-type-btn.active {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary)
}

.fb-star {
cursor: pointer;
user-select: none
}

.fb-star:hover {
transform: scale(1.15)
}

.fb-dist-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px
}

.fb-dist-label {
width: 40px;
font-size: 0.85rem;
color: var(--text-medium);
flex-shrink: 0
}

.fb-dist-track {
flex: 1;
height: 12px;
background: #f1f5f9;
border-radius: 6px;
overflow: hidden
}

.fb-dist-fill {
height: 100%;
background: linear-gradient(90deg, #003976, #0070e0);
border-radius: 6px;
width: 0%;
transition: width 0.6s
}

.fb-dist-pct {
width: 36px;
text-align: right;
font-size: 0.8rem;
color: var(--text-light);
flex-shrink: 0
}

.fb-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
align-items: start
}

@media(max-width:768px) {
.fb-grid {
    grid-template-columns: 1fr
}
}
.contact-table tbody td.hover-active {
background-color: var(--bg-hover) !important;
transition: background 0.2s ease;
}