/* Generated compatibility styles for promoted Unit 7 variant pages.
 * Source inline declarations are moved here by scripts/normalize-variant-html.py.
 */

/* The SEO breadcrumb injector places `.breadcrumb-wrapper` inside the legacy
 * flex-row `.main-container`. Give it its own row so it cannot squeeze lesson
 * content at mobile or desktop widths. Scope this repair to the pilot family. */
body[data-parent-unit-url*="unit-07-digital-technologies-ai-ethics"] .main-container:has(> .breadcrumb-wrapper),
body[data-parent-unit-url*="unit-7-digital-tech-ai-ethics"] .main-container:has(> .breadcrumb-wrapper) {
    flex-wrap: wrap;
}

body[data-parent-unit-url*="unit-07-digital-technologies-ai-ethics"] .main-container > .breadcrumb-wrapper,
body[data-parent-unit-url*="unit-7-digital-tech-ai-ethics"] .main-container > .breadcrumb-wrapper {
    flex: 0 0 100%;
    width: 100%;
}

body[data-parent-unit-url*="unit-07-digital-technologies-ai-ethics"] .main-container > main,
body[data-parent-unit-url*="unit-7-digital-tech-ai-ethics"] .main-container > main {
    flex: 1 1 100%;
    width: 100%;
    max-width: var(--content-width, 1200px);
    margin-inline: auto;
}
.variant-inline-01c8a0b43d { background: #e3f2fd !important; padding: 1rem !important; border-left: 3px solid var(--color-secondary) !important; border-radius: 6px !important; margin-bottom: 1.5rem !important; }
.variant-inline-020399a193 { color: var(--color-secondary) !important; font-weight: bold !important; }
.variant-inline-1cf0985a43 { margin-top: 0.5rem !important; font-size: 0.9rem !important; }
.variant-inline-1e8a69c6cf { color: var(--color-text-secondary) !important; font-size: 1.1rem !important; }
.variant-inline-210747476e { background: var(--color-secondary) !important; color: white !important; border: none !important; padding: 0.75rem 1.5rem !important; border-radius: 25px !important; cursor: pointer !important; }
.variant-inline-26c8b461d7 { --tc-hero-photo: url('/assets/images/subjects/backgrounds/tech-circuit.jpg') !important; }
.variant-inline-294d21ac72 { --tc-hero-photo: url('/assets/images/subjects/backgrounds/tech-milkyway.jpg') !important; }
.variant-inline-297fdaf2ae { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 1.5rem !important; }
.variant-inline-2a01802927 { margin-top:1.5rem !important; }
.variant-inline-38f113e0fb { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2rem !important; }
.variant-inline-455fe80817 { aspect-ratio:16/9 !important; width:100% !important; }
.variant-inline-457528185f { --tc-hero-photo: url('/assets/images/subjects/backgrounds/tech-stars.jpg') !important; }
.variant-inline-4c6ebd43b7 { background: rgba(255,255,255,0.1) !important; padding: 1.5rem !important; border-radius: 12px !important; backdrop-filter: blur(10px) !important; }
.variant-inline-5e87989b56 { padding: 0.5rem !important; border: 1px solid #ddd !important; }
.variant-inline-60e490c6c9 { background: var(--color-cultural-light) !important; padding: 1rem !important; border-radius: 6px !important; margin-bottom: 1rem !important; }
.variant-inline-64ea0d1704 { text-align: center !important; color: var(--color-text-secondary) !important; line-height: 1.6 !important; }
.variant-inline-689948b74d { padding: 0.5rem !important; border: 1px solid #ddd !important; font-weight: bold !important; }
.variant-inline-6cab6817e7 { background: #e8f5e9 !important; padding: 1rem !important; border-radius: 6px !important; margin: 0.5rem 0 !important; }
.variant-inline-6d86444cb5 { font-size: 0.95rem !important; margin-top: 0.5rem !important; }
.variant-inline-7490a1c10e { display: flex !important; align-items: center !important; margin-bottom: 1rem !important; }
.variant-inline-750d860beb { background: var(--color-surface) !important; padding: 1rem !important; border-radius: 4px !important; margin: 0.5rem 0 !important; }
.variant-inline-78d92817a4 { background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%) !important; color: white !important; padding: 2rem !important; border-radius: 12px !important; margin-bottom: 2rem !important; }
.variant-inline-7a70af3931 { color: var(--color-secondary) !important; margin: 0 !important; }
.variant-inline-7da7d6d43c { background: var(--color-cultural-light) !important; padding: 1.5rem !important; border-radius: 8px !important; margin: 1rem 0 !important; }
.variant-inline-7edd4e2db4 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.variant-inline-800f75e9a5 { background: rgba(255,255,255,0.1) !important; padding: 1rem !important; border-radius: 8px !important; margin-bottom: 1rem !important; }
.variant-inline-81093b242b { display: flex !important; justify-content: space-between !important; font-size: 0.9rem !important; }
.variant-inline-8545ea293b { margin: 1rem 0 !important; }
.variant-inline-9140f94d72 { background: linear-gradient(135deg, var(--color-primary), var(--color-accent)) !important; color: white !important; padding: 2rem !important; border-radius: 15px !important; margin: 2rem 0 !important; }
.variant-inline-958b4f140d { overflow-x:auto !important; max-width:100% !important; -webkit-overflow-scrolling:touch !important; }
.variant-inline-9678b4cc0e { margin-top: 1rem !important; font-style: italic !important; color: var(--color-text-secondary) !important; }
.variant-inline-9dad829297 { margin: 0 0 0.75rem 0 !important; color: var(--color-primary) !important; font-size: 0.9rem !important; }
.variant-inline-a25fa5c9eb { color: var(--color-primary) !important; margin: 1rem 0 !important; }
.variant-inline-a92981ed1e { opacity: 0.9 !important; margin-bottom: 1rem !important; }
.variant-inline-a97b36a43a { font-style: italic !important; margin-bottom: 1rem !important; }
.variant-inline-aa379bab61 { background: var(--color-secondary) !important; color: white !important; }
.variant-inline-b796da6ff2 { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem !important; }
.variant-inline-be9ede8f6c { background-color: var(--color-accent) !important; color: white !important; padding: 0.5rem !important; border-radius: 50% !important; margin-right: 1rem !important; font-weight: bold !important; }
.variant-inline-c5234501bd { padding: 0.75rem !important; border: 1px solid #ddd !important; text-align: left !important; }
.variant-inline-cb2253416b { background-color: var(--color-surface) !important; border: 1px solid var(--color-border) !important; border-radius: 8px !important; padding: 1.5rem !important; transition: transform 0.2s !important; }
.variant-inline-cd433a4a33 { color: white !important; margin-bottom: 0.5rem !important; }
.variant-inline-cf83ca265c { font-size: 0.9rem !important; opacity: 0.9 !important; }
.variant-inline-cf980d5428 { width: 100% !important; border-collapse: collapse !important; margin: 1rem 0 !important; }
.variant-inline-d9acaf66b5 { font-style: italic !important; text-align: center !important; font-size: 1.1rem !important; margin: 1rem 0 !important; }
.variant-inline-e662c1ec97 { background: var(--color-cultural-light) !important; padding: 1rem !important; border-radius: 6px !important; margin-bottom: 1.5rem !important; }
.variant-inline-e665689bbc { background: #e8f5e9 !important; padding: 1rem !important; border-left: 3px solid var(--color-secondary) !important; border-radius: 6px !important; margin: 1rem 0 !important; }
.variant-inline-ebb27664de { color: white !important; margin-bottom: 1rem !important; }
.variant-inline-f811d68b25 { margin-left:1.25rem !important; line-height:2 !important; }
.variant-inline-f83bd8c426 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 1.5rem !important; margin-top: 1.5rem !important; }