/* Compatibility layer for older frontend Blade pages that use Bootstrap-like utility classes. */
.legacy-content-page main { margin-top: 60px; color: var(--text); background: var(--bg); }
.legacy-content-page main * { box-sizing: border-box; }
.legacy-content-page main a { text-decoration: none; }
.legacy-content-page .container { width: min(calc(100% - 48px), 1210px); margin-inline: auto; }
.legacy-content-page .row { display: flex; flex-wrap: wrap; margin: -.6rem; }
.legacy-content-page .row>* { min-width: 0; padding: .6rem; }
.legacy-content-page .col,.legacy-content-page [class*="col-"] { flex: 1 0 0; }
.legacy-content-page .col-lg-8 { flex: 0 0 66.666%; max-width: 66.666%; }
.legacy-content-page .col-lg-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.legacy-content-page .col-md-6 { flex: 0 0 50%; max-width: 50%; }
.legacy-content-page .col-md-4 { flex: 0 0 33.333%; max-width: 33.333%; }
.legacy-content-page .col-md-3 { flex: 0 0 25%; max-width: 25%; }
.legacy-content-page .col-auto { flex: 0 0 auto; }
.legacy-content-page .justify-content-center { justify-content: center; }
.legacy-content-page .align-items-center { align-items: center; }
.legacy-content-page .align-items-end { align-items: flex-end; }
.legacy-content-page .d-flex { display: flex; }
.legacy-content-page .d-grid { display: grid; }
.legacy-content-page .flex-column { flex-direction: column; }
.legacy-content-page .gap-2 { gap: .5rem; }.legacy-content-page .gap-3 { gap: 1rem; }
.legacy-content-page .w-100 { width: 100%; }.legacy-content-page .h-100 { height: 100%; }
.legacy-content-page .img-fluid { max-width: 100%; height: auto; }
.legacy-content-page .position-relative { position: relative; }.legacy-content-page .position-absolute { position: absolute; }
.legacy-content-page .bottom-0 { bottom: 0; }.legacy-content-page .start-0 { left: 0; }.legacy-content-page .end-0 { right: 0; }
.legacy-content-page .py-2 { padding-block: .5rem; }.legacy-content-page .py-4 { padding-block: 1.5rem; }.legacy-content-page .py-5 { padding-block: 3rem; }
.legacy-content-page .p-3 { padding: 1rem; }.legacy-content-page .p-4 { padding: 1.5rem; }
.legacy-content-page .mb-0 { margin-bottom: 0; }.legacy-content-page .mb-1 { margin-bottom: .25rem; }.legacy-content-page .mb-2 { margin-bottom: .5rem; }
.legacy-content-page .mb-3 { margin-bottom: 1rem; }.legacy-content-page .mb-4 { margin-bottom: 1.5rem; }.legacy-content-page .mb-5 { margin-bottom: 3rem; }
.legacy-content-page .mt-2 { margin-top: .5rem; }.legacy-content-page .mt-3 { margin-top: 1rem; }.legacy-content-page .mt-4 { margin-top: 1.5rem; }
.legacy-content-page .me-1 { margin-right: .25rem; }.legacy-content-page .me-2 { margin-right: .5rem; }.legacy-content-page .me-3 { margin-right: 1rem; }
.legacy-content-page .ms-3 { margin-left: 1rem; }.legacy-content-page .mx-auto { margin-inline: auto; }
.legacy-content-page .text-center { text-align: center; }.legacy-content-page .text-white { color: #fff; }
.legacy-content-page .text-muted { color: var(--muted)!important; }.legacy-content-page .text-primary { color: #168cff; }
.legacy-content-page .text-success { color: #1ba760; }.legacy-content-page .text-danger { color: #e94d65; }.legacy-content-page .text-warning { color: #f4a900; }
.legacy-content-page .small { font-size: .78rem; }.legacy-content-page .lead { font-size: 1rem; line-height: 1.7; }
.legacy-content-page .fw-bold { font-weight: 800; }.legacy-content-page .fw-semibold { font-weight: 700; }
.legacy-content-page .display-6 { font-size: clamp(2rem,4vw,3rem); }
.legacy-content-page .bg-primary { background: linear-gradient(120deg,#168cff,#704aff); }
.legacy-content-page .bg-white,.legacy-content-page .bg-light { background: var(--panel-strong); }
.legacy-content-page .border-bottom { border-bottom: 1px solid var(--line); }
.legacy-content-page .rounded { border-radius: 15px; }
.legacy-content-page .breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; color: var(--muted); font-size: .78rem; }
.legacy-content-page .breadcrumb-item+.breadcrumb-item::before { margin-right: .5rem; color: var(--muted); content: '/'; }
.legacy-content-page .breadcrumb-item.active { color: var(--text); }
.legacy-content-page .card { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; color: var(--text); background: var(--panel); box-shadow: var(--shadow-sm); }
.legacy-content-page .card-body { padding: 1.1rem; }.legacy-content-page .card-header { padding: .9rem 1.1rem; border-bottom: 1px solid var(--line); }
.legacy-content-page .card-title { margin: 0 0 .55rem; line-height: 1.4; }
.legacy-content-page .card-text,.legacy-content-page .article-content { font-size: .94rem; line-height: 1.85; }
.legacy-content-page .card-img-top { display: block; width: 100%; object-fit: cover; }
.legacy-content-page .hover-lift { transition: transform .22s,box-shadow .22s; }.legacy-content-page .hover-lift:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.legacy-content-page .badge { display: inline-flex; padding: .35rem .6rem; border-radius: 999px; color: #fff; background: #704aff; font-size: .7rem; font-weight: 800; }
.legacy-content-page .btn { min-height: 42px; padding: .65rem 1rem; border: 1px solid transparent; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: .4rem; color: #fff; background: #704aff; font-size: .78rem; font-weight: 800; cursor: pointer; }
.legacy-content-page .btn-primary { background: linear-gradient(120deg,#168cff,#704aff); }
.legacy-content-page .btn-outline-secondary { border-color: var(--line); color: var(--text); background: var(--panel-strong); }
.legacy-content-page .btn-link { color: #704aff; background: transparent; }.legacy-content-page .btn-sm { min-width: 38px; min-height: 38px; padding: .5rem; }
.legacy-content-page .form-label { display: block; margin-bottom: .45rem; font-size: .78rem; font-weight: 750; }
.legacy-content-page .form-control,.legacy-content-page .form-select { width: 100%; min-height: 44px; padding: .65rem .8rem; border: 1px solid var(--line); border-radius: 10px; outline: 0; color: var(--text); background: var(--panel-strong); font: inherit; }
.legacy-content-page .input-group { display: flex; }.legacy-content-page .input-group-text { display: grid; min-width: 44px; place-items: center; border: 1px solid var(--line); border-right: 0; border-radius: 10px 0 0 10px; color: var(--muted); background: var(--panel); }
.legacy-content-page .input-group .form-control { border-radius: 0 10px 10px 0; }
.legacy-content-page .service-icon-sm { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#168cff,#704aff); }
.legacy-content-page .pagination { display: flex; justify-content: center; gap: .35rem; padding: 0; list-style: none; }
.legacy-content-page .page-link { display: grid; min-width: 38px; height: 38px; padding: 0 .6rem; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: var(--panel); }
.legacy-content-page .active>.page-link { color: #fff; border-color: #704aff; background: #704aff; }
.legacy-content-page .article-content { white-space: pre-line; color: var(--muted); }

@media(max-width:900px){
    .legacy-content-page .col-lg-8,.legacy-content-page .col-lg-4 { flex-basis:100%; max-width:100%; }
}
@media(max-width:720px){
    .legacy-content-page .container { width:min(calc(100% - 28px),1210px); }
    .legacy-content-page .col-md-6,.legacy-content-page .col-md-4,.legacy-content-page .col-md-3 { flex-basis:100%; max-width:100%; }
    .legacy-content-page .py-5 { padding-block:2rem; }
    .legacy-content-page .position-relative[style*="height: 400px"] { height:320px!important; }
    .legacy-content-page .d-flex { flex-wrap:wrap; }
    .legacy-content-page .form-control,.legacy-content-page .form-select { font-size:16px; }
    .legacy-content-page .article-content { font-size:.9rem; }
}