.template-page { padding: 5rem 0; background: #f8f8f6; }
.template-card { height: 100%; border: 0; border-radius: 1.25rem; overflow: hidden; box-shadow: 0 12px 32px rgba(18,35,63,.10); background: #fff; }
.template-card img { width: 100%; height: 13rem; object-fit: cover; }
.template-card .card-body { padding: 1.5rem; }
.career-card-column { display: flex; }
.career-card-column .template-card { display: flex; width: 100%; }
.career-card-column .template-card .card-body { width: 100%; }
.career-card-description { min-height: 8.25em; overflow-wrap: anywhere; word-break: normal; }
.blog-card-column { display: flex; }
.blog-card { display: flex; width: 100%; flex-direction: column; }
.blog-card .card-body { width: 100%; }
.blog-card-excerpt { overflow-wrap: anywhere; word-break: normal; }
.template-meta { color: #7a3140; font-size: .875rem; font-weight: 700; letter-spacing: .03em; }
.template-empty, .template-notice { padding: 2rem; border: 1px dashed #b7bbc2; border-radius: 1rem; background: #fff; text-align: center; }
.template-filter { padding: 1.25rem; border-radius: 1rem; background: #fff; box-shadow: 0 8px 24px rgba(18,35,63,.08); }
.template-article { max-width: 52rem; margin: 0 auto; }
.template-article img { width: 100%; border-radius: 1.25rem; max-height: 28rem; object-fit: cover; }
.template-apply { padding: 2rem; border-radius: 1.25rem; background: #fff; box-shadow: 0 12px 32px rgba(18,35,63,.10); }
.template-form-status { margin: 1rem 0 0; min-height: 1.5rem; color: #17643a; font-weight: 600; }
.career-application-form { max-width: 56rem; margin: 0 auto; }
.career-application-form h2 { margin-bottom: .4rem; }
.career-application-meta { margin: 0 0 1.5rem; color: var(--perla-muted); font-weight: 600; }
.career-application-form .alert { margin: 0 0 1.5rem; border-radius: .75rem; }
.career-application-form .form-label { display: block; margin-bottom: .45rem; }
.career-application-form .form-control { background: #fff; color: var(--perla-black); border-color: #ddd3cf; }
.career-application-form .form-control::placeholder { color: #6c6c6c; opacity: 1; }
.career-application-form .form-control:disabled { background: #f3f1ef; color: #6c6c6c; }
.career-application-form input[type="file"] { max-width: 100%; min-height: 46px; padding: .35rem .6rem; line-height: 1.5; }
.career-application-form input[type="file"]::file-selector-button { min-width: 7.5rem; min-height: 38px; height: auto; margin-right: .75rem; padding: .5rem .9rem; border: 1px solid #ddd3cf; border-radius: .4rem; background: #f8f8f6; color: var(--perla-black); font: inherit; font-weight: 700; line-height: 1.2; white-space: nowrap; vertical-align: middle; }
.career-application-form input[type="file"]:focus::file-selector-button { border-color: var(--perla-red); }
.career-field-help { display: block; margin-top: .45rem; color: var(--perla-muted); font-size: .8rem; line-height: 1.45; }
.career-consent { display: flex; gap: .7rem; align-items: center; margin: 0; padding: .8rem .9rem; border: 1px solid #e6dfdc; border-radius: .75rem; background: #faf9f8; }
.career-consent .form-check-input { flex: 0 0 19px; width: 19px; height: 19px; margin: 0; border: 1px solid #b8b8b8; border-radius: 4px; appearance: none; background: #fff; cursor: pointer; }
.career-consent .form-check-input:checked { border-color: var(--perla-red); background-color: var(--perla-red); }
.career-consent .form-check-input:checked::after { display: block; width: 5px; height: 9px; margin: 3px 0 0 6px; border: solid #fff; border-width: 0 2px 2px 0; content: ''; transform: rotate(45deg); }
.career-consent .form-check-input:focus-visible { outline: 3px solid rgba(151, 11, 23, .2); outline-offset: 2px; }
.career-consent .form-check-label { margin: 0; color: var(--perla-black); line-height: 1.55; cursor: pointer; }
.template-tag { display: inline-block; padding: .3rem .65rem; border-radius: 999px; background: #f9e4e7; color: #8a1725; font-size: .8rem; font-weight: 700; }
.template-breadcrumb { display: flex; gap: .5rem; align-items: center; margin: 0 0 1.1rem; color: var(--perla-muted); font-size: .8rem; font-weight: 700; }
.template-breadcrumb a { color: inherit; text-decoration: none; }
.template-breadcrumb a:hover { color: var(--perla-red); }
.template-hero-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(154, 27, 42, .08), transparent); pointer-events: none; }
.blog-hero .motor-hero-copy h1 { margin-bottom: 0; line-height: 1.04; }
.blog-hero .motor-hero-copy .blog-hero-lead { margin-top: clamp(1.25rem, 2vw, 1.75rem); }
.blog-page .motor-coverage,
.careers-page .motor-coverage { padding: 58px 0 72px; }
.blog-page .motor-section-heading,
.careers-page .motor-section-heading { margin-bottom: 40px; }
.blog-page .motor-section-heading > p:not(.eyebrow),
.careers-page .motor-section-heading > p:not(.eyebrow) { font-size: .94rem; line-height: 1.75; }
.template-empty-icon { display: grid; place-items: center; width: 4rem; height: 4rem; margin: 0 auto 1rem; border-radius: 50%; background: #f9e4e7; color: var(--perla-red); font-size: 1.4rem; }
@media (max-width: 991.98px) { .template-page { padding: 4rem 0; } }
@media (max-width: 767.98px) { .blog-page .motor-coverage, .careers-page .motor-coverage { padding-block: 42px 52px; } }
@media (max-width: 767.98px) {
  body:has(.careers-application-page) [id*="tawk" i],
  body:has(.careers-application-page) [class*="tawk" i],
  body:has(.careers-application-page) iframe[src*="tawk.to" i],
  body:has(.careers-application-page) iframe[title*="chat" i] { display: none !important; }
}
@media (max-width: 575.98px) { .template-page { padding: 3.25rem 0; } .template-filter, .template-apply { padding: 1.25rem; } .career-application-form .btn { width: 100%; } }