/*
 * FINISH LINE Maintenance Guide. Deliberately scoped so existing News,
 * Products, search and other theme pages retain their current appearance.
 */
#maintenanceguide main.maintenanceguide_sec,
#maintenanceguide_article main.mg-single {
    padding-top: 120px;
    padding-bottom: 80px;
    margin: 0;
}
/* Override the existing desktop display:flex rule for this specific container. */
#maintenanceguide .maintenanceguide_sec .container.mg-container,
#maintenanceguide_article .mg-single .container.mg-single-container {
    display: block;
    width: min(90vw, 1120px);
    max-width: 1120px;
    margin: 0 auto;
}
#maintenanceguide .mg-header,
#maintenanceguide_article .mg-article-header { margin: 0 0 34px; }
#maintenanceguide .mg-eyebrow,
#maintenanceguide_article .mg-eyebrow {
    font-size: 12px;
    letter-spacing: .15em;
    color: #e9bd4a;
    font-weight: 700;
    margin: 0 0 12px;
}
#maintenanceguide .mg-header h1,
#maintenanceguide_article .mg-article-header h1 {
    margin: 0;
    font-size: clamp(28px, 4.5vw, 52px);
    line-height: 1.3;
    font-weight: 750;
    color: #fff;
    overflow-wrap: anywhere;
}
#maintenanceguide .mg-intro,
#maintenanceguide .mg-section-heading p {
    font-size: 16px;
    line-height: 1.9;
    color: #e0e0e0;
}
#maintenanceguide .mg-intro { margin-bottom: 52px; max-width: 800px; }
#maintenanceguide .mg-intro > * + * { margin-top: 18px; }
#maintenanceguide .mg-article-section { margin: 0 0 86px; }
#maintenanceguide .mg-section-heading { margin: 0 0 24px; }
#maintenanceguide .mg-section-heading h2 {
    color: #fff;
    font-size: clamp(23px, 2.8vw, 32px);
    line-height: 1.4;
    margin: 0 0 8px;
}
#maintenanceguide .mg-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 30px;
}
#maintenanceguide .mg-filter-link,
#maintenanceguide_article .mg-article-tags a,
#maintenanceguide .mg-card-tags a {
    display: inline-block;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 24px;
    padding: 8px 14px;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .2s, border-color .2s;
}
#maintenanceguide .mg-filter-link:hover,
#maintenanceguide .mg-filter-link.is-active,
#maintenanceguide_article .mg-article-tags a:hover,
#maintenanceguide .mg-card-tags a:hover {
    background: #f9d635;
    border-color: #f9d635;
    color: #202020;
}
#maintenanceguide .mg-filter-link:focus-visible,
#maintenanceguide .mg-card a:focus-visible,
#maintenanceguide_article .mg-single a:focus-visible {
    outline: 3px solid #f9d635;
    outline-offset: 3px;
}
#maintenanceguide .mg-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
#maintenanceguide .mg-card {
    background: #363636;
    border: 1px solid rgba(255,255,255,.14);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}
#maintenanceguide .mg-card-link {
    display: block;
    color: #fff;
    text-decoration: none;
    flex: 1 1 auto;
}
#maintenanceguide .mg-card-link:hover h3 { text-decoration: underline; }
#maintenanceguide .mg-card-image {
    background: #2b2b2b;
    aspect-ratio: 16 / 10;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #888;
    letter-spacing: .15em;
    font-size: 14px;
}
#maintenanceguide .mg-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#maintenanceguide .mg-card-body { padding: 21px 20px 16px; }
#maintenanceguide .mg-card-body time {
    display: block;
    font-size: 12px;
    color: #c7c7c7;
    margin: 0 0 10px;
}
#maintenanceguide .mg-card-body h3 {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    overflow-wrap: anywhere;
}
#maintenanceguide .mg-card-body p {
    color: #dadada;
    line-height: 1.7;
    font-size: 14px;
    margin: 0;
}
#maintenanceguide .mg-card-tags {
    padding: 0 20px 22px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
#maintenanceguide .mg-card-tags a {
    padding: 4px 9px;
    font-size: 12px;
}
#maintenanceguide .mg-empty,
#maintenanceguide .mg-admin-notice {
    font-size: 15px;
    line-height: 1.8;
    color: #e4e4e4;
    margin-top: 15px;
}
#maintenanceguide .mg-admin-notice { color: #f9d635; }
#maintenanceguide .mg-pagination { margin-top: 35px; text-align: center; }
#maintenanceguide .mg-pagination .page-numbers {
    color: #fff;
    display: inline-block;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.35);
    margin: 3px;
    text-decoration: none;
}
#maintenanceguide .mg-pagination .page-numbers.current,
#maintenanceguide .mg-pagination a.page-numbers:hover {
    background: #f9d635;
    border-color: #f9d635;
    color: #202020;
}
#maintenanceguide .mg-pdf-section { margin-top: 48px; padding-top: 48px; border-top: 1px solid rgba(255,255,255,.22); }
#maintenanceguide .mg-pdf-viewer { width: 100%; min-width: 0; }
/* Standard-post detail; Gutenberg-friendly, single-column editorial layout. */
#maintenanceguide_article .mg-single-container { max-width: 1000px; }
#maintenanceguide_article .mg-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 38px; font-size: 13px; }
#maintenanceguide_article .mg-breadcrumb a { color: #fff; text-decoration: underline; }
#maintenanceguide_article .mg-breadcrumb span { color: #aaa; }
#maintenanceguide_article .mg-article { max-width: 860px; margin: 0 auto; }
#maintenanceguide_article .mg-article-dates { display: flex; flex-wrap: wrap; gap: 18px; margin: 20px 0 30px; font-size: 13px; color: #d2d2d2; }
#maintenanceguide_article .mg-article-hero { margin: 0 0 45px; }
#maintenanceguide_article .mg-article-hero img { width: 100%; height: auto; display: block; }
#maintenanceguide_article .mg-article-content { color: #f2f2f2; font-size: 16px; line-height: 2; overflow-wrap: anywhere; }
#maintenanceguide_article .mg-article-content > * { margin-top: 0; margin-bottom: 1.5em; }
#maintenanceguide_article .mg-article-content h2 { font-size: clamp(23px, 3vw, 30px); line-height: 1.5; margin: 2.4em 0 .8em; padding: 0 0 10px; border-bottom: 1px solid rgba(255,255,255,.3); }
#maintenanceguide_article .mg-article-content h3 { font-size: clamp(20px, 2.6vw, 24px); line-height: 1.5; margin: 1.9em 0 .7em; }
#maintenanceguide_article .mg-article-content h4 { font-size: 18px; line-height: 1.5; margin: 1.5em 0 .6em; }
#maintenanceguide_article .mg-article-content ul,
#maintenanceguide_article .mg-article-content ol { padding-left: 1.5em; margin: 1em 0 1.7em; }
#maintenanceguide_article .mg-article-content ul { list-style: disc outside; }
#maintenanceguide_article .mg-article-content ol { list-style: decimal outside; }
#maintenanceguide_article .mg-article-content li { list-style: inherit; margin: .35em 0; padding: 0; }
#maintenanceguide_article .mg-article-content a { color: #ffe56b; text-decoration: underline; text-underline-offset: 3px; }
#maintenanceguide_article .mg-article-content figure { margin: 2em 0; }
#maintenanceguide_article .mg-article-content img { max-width: 100%; height: auto; }
#maintenanceguide_article .mg-article-content figcaption { color: #d0d0d0; font-size: 13px; line-height: 1.6; margin-top: 7px; text-align: center; }
#maintenanceguide_article .mg-article-content blockquote { border-left: 3px solid #f9d635; margin: 2em 0; padding: 10px 24px; background: rgba(0,0,0,.16); }
#maintenanceguide_article .mg-article-content .wp-block-table { overflow-x: auto; }
#maintenanceguide_article .mg-article-content table { border-collapse: collapse; min-width: 400px; width: 100%; }
#maintenanceguide_article .mg-article-content td,
#maintenanceguide_article .mg-article-content th { border: 1px solid rgba(255,255,255,.28); padding: 10px 14px; text-align: left; }
#maintenanceguide_article .mg-article-content .wp-block-embed iframe,
#maintenanceguide_article .mg-article-content iframe { max-width: 100%; }
#maintenanceguide_article .mg-article-content .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
#maintenanceguide_article .mg-article-content .wp-block-button__link { background: #f9d635; color: #222; border-radius: 4px; padding: 12px 22px; text-decoration: none; }
#maintenanceguide_article .mg-article-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 50px; }
#maintenanceguide_article .mg-back { margin-top: 40px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.22); }
#maintenanceguide_article .mg-back a { color: #fff; text-decoration: underline; }
@media (max-width: 991px) {
    #maintenanceguide main.maintenanceguide_sec,
    #maintenanceguide_article main.mg-single { padding-top: 25vw; padding-bottom: 50px; }
    #maintenanceguide .mg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
    #maintenanceguide .mg-grid { grid-template-columns: 1fr; gap: 20px; }
    #maintenanceguide .mg-article-section { margin-bottom: 55px; }
    #maintenanceguide .mg-card-body { padding: 18px 16px; }
    #maintenanceguide .mg-card-tags { padding: 0 16px 18px; }
    #maintenanceguide_article .mg-article-content { font-size: 15px; line-height: 1.95; }
}