/* Base guide styles */
html.sais-guide-page {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.sais-guide {
    font-family: 'Roboto', sans-serif;
    color: #101E2B;
    line-height: 1.6;
    max-width: 100%;
}

.sais-guide a {
    color: #F5A216;
    text-decoration: none;
}

.sais-guide a:hover {
    text-decoration: underline;
}


/* Author Box */
.sais-guide .author-box {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    background-color: #F5F6F7;
    border-left: 4px solid #F5A216;
    padding: 1.25rem 1.5rem;
    margin: 2rem 0;
    border-radius: 0 6px 6px 0;
}

.sais-guide .author-box img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.sais-guide .author-box .author-info {
    flex: 1;
}

.sais-guide .author-box .author-name {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #213B5D;
    margin: 0 0 0.15rem 0;
}

.sais-guide .author-box .author-title {
    font-size: 0.85rem;
    font-weight: 600;
    color: #F5A216;
    margin: 0 0 0.5rem 0;
}

.sais-guide .author-box .author-bio {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #444;
    margin: 0;
}

.sais-guide .author-box .author-bio a {
    color: #213B5D;
    font-weight: 500;
}

.sais-guide .guide-toc {
    background-color: #F5F6F7;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 1.5rem 2rem;
    margin: 2rem 0 2.5rem 0;
}

.sais-guide .guide-toc h3 {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #213B5D;
    margin: 0 0 1rem 0;
}

.sais-guide .guide-toc ol {
    margin: 0;
    padding-left: 1.25rem;
}

.sais-guide .guide-toc ol li {
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
    line-height: 1.4;
    color: #444;
}

.sais-guide .guide-toc ol li:last-child {
    margin-bottom: 0;
}

.sais-guide .guide-toc ol li a {
    color: #213B5D;
    text-decoration: none;
    font-weight: 500;
}

.sais-guide .guide-toc ol li a:hover {
    color: #F5A216;
    text-decoration: underline;
}

@media (max-width: 480px) {
    .sais-guide .author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

/* Hero full-width within WP page */
.sais-guide .hero {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
}

:root {
            --navy: #213B5D;
            --accent-amber: #F5A216;
            --light-bg: #F5F6F7;
            --grey-light: #EFF0F6;
            --grey-text: #BEBEBE;
            --text-dark: #101E2B;
            --border-color: #E3E2E2;
            --mark-bg: #fff8e1;
            --mark-border: #ffc107;
        }

        

        

        

        /* Hero Section (background set via real image below) */
.sais-guide .hero h1 {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            line-height: 1.3;
        }

.sais-guide .hero p {
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto;
            opacity: 0.95;
            font-style: italic;
        }

        /* Main Content */
.sais-guide .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 2rem;
        }

.sais-guide section {
            margin-bottom: 4rem;
            scroll-margin-top: 120px;
        }

.sais-guide h2 {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 2rem;
            font-weight: 700;
            color: var(--navy);
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 3px solid var(--accent-amber);
            display: flex;
            align-items: center;
            gap: 1rem;
        }

.sais-guide h3 {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            color: var(--navy);
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

.sais-guide h4 {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--navy);
            margin-top: 1.5rem;
            margin-bottom: 0.75rem;
        }

.sais-guide p {
            margin-bottom: 1rem;
            line-height: 1.8;
        }

        /* Section Numbers */
.sais-guide h2::before {
            content: attr(data-section);
            background-color: var(--accent-amber);
            color: white;
            padding: 0.25rem 0.6rem;
            border-radius: 4px;
            font-size: 1rem;
            font-weight: 700;
        }

        /* At a Glance Section */
.sais-guide .at-a-glance {
            background-color: var(--light-bg);
            padding: 2rem;
            border-left: 4px solid var(--accent-amber);
            margin: 2rem 0;
            border-radius: 4px;
        }

.sais-guide .at-a-glance p {
            margin-bottom: 1.5rem;
        }

.sais-guide .at-a-glance strong {
            color: var(--navy);
        }

        /* Disclaimer Box */
.sais-guide .disclaimer {
            background-color: #f0f4ff;
            border-left: 4px solid var(--navy);
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
        }

.sais-guide .disclaimer p {
            margin-bottom: 1rem;
        }

        

        

        

        

        

        /* Tables */
.sais-guide table {
            width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: white;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

.sais-guide th {
            background-color: var(--navy);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
            font-size: 0.95rem;
        }

.sais-guide td {
            padding: 1rem;
            border-bottom: 1px solid var(--border-color);
        }

.sais-guide tr:last-child td {
            border-bottom: none;
        }

.sais-guide tr:nth-child(even) {
            background-color: var(--light-bg);
        }

.sais-guide td strong {
            color: var(--navy);
        }

        /* Image Placeholders (kept for remaining placeholders) */
.sais-guide .image-placeholder {
            background-color: var(--grey-light);
            border: 2px dashed var(--border-color);
            border-radius: 6px;
            padding: 3rem 2rem;
            text-align: center;
            margin: 2rem 0;
            color: var(--grey-text);
        }

.sais-guide .image-placeholder svg {
            width: 60px;
            height: 60px;
            margin-bottom: 1rem;
            opacity: 0.5;
        }

.sais-guide .image-placeholder p {
            margin: 0;
            font-size: 0.95rem;
            font-style: italic;
        }

        /* Real images */
.sais-guide .guide-image {
            width: 100%;
            margin: 2rem 0;
        }

.sais-guide .guide-image img {
            width: 100%;
            height: auto;
            border-radius: 6px;
            display: block;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

.sais-guide .guide-image figcaption {
            font-size: 0.85rem;
            color: var(--grey-text);
            text-align: center;
            margin-top: 0.5rem;
            font-style: italic;
            background-color: transparent;
            border: none;
            padding: 0;
        }

        /* Constrain smaller / portrait source images so they render at a natural,
           crisp size rather than stretching across the full container width. */
.sais-guide .guide-image--inset {
            max-width: 480px;
            margin-left: auto;
            margin-right: auto;
        }

.sais-guide .guide-image--medium {
            max-width: 640px;
            margin-left: auto;
            margin-right: auto;
        }

        /* Grease gallery: 3-up grid with shared caption. Stacks on mobile. */
.sais-guide .grease-gallery {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.75rem;
            margin: 2rem 0 0.5rem 0;
        }

.sais-guide .grease-gallery img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            border-radius: 6px;
            display: block;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

.sais-guide .grease-gallery-caption {
            font-size: 0.85rem;
            color: var(--grey-text);
            text-align: center;
            font-style: italic;
            margin: 0 0 2rem 0;
        }

        @media (max-width: 600px) {
.sais-guide .grease-gallery {
                grid-template-columns: 1fr;
                gap: 1rem;
            }
.sais-guide .grease-gallery img {
                height: auto;
                max-height: 280px;
            }
        }

        /* Before/After Comparison */
.sais-guide .before-after {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin: 2rem 0;
        }

.sais-guide .before-after .comparison-card {
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

.sais-guide .before-after .comparison-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
        }

.sais-guide .before-after .comparison-label {
            padding: 0.5rem 1rem;
            font-weight: 600;
            font-size: 0.85rem;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

.sais-guide .before-after .comparison-card.before .comparison-label {
            background-color: #dc3545;
            color: white;
        }

.sais-guide .before-after .comparison-card.after .comparison-label {
            background-color: #28a745;
            color: white;
        }

        @media (max-width: 480px) {
.sais-guide .before-after {
                grid-template-columns: 1fr;
            }
        }

        /* Client Logos Strip */
.sais-guide .client-logos {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            margin: 2rem 0;
            padding: 1.5rem;
            background-color: var(--light-bg);
            border-radius: 6px;
        }

.sais-guide .client-logos img {
            height: 50px;
            width: auto;
            opacity: 0.8;
            transition: opacity 0.3s;
            object-fit: contain;
        }

.sais-guide .client-logos img:hover {
            opacity: 1;
        }

        /* Accreditation Badges */
.sais-guide .accreditation-badges {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            margin: 2rem 0;
            padding: 1.5rem;
            background-color: var(--navy);
            border-radius: 6px;
        }

.sais-guide .accreditation-badges img {
            height: 60px;
            width: auto;
            filter: brightness(0) invert(1);
            opacity: 0.9;
        }

.sais-guide .accreditation-badges img.no-filter {
            filter: none;
            opacity: 1;
        }

        /* Hero with background image */
.sais-guide .hero {
            background: linear-gradient(135deg, rgba(33, 59, 93, 0.92) 0%, rgba(30, 48, 80, 0.95) 100%), url('https://www.saishygiene.com.au/wp-content/uploads/2023/10/banner-image.png') center/cover no-repeat;
            color: white;
            padding: 4rem 2rem;
            text-align: center;
        }

        /* Checklist */
.sais-guide .checklist {
            background-color: var(--light-bg);
            padding: 2rem;
            border-radius: 6px;
            margin: 2rem 0;
        }

.sais-guide .checklist-group {
            margin-bottom: 2rem;
        }

.sais-guide .checklist-group h4 {
            font-family: 'Source Sans Pro', sans-serif;
            color: var(--navy);
            margin-bottom: 1rem;
        }

.sais-guide .checklist-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1rem;
        }

.sais-guide .checklist-item input[type="checkbox"] {
            width: 20px;
            height: 20px;
            margin-right: 1rem;
            margin-top: 2px;
            cursor: pointer;
            accent-color: var(--accent-amber);
        }

.sais-guide .checklist-item label {
            cursor: pointer;
            flex: 1;
            line-height: 1.6;
        }

.sais-guide .checklist-item input[type="checkbox"]:checked + label {
            color: var(--grey-text);
            text-decoration: line-through;
        }

        /* Results Section */
.sais-guide .results {
            margin-top: 2rem;
            padding: 1.5rem;
            background-color: white;
            border-left: 4px solid var(--navy);
            border-radius: 4px;
        }

.sais-guide .results h4 {
            font-family: 'Source Sans Pro', sans-serif;
            margin-top: 1rem;
        }

.sais-guide .results h4:first-child {
            margin-top: 0;
        }

        /* Lists */
.sais-guide ul, .sais-guide ol {
            margin-left: 2rem;
            margin-bottom: 1.5rem;
        }

.sais-guide li {
            margin-bottom: 0.75rem;
            line-height: 1.8;
        }

        /* Callout boxes — field anecdotes */
.sais-guide .field-note {
    background-color: #F5F6F7;
    border-left: 4px solid #F5A216;
    padding: 1.25rem 1.5rem;
    margin: 2rem 0;
    border-radius: 0 6px 6px 0;
}

.sais-guide .field-note .field-note-label {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #F5A216;
    margin: 0 0 0.75rem 0;
}

.sais-guide .field-note p {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #444;
    margin: 0 0 0.75rem 0;
}

.sais-guide .field-note p:last-child {
    margin-bottom: 0;
}

.sais-guide .field-note video {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 1rem auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background-color: #000;
}

/* Intro layout: stacked video (on top) + body for the At a Glance section. */
.sais-guide .intro-block {
    margin: 2rem 0;
}

.sais-guide .intro-block video {
    display: block;
    max-width: 320px;
    width: 100%;
    margin: 0 auto 1.5rem auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    background-color: #000;
}

.sais-guide .intro-block p {
    margin: 0 0 1rem 0;
}

.sais-guide .intro-block p:last-child {
    margin-bottom: 0;
}

/* Inline body video (not inside a field-note): centred, moderate max-width */
.sais-guide .guide-video {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 2rem auto 0.5rem auto;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background-color: #000;
}

.sais-guide .guide-video-caption {
    font-size: 0.85rem;
    color: var(--grey-text);
    text-align: center;
    font-style: italic;
    margin: 0 0 2rem 0;
}

/* Key takeaway callout */
.sais-guide .key-takeaway {
    background-color: #213B5D;
    color: white;
    padding: 1.25rem 1.5rem;
    border-radius: 6px;
    margin: 2rem 0;
}

.sais-guide .key-takeaway p {
    color: white;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

.sais-guide .key-takeaway strong {
    color: white;
}

.sais-guide .key-takeaway a {
    color: #F5A216;
    font-weight: 600;
}

/* Risk-in-numbers stat box */
.sais-guide .risk-stats {
    background-color: #fdf2f2;
    border: 1px solid #e8c6c6;
    border-left: 4px solid #c0392b;
    border-radius: 6px;
    padding: 1.5rem 1.75rem;
    margin: 2rem 0;
}

.sais-guide .risk-stats h4 {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #c0392b;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sais-guide .risk-stats ul {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
}

.sais-guide .risk-stats ul li {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e8c6c6;
}

.sais-guide .risk-stats ul li:last-child {
    border-bottom: none;
}

.sais-guide .risk-stats ul li strong {
    color: #c0392b;
}

.sais-guide .risk-stats .stat-sources {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 0.8rem;
    color: #888;
    margin: 0;
    line-height: 1.5;
}

.sais-guide .risk-stats .stat-sources a {
    color: #888;
    text-decoration: underline;
}

.sais-guide .risk-stats .stat-sources a:hover {
    color: #F5A216;
}

.sais-guide .field-note.placeholder {
    background-color: #fff8e1;
    border-left-color: #ffc107;
}

.sais-guide .field-note .placeholder-note {
    font-family: 'Source Sans Pro', 'Roboto', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    color: #b8860b;
    background-color: #fff3cd;
    display: inline-block;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    margin: 0 0 0.75rem 0;
}

        /* CTA Section */
.sais-guide .cta-section {
            background: linear-gradient(135deg, var(--navy) 0%, #1e3050 100%);
            color: white;
            padding: 3rem 2rem;
            text-align: center;
            margin: 4rem 0;
            border-radius: 6px;
        }

.sais-guide .cta-section .cta-heading {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 2rem;
            font-weight: 700;
            color: white;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 3px solid var(--accent-amber);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
        }

.sais-guide .cta-section p {
            color: rgba(255,255,255,0.95);
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

.sais-guide .cta-button {
            display: inline-block;
            background-color: var(--accent-amber);
            color: white;
            padding: 1rem 2.5rem;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 600;
            font-size: 1rem;
            margin-top: 1.5rem;
            transition: all 0.3s;
            border: 2px solid var(--accent-amber);
            cursor: pointer;
        }

.sais-guide .cta-button:hover {
            background-color: transparent;
            color: var(--accent-amber);
        }

        /* Assessment Steps */
.sais-guide .assessment-steps {
            margin: 2rem 0;
        }

.sais-guide .step {
            margin-bottom: 2rem;
            padding: 1.5rem;
            background-color: var(--light-bg);
            border-radius: 6px;
            border-left: 4px solid var(--accent-amber);
        }

.sais-guide .step strong {
            color: var(--navy);
            display: block;
            margin-bottom: 0.5rem;
        }

        

        

        

        /* Back to Top */
.sais-guide .back-to-top {
            display: inline-block;
            color: var(--accent-amber);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
            margin-top: 2rem;
            transition: color 0.3s;
        }

.sais-guide .back-to-top:hover {
            color: var(--navy);
        }

        

        /* Responsive Design */
        @media (max-width: 768px) {
.sais-guide h1 {
                font-family: 'Source Sans Pro', sans-serif;
                font-size: 1.8rem;
            }

.sais-guide h2 {
                font-family: 'Source Sans Pro', sans-serif;
                font-size: 1.5rem;
                flex-wrap: wrap;
            }

.sais-guide .hero h1 {
                font-family: 'Source Sans Pro', sans-serif;
                font-size: 1.8rem;
            }

.sais-guide .container {
                padding: 1.5rem;
            }

.sais-guide p {
                line-height: 1.6;
            }

            /* Tables: horizontal scroll on mobile */
.sais-guide .table-wrap {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                margin: 2rem -0.5rem;
                padding: 0 0.5rem;
            }

.sais-guide .table-wrap table {
                margin: 0;
                min-width: 500px;
            }

.sais-guide table {
                font-size: 0.9rem;
            }

.sais-guide th, .sais-guide td {
                padding: 0.75rem;
            }

            /* Long URLs: force wrap */
.sais-guide .risk-stats a,
.sais-guide .risk-stats em {
                word-break: break-word;
            }

            /* Before/after images: auto height when stacked */
.sais-guide .before-after .comparison-card img {
                height: 180px;
            }

            /* Checklist: tighter padding */
.sais-guide .checklist {
                padding: 1.25rem;
            }

            /* CTA buttons: full width */
.sais-guide .cta-button {
                display: block;
                width: 100%;
                text-align: center;
                padding: 1rem 1.5rem;
            }

            /* Assessment steps: tighter */
.sais-guide .step {
                padding: 1rem;
            }

            /* Hero: less padding */
.sais-guide .hero {
                padding: 3rem 1.5rem;
            }

            /* At a glance: tighter */
.sais-guide .at-a-glance {
                padding: 1.25rem;
            }

            /* Disclaimer: tighter */
.sais-guide .disclaimer {
                padding: 1rem;
            }

            /* Field notes: tighter */
.sais-guide .field-note {
                padding: 1rem 1.25rem;
            }

            /* CTA sections: tighter */
.sais-guide .cta-section {
                padding: 2rem 1.5rem;
                margin: 3rem 0;
            }

            /* H3 scales down on mobile */
.sais-guide h3 {
                font-size: 1.25rem;
            }

            /* Risk stats / key takeaway: tighter on mobile */
.sais-guide .risk-stats {
                padding: 1.25rem;
            }

.sais-guide .key-takeaway {
                padding: 1rem 1.25rem;
            }

            /* Captions: ensure long text wraps cleanly */
.sais-guide .guide-image figcaption {
                word-wrap: break-word;
                overflow-wrap: break-word;
            }

            /* CTA heading scales: avoids overflow on narrow viewports */
.sais-guide .cta-section .cta-heading {
                font-size: 1.5rem;
                flex-wrap: wrap;
            }

            /* Guard against any long string (URL, etc.) forcing horizontal scroll */
.sais-guide p,
.sais-guide li,
.sais-guide figcaption {
                overflow-wrap: break-word;
                word-wrap: break-word;
            }
        }

        @media (max-width: 480px) {
.sais-guide .hero h1 {
                font-family: 'Source Sans Pro', sans-serif;
                font-size: 1.5rem;
            }

.sais-guide h2 {
                font-family: 'Source Sans Pro', sans-serif;
                font-size: 1.3rem;
            }

.sais-guide .container {
                padding: 1rem;
            }

            /* Before/after: shorter when single column */
.sais-guide .before-after .comparison-card img {
                height: auto;
                max-height: 200px;
            }

            /* TOC: tighter */
.sais-guide .guide-toc {
                padding: 1.25rem;
            }

            /* Accreditation badges: smaller */
.sais-guide .accreditation-badges img {
                height: 45px;
            }

            /* Client logos: smaller */
.sais-guide .client-logos img {
                height: 35px;
            }

.sais-guide .client-logos {
                gap: 1.25rem;
                padding: 1rem;
            }

            /* H3 smaller still on narrow phones */
.sais-guide h3 {
                font-size: 1.15rem;
            }

            /* Ensure inset images don't look oversized on tiny screens */
.sais-guide .guide-image--inset {
                max-width: 100%;
            }

            /* Author box bio: tighter line-height for readability */
.sais-guide .author-box .author-bio {
                font-size: 0.8rem;
            }

            /* Section h2 amber badge: smaller padding so it doesn't dominate */
.sais-guide h2::before {
                font-size: 0.85rem;
                padding: 0.2rem 0.5rem;
            }
        }
/*-----SAIS-Vertical------*/
.sais-vertical {
    --navy: #213B5D;
    --accent-amber: #F5A216;
    --light-bg: #F5F6F7;
    --text-dark: #101E2B;
    --border-color: #E3E2E2;
    font-family: 'Roboto', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    max-width: 100%;
}
@media (min-width: 768px){
.sais-vertical{
margin-bottom:120px;
}
}
.sais-vertical a { color: var(--accent-amber); text-decoration: none; }
.sais-vertical a:hover { text-decoration: underline; }

/* Hero (full-bleed, matches the guide) */
.sais-vertical .hero {
    box-sizing: border-box;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw; max-width: 100vw;
    background: linear-gradient(135deg, rgba(33,59,93,0.92) 0%, rgba(30,48,80,0.95) 100%), url('https://www.saishygiene.com.au/wp-content/uploads/2023/10/banner-image.png') center/cover no-repeat;
    color: #fff; padding: 4rem 2rem; text-align: center;
}
.sais-vertical .hero .eyebrow {
    text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.8rem;
    font-weight: 600; color: var(--accent-amber); margin: 0 0 0.75rem 0;
}
.sais-vertical .hero h1 {
    font-family: 'Source Sans Pro', sans-serif; font-size: 2.5rem; font-weight: 700;
    line-height: 1.3; margin: 0 0 1rem 0;
}
.sais-vertical .hero p { font-size: 1.1rem; max-width: 720px; margin: 0 auto 1.75rem auto; opacity: 0.95; }

/* Layout */
.sais-vertical .container { max-width: 900px; margin: 0 auto; padding: 2rem; }
.sais-vertical section { margin-bottom: 3.5rem; scroll-margin-top: 120px; }
.sais-vertical h2 {
    font-family: 'Source Sans Pro', sans-serif; font-size: 2rem; font-weight: 700;
    color: var(--navy); margin-bottom: 1.25rem; padding-bottom: 1rem;
    border-bottom: 3px solid var(--accent-amber);
}
.sais-vertical h3 { font-family: 'Source Sans Pro', sans-serif; font-size: 1.3rem; font-weight: 600; color: var(--navy); margin: 0 0 0.75rem 0; }
.sais-vertical p { margin-bottom: 1rem; line-height: 1.8; }

/* Buttons */
.sais-vertical .btn {
    display: inline-block; background-color: var(--accent-amber); color: #fff;
    padding: 1rem 2.5rem; border: 2px solid var(--accent-amber); border-radius: 6px;
    font-weight: 600; font-size: 1rem; transition: all 0.3s; cursor: pointer;
}
.sais-vertical .btn:hover { background: transparent; color: var(--accent-amber); text-decoration: none; }
.sais-vertical .hero .btn { color: #fff; }
.sais-vertical .hero .btn:hover { color: var(--accent-amber); }
.sais-vertical .hero .phone { display: block; margin-top: 0.9rem; color: #fff; font-weight: 600; font-size: 1.1rem; }

/* Support grid */
.sais-vertical .support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin: 1.5rem 0; }
.sais-vertical .support-card { background: var(--light-bg); border-left: 4px solid var(--accent-amber); border-radius: 6px; padding: 1.5rem; }
.sais-vertical .support-card h3 { font-size: 1.15rem; }
.sais-vertical .support-card p { margin: 0; font-size: 0.95rem; line-height: 1.6; }

/* Compliance callout */
.sais-vertical .callout { background: #fff8e1; border: 1px solid #ffc107; border-radius: 6px; padding: 1.5rem 1.75rem; margin: 1.5rem 0; }
.sais-vertical .callout p:last-child { margin-bottom: 0; }

/* Scale stats */
.sais-vertical .scale-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1.5rem 0; text-align: center; }
.sais-vertical .scale-stats .stat { background: var(--light-bg); border-radius: 6px; padding: 1.25rem 0.75rem; }
.sais-vertical .scale-stats .stat .num { font-family: 'Source Sans Pro', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--accent-amber); display: block; }
.sais-vertical .scale-stats .stat .lbl { font-size: 0.85rem; color: var(--navy); font-weight: 600; }

/* Before / after case studies */
.sais-vertical .before-after { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.5rem 0; }
.sais-vertical .before-after .comparison-card { border-radius: 6px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.sais-vertical .before-after .comparison-card img { width: 100%; height: 220px; object-fit: cover; display: block; }
.sais-vertical .before-after .comparison-label { padding: 0.5rem 1rem; font-weight: 600; font-size: 0.85rem; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
.sais-vertical .before-after .comparison-card.before .comparison-label { background: #dc3545; color: #fff; }
.sais-vertical .before-after .comparison-card.after .comparison-label { background: #28a745; color: #fff; }
.sais-vertical .work-video { width: 100%; border-radius: 6px; margin: 1rem 0 0.5rem 0; display: block; }
.sais-vertical .caption { font-size: 0.85rem; color: #666; font-style: italic; }

/* Accreditations */
.sais-vertical .accreditations { background: var(--navy); color: #fff; border-radius: 6px; padding: 1.5rem; text-align: center; margin: 1.5rem 0; }
.sais-vertical .accreditations .items { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem 2rem; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; letter-spacing: 0.03em; }
.sais-vertical .accreditations .items span { color: #fff; }

/* Client logos */
.sais-vertical .client-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem; margin: 1.5rem 0; padding: 1.5rem; background: var(--light-bg); border-radius: 6px; }
.sais-vertical .client-logos img { height: 48px; width: auto; opacity: 0.85; object-fit: contain; }

/* Testimonials */
.sais-vertical .testimonials { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; margin: 1.5rem 0; }
.sais-vertical .testimonial { background: var(--light-bg); border-radius: 6px; padding: 1.5rem; }
.sais-vertical .testimonial p { font-style: italic; margin-bottom: 0.75rem; }
.sais-vertical .testimonial .by { font-weight: 600; color: var(--navy); font-style: normal; font-size: 0.9rem; }

/* FAQ */
.sais-vertical .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.1rem 0; }
.sais-vertical .faq-item h3 { font-size: 1.05rem; margin-bottom: 0.4rem; }
.sais-vertical .faq-item p { margin: 0; }

/* CTA band */
.sais-vertical .cta-section { background: linear-gradient(135deg, var(--navy) 0%, #1e3050 100%); color: #fff; padding: 3rem 2rem; text-align: center; border-radius: 6px; margin: 3rem 0 1rem 0; }
.sais-vertical .cta-section h2 { color: #fff; border-bottom-color: var(--accent-amber); display: inline-block; }
.sais-vertical .cta-section p { color: rgba(255,255,255,0.95); max-width: 600px; margin: 0 auto 0.5rem auto; }

@media (max-width: 768px) {
    .sais-vertical .hero h1 { font-size: 1.9rem; }
    .sais-vertical .support-grid, .sais-vertical .before-after, .sais-vertical .testimonials { grid-template-columns: 1fr; }
    .sais-vertical .scale-stats { grid-template-columns: 1fr 1fr; }
}

/* accreditation cards */
.sais-v2 .acard{ position:relative; overflow:hidden; background:var(--paper); border:1px solid var(--line-soft); border-radius:var(--r);
    padding:1.9rem 2rem; box-shadow:var(--shadow-s); margin:0 0 1.3rem; }
.sais-v2 .acard::after{ content:""; position:absolute; top:0; right:0; border-style:solid; border-width:0 22px 22px 0;
    border-color:transparent var(--amber) transparent transparent; }
.sais-v2 .acard h3{ font-family:'Source Sans Pro',sans-serif; font-weight:700; font-size:1.25rem; color:var(--navy); margin:0 0 .2rem; }
.sais-v2 .acard .atag{ font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--amber-600); display:block; margin-bottom:.8rem; }
.sais-v2 .acard p{ margin:0 0 .8rem; }
.sais-v2 .acard p:last-child{ margin:0; }
.sais-vertical blockquote {
    border-left: 4px solid var(--accent-amber);
    background: var(--light-bg);
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-radius: 0 6px 6px 0;
}

/* QSR guide — add to static-cmspage.css */
.sais-guide .guide-video-hero { margin: 2rem auto 1.4rem auto; max-width: 680px; }
.sais-guide .guide-video-hero video { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; margin: 0; object-fit: cover; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); background-color: #000; }
.sais-guide .guide-video-solo { margin: 1.8rem auto; max-width: 300px; }
.sais-guide .guide-video-solo video { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.12); background-color: #000; }
.sais-guide .guide-video-hero figcaption,
.sais-guide .guide-video-solo figcaption { font-size: 0.85rem; color: var(--grey-text); text-align: center; font-style: italic; margin: 0.6rem 0 0 0; line-height: 1.45; }
.sais-guide .sais-v2 .ba-solo { max-width:600px; margin:2rem auto; }
.sais-guide .score-readout { background:#f6f8fa; border:1px solid #dfe5ec; border-left:4px solid #F5A216; border-radius:8px; padding:1.1rem 1.3rem; margin:1.4rem 0; }
.sais-guide .score-num { font-family:'Source Sans Pro',sans-serif; font-weight:700; font-size:2rem; color:var(--navy,#213B5D); margin:0; line-height:1; }
.sais-guide .score-num #scoreCount { color:#F5A216; }
.sais-guide .score-verdict { margin:.45rem 0 1rem; color:#36424e; font-size:1rem; }
.sais-guide ul.result-bands { list-style:none; padding-left:0; }
.sais-guide ul.result-bands li { padding:.45rem .6rem; border-radius:6px; transition:background .2s; }
.sais-guide ul.result-bands li.active { background:#fff7e9; outline:2px solid #F5A216; }
    margin-top: 0.7rem;
    font-size: 0.85rem;
    color: var(--grey-text);
    text-align: center;
    font-style: italic;
    line-height: 1.5;