/* ── Default page (service pages) ───────────────────────────────────────── */

.page-default {
    padding: 40px 0 80px;
}

.page-default__breadcrumbs {
    display:       flex;
    align-items:   center;
    flex-wrap:     wrap;
    gap:           8px;
    font-size:     14px;
    color:         var(--color-muted);
    margin-bottom: 32px;
}
.page-default__breadcrumbs a {
    color:           var(--color-muted);
    text-decoration: none;
    transition:      color var(--transition);
}
.page-default__breadcrumbs a:hover {
    color: var(--color-secondary);
}

.page-default__article {
    max-width: 820px;
    margin:    0 auto;
}

.page-default__title {
    color:          var(--color-primary);
    font-size:      36px;
    text-transform: uppercase;
    margin:         0 0 32px;
}

/* Content typography */
.page-default__content {
    font-size:   16px;
    line-height: 1.8;
    color:       var(--color-text);
}

.page-default__content p {
    margin: 0 0 16px;
}

.page-default__content h2 {
    color:       var(--color-primary);
    font-size:   24px;
    margin:      36px 0 16px;
}

.page-default__content h3 {
    color:       var(--color-primary);
    font-size:   20px;
    margin:      28px 0 12px;
}

.page-default__content h4 {
    color:       var(--color-primary);
    font-size:   18px;
    margin:      24px 0 10px;
}

.page-default__content ul,
.page-default__content ol {
    margin:        0 0 20px;
    padding:       16px 16px 16px 40px;
    background:    var(--color-bg-alt);
    border-left:   3px solid var(--color-secondary);
    border-radius: 0 10px 10px 0;
}

.page-default__content li {
    margin-bottom: 8px;
    line-height:   1.6;
}
.page-default__content li:last-child { margin-bottom: 0; }
.page-default__content li::marker { color: var(--color-secondary); }

.page-default__content strong {
    color: var(--color-primary);
}

.page-default__content a {
    color:           var(--color-secondary);
    text-decoration: underline;
}
.page-default__content a:hover {
    color: var(--color-primary);
}

.page-default__content blockquote {
    margin:        24px 0;
    padding:       20px 24px;
    background:    var(--color-bg-alt);
    border-left:   4px solid var(--color-secondary);
    border-radius: 0 10px 10px 0;
    font-style:    italic;
    color:         var(--color-primary);
}

.page-default__content table {
    width:           100%;
    border-collapse: collapse;
    margin:          20px 0;
}
.page-default__content th,
.page-default__content td {
    padding:    10px 14px;
    border:     1px solid var(--color-border);
    text-align: left;
    font-size:  15px;
}
.page-default__content th {
    background: var(--color-bg-alt);
    font-weight: 600;
    color:       var(--color-primary);
}

.page-default__content img {
    max-width:     100%;
    height:        auto;
    border-radius: 10px;
    margin:        20px 0;
}

/* ── Tablet ────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .page-default__title { font-size: 30px; }
    .page-default__content h2 { font-size: 22px; }
}

/* ── Mobile ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .page-default { padding: 28px 0 48px; }
    .page-default__breadcrumbs { font-size: 12px; gap: 4px 6px; margin-bottom: 20px; }
    .page-default__title { font-size: 24px; margin-bottom: 24px; }
    .page-default__content { font-size: 15px; }
    .page-default__content h2 { font-size: 20px; margin: 28px 0 12px; }
    .page-default__content h3 { font-size: 18px; }
    .page-default__content ul,
    .page-default__content ol { padding: 12px 12px 12px 32px; }
    .page-default__content th,
    .page-default__content td { padding: 8px 10px; font-size: 14px; }
}
