/* Page styles for the two Danish hub pages, /da/usecases/ and /da/industries/.
   Lifted verbatim from the inline <style> both carried in main.app; in a file
   rather than a component <style> block because the rules key off .light-landing
   on <body>, which Svelte's scoped styles cannot reach. */
        /* Scoped to the hub pages. This file is a real stylesheet now, not an
           inline <style>, so a bare `body` rule would repaint the whole site
           on any page that ever loads it. */
        body.da-hub-page {
            background: var(--bg-dark-surface);
        }
        .usecases-wrapper {
            padding-bottom: 80px;
        }
        .usecases-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 2rem;
        }
        .cv-breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
        .cv-breadcrumb a,
        .cv-breadcrumb a:link,
        .cv-breadcrumb a:visited {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.2s;
        }
        .cv-breadcrumb a:hover {
            color: var(--text-primary);
        }
        /* Light mode (marketing white-landing) */
        body.da-hub-page.light-landing { background: #ffffff; }
        .light-landing .use-case-title { color: #181818; }
        .light-landing .use-case-subtitle { color: #4a5568; }
        .light-landing .use-case-text h3 { color: #181818; }
        .light-landing .use-case-text p { color: #4a5568; }
        .light-landing .cv-breadcrumb,
        .light-landing .cv-breadcrumb a { color: #4a5568; }
