/* Minification failed. Returning unminified contents.
(39,29): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary-text'
(53,40): run-time error CSS1039: Token not allowed after unary operator: '-c2l-font-sans'
(54,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-md'
(63,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-2xl'
(63,40): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(74,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-2xl'
(75,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-border'
(78,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-shadow-card'
(87,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xl'
(87,43): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(92,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-bold'
(97,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary-text'
(106,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(110,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(111,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(112,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(115,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-muted'
(119,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xl'
(120,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-lead'
(121,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-thin'
(122,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-3'
(129,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(130,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(131,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(131,39): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-md'
(132,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface-2'
(133,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(134,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-2'
(141,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(148,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-lh-tight'
(164,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(165,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(166,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(167,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(168,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-circle'
(172,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(173,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-lead'
(174,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(178,18): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(179,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(180,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-muted'
(184,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(189,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(190,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(195,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(198,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-3'
(204,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-lh-tight'
(208,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(215,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-muted'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(225,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(226,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(231,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(232,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(239,18): run-time error CSS1039: Token not allowed after unary operator: '-c2l-control-h'
(240,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-md'
(242,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(243,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(244,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-border-strong'
(245,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(249,24): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary'
(255,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(256,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(259,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(260,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary-text'
(274,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(275,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(276,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-2'
(287,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-regular'
(295,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(297,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-control-h'
(298,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(298,39): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xl'
(300,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-semibold'
(303,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(304,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(305,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-border-strong'
(306,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(308,39): run-time error CSS1039: Token not allowed after unary operator: '-c2l-dur-fast'
(308,59): run-time error CSS1039: Token not allowed after unary operator: '-c2l-ease-out-quart'
(315,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(317,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface-2'
(322,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(323,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(329,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(330,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary-darker'
(334,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(335,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(336,24): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(341,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(342,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary-bg-soft'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(349,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-regular'
(351,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary-text'
(359,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(365,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(366,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-md'
(367,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(368,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface-2'
(369,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-border-strong'
(370,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(374,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(375,24): run-time error CSS1039: Token not allowed after unary operator: '-c2l-orange'
(380,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(381,24): run-time error CSS1039: Token not allowed after unary operator: '-c2l-green-deep'
(389,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-md'
(390,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xl'
(395,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(397,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(398,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-muted'
(402,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(406,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-secondary-text'
(412,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(413,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(419,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(424,23): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fw-regular'
(428,18): run-time error CSS1039: Token not allowed after unary operator: '-c2l-control-h'
(429,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(431,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-1'
(432,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-surface'
(433,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-border-strong'
(434,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(454,15): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(455,16): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(460,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-sm'
(460,39): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(463,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(464,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-primary'
(465,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
(471,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(472,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fg-on-primary'
(473,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-green-deep'
(484,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-xs'
(485,21): run-time error CSS1039: Token not allowed after unary operator: '-c2l-fs-base'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-red-deep'
(490,24): run-time error CSS1039: Token not allowed after unary operator: '-c2l-red-deep'
(494,22): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-lg'
(495,19): run-time error CSS1039: Token not allowed after unary operator: '-c2l-space-md'
(496,17): run-time error CSS1039: Token not allowed after unary operator: '-c2l-red-deep'
(497,28): run-time error CSS1039: Token not allowed after unary operator: '-c2l-red-deep'
(498,25): run-time error CSS1039: Token not allowed after unary operator: '-c2l-radius-md'
 */
/* Public pages (sign-in, errors): the Angular-free shell, built on the c2l-tokens.css custom properties only.
   Every rule is scoped under the body class .c2l-public on purpose: the shared element rules of c2l-components.css
   (.c2l a, .c2l p, .c2l h1) and bootstrap.css (label, a:focus) outrank a single class, which left anchor buttons
   with plum text on a plum button. Keep the prefix on new rules. */

@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/Content/fonts/source-sans-3/SourceSans3-Light.woff2) format("woff2");
}

@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Content/fonts/source-sans-3/SourceSans3-Regular.woff2) format("woff2");
}

@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/Content/fonts/source-sans-3/SourceSans3-SemiBold.woff2) format("woff2");
}

@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/Content/fonts/source-sans-3/SourceSans3-Bold.woff2) format("woff2");
}

.c2l-public :focus-visible {
    outline: 2px solid var(--c2l-secondary-text);
    outline-offset: 2px;
}

/* bootstrap.css draws its own ring on a:focus; the house ring above is the only one these pages show. */
.c2l-public a:focus:not(:focus-visible) {
    outline: 0;
}

body.c2l-public {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    font-family: "Source Sans 3", var(--c2l-font-sans);
    font-size: var(--c2l-fs-md);
}

.c2l-public .c2l-public-main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--c2l-space-2xl) var(--c2l-space-lg);
}

.c2l-public .c2l-public-main:focus {
    outline: none;
}

.c2l-public .c2l-public-sheet {
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    padding: var(--c2l-space-2xl);
    background: var(--c2l-surface);
    border: 1px solid var(--c2l-border);
    border-radius: 6px;
    box-shadow: var(--c2l-shadow-card);
}

.c2l-public .c2l-public-sheet--wide {
    max-width: 480px;
}

@media (max-width: 440px) {
    .c2l-public .c2l-public-sheet {
        padding: var(--c2l-space-xl) var(--c2l-space-lg);
    }
}

.c2l-public .c2l-public-wordmark {
    font-weight: var(--c2l-fw-bold);
    letter-spacing: .02em;
}

.c2l-public .c2l-public-wordmark > span:first-child {
    color: var(--c2l-primary);
}

.c2l-public .c2l-public-wordmark > span:last-child {
    color: var(--c2l-secondary-text);
}

.c2l-public .c2l-public-wordmark--on-dark > span:first-child,
.c2l-public .c2l-public-wordmark--on-dark > span:last-child {
    color: var(--c2l-fg-on-primary);
}

.c2l-public .c2l-public-eyebrow {
    margin: 0 0 var(--c2l-space-sm);
    font-size: var(--c2l-fs-base);
    font-weight: var(--c2l-fw-semibold);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--c2l-fg-muted);
}

.c2l-public .c2l-public-lead {
    margin: 0 0 var(--c2l-space-xl);
    font-size: var(--c2l-fs-lead);
    font-weight: var(--c2l-fw-thin);
    color: var(--c2l-fg-3);
}

.c2l-public .c2l-public-identity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--c2l-space-sm);
    margin: 0 0 var(--c2l-space-lg);
    padding: var(--c2l-space-sm) var(--c2l-space-md);
    background: var(--c2l-surface-2);
    border-radius: var(--c2l-radius-md);
    color: var(--c2l-fg-2);
}

.c2l-public .c2l-public-identity-name {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: var(--c2l-space-sm);
    min-width: 0;
}

/* A long address wraps inside its own box; the Change button next to it keeps its width. */
.c2l-public .c2l-public-identity-name > span:last-child {
    min-width: 0;
    line-height: var(--c2l-lh-tight);
    overflow-wrap: anywhere;
}

.c2l-public .c2l-public-identity > .c2l-public-btn {
    flex-shrink: 0;
    white-space: nowrap;
}

.c2l-public .c2l-public-initials {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    font-size: var(--c2l-fs-base);
    font-weight: var(--c2l-fw-semibold);
    color: var(--c2l-fg-on-primary);
    background: var(--c2l-primary);
    border-radius: var(--c2l-radius-circle);
}

.c2l-public .c2l-public-icon {
    margin: 0 0 var(--c2l-space-sm);
    font-size: var(--c2l-fs-lead);
    color: var(--c2l-primary);
}

.c2l-public .c2l-public-note {
    margin: var(--c2l-space-lg) 0 0;
    font-size: var(--c2l-fs-base);
    color: var(--c2l-fg-muted);
}

.c2l-public .c2l-public-field {
    margin: 0 0 var(--c2l-space-lg);
}

/* The password rules of P8/P9: sign-in.js marks each rule met or not while the user types (advisory only). */
.c2l-public .c2l-public-rules-title {
    margin: 0 0 var(--c2l-space-xs);
    font-weight: var(--c2l-fw-semibold);
    color: var(--c2l-fg-1);
}

.c2l-public .c2l-public-rules {
    margin: 0 0 var(--c2l-space-lg);
    padding: 0;
    list-style: none;
    color: var(--c2l-fg-3);
}

.c2l-public .c2l-public-rules li {
    position: relative;
    padding-left: 1.5em;
    line-height: var(--c2l-lh-tight);
}

.c2l-public .c2l-public-rules li + li {
    margin-top: var(--c2l-space-xs);
}

.c2l-public .c2l-public-rules li::before {
    content: "\2022";
    position: absolute;
    left: .35em;
    color: var(--c2l-fg-muted);
}

.c2l-public .c2l-public-rules li[data-c2l-met="true"] {
    color: var(--c2l-fg-1);
}

.c2l-public .c2l-public-rules li[data-c2l-met="true"]::before {
    content: "\2713";
    left: 0;
    font-weight: var(--c2l-fw-semibold);
    color: var(--c2l-primary);
}

.c2l-public .c2l-public-field > label {
    display: block;
    margin: 0 0 var(--c2l-space-xs);
    font-weight: var(--c2l-fw-semibold);
    color: var(--c2l-fg-1);
}

.c2l-public .c2l-public-input {
    box-sizing: border-box;
    width: 100%;
    height: var(--c2l-control-h);
    padding: 0 var(--c2l-space-md);
    font: inherit;
    color: var(--c2l-fg-1);
    background: var(--c2l-surface);
    border: 1px solid var(--c2l-border-strong);
    border-radius: var(--c2l-radius-md);
}

.c2l-public .c2l-public-input:focus {
    border-color: var(--c2l-secondary);
}

.c2l-public .c2l-public-toggle-visibility {
    display: inline-flex;
    align-items: center;
    gap: var(--c2l-space-xs);
    margin-top: var(--c2l-space-xs);
    padding: 0;
    font: inherit;
    font-size: var(--c2l-fs-base);
    color: var(--c2l-secondary-text);
    background: none;
    border: 0;
    cursor: pointer;
}

/* Rendered hidden and revealed by sign-in.js: without script the button would do nothing. */
.c2l-public .c2l-public-toggle-visibility[hidden] {
    display: none;
}

.c2l-public .c2l-public-checkbox {
    display: flex;
    align-items: center;
    gap: var(--c2l-space-sm);
    margin: 0 0 var(--c2l-space-lg);
    color: var(--c2l-fg-2);
}

/* bootstrap.css gives every label a bold weight and a bottom margin, and every checkbox a top margin. */
.c2l-public .c2l-public-checkbox > input {
    flex-shrink: 0;
    margin: 0;
}

.c2l-public .c2l-public-checkbox > label {
    margin: 0;
    font-weight: var(--c2l-fw-regular);
}

/* The vertical padding and the centred text only show when a long label wraps (French, a long organisation name). */
.c2l-public .c2l-public-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--c2l-space-sm);
    box-sizing: border-box;
    min-height: var(--c2l-control-h);
    padding: var(--c2l-space-xs) var(--c2l-space-xl);
    font: inherit;
    font-weight: var(--c2l-fw-semibold);
    text-align: center;
    text-decoration: none;
    color: var(--c2l-fg-1);
    background: var(--c2l-surface);
    border: 1px solid var(--c2l-border-strong);
    border-radius: var(--c2l-radius-md);
    cursor: pointer;
    transition: background-color var(--c2l-dur-fast) var(--c2l-ease-out-quart);
}

/* The hover and focus states name colour and decoration too: .c2l a:hover would otherwise recolour and underline
   an anchor that is styled as a button. */
.c2l-public .c2l-public-btn:hover,
.c2l-public .c2l-public-btn:focus {
    color: var(--c2l-fg-1);
    text-decoration: none;
    background: var(--c2l-surface-2);
}

.c2l-public .c2l-public-btn--primary {
    width: 100%;
    color: var(--c2l-fg-on-primary);
    background: var(--c2l-primary);
    border-color: transparent;
}

.c2l-public .c2l-public-btn--primary:hover,
.c2l-public .c2l-public-btn--primary:focus {
    color: var(--c2l-fg-on-primary);
    background: var(--c2l-primary-darker);
}

.c2l-public .c2l-public-btn--outline {
    color: var(--c2l-primary);
    background: var(--c2l-surface);
    border-color: var(--c2l-primary);
}

.c2l-public .c2l-public-btn--outline:hover,
.c2l-public .c2l-public-btn--outline:focus {
    color: var(--c2l-primary);
    background: var(--c2l-primary-bg-soft);
}

.c2l-public .c2l-public-btn--link-tiny {
    min-height: 0;
    padding: 0;
    font-size: var(--c2l-fs-base);
    font-weight: var(--c2l-fw-regular);
    text-align: start;
    color: var(--c2l-secondary-text);
    background: none;
    border: 0;
    text-decoration: underline;
}

.c2l-public .c2l-public-btn--link-tiny:hover,
.c2l-public .c2l-public-btn--link-tiny:focus {
    color: var(--c2l-primary);
    text-decoration: underline;
    background: none;
}

.c2l-public .c2l-public-alert {
    margin: 0 0 var(--c2l-space-lg);
    padding: var(--c2l-space-md);
    color: var(--c2l-fg-1);
    background: var(--c2l-surface-2);
    border: 1px solid var(--c2l-border-strong);
    border-radius: var(--c2l-radius-md);
}

.c2l-public .c2l-public-alert--warn {
    background: var(--c2l-surface);
    border-color: var(--c2l-orange);
    border-left-width: 4px;
}

.c2l-public .c2l-public-alert--ok {
    background: var(--c2l-surface);
    border-color: var(--c2l-green-deep);
    border-left-width: 4px;
}

.c2l-public .c2l-public-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--c2l-space-md);
    margin-top: var(--c2l-space-xl);
}

.c2l-public .c2l-public-footer {
    flex-shrink: 0;
    padding: var(--c2l-space-lg);
    text-align: center;
    font-size: var(--c2l-fs-base);
    color: var(--c2l-fg-muted);
}

.c2l-public .c2l-public-footer-line {
    margin: 0 0 var(--c2l-space-sm);
}

.c2l-public .c2l-public-footer a {
    color: var(--c2l-secondary-text);
}

.c2l-public .c2l-public-footer-nav {
    display: flex;
    justify-content: center;
    gap: var(--c2l-space-lg);
    margin: 0 0 var(--c2l-space-sm);
}

.c2l-public .c2l-public-language {
    display: inline-flex;
    align-items: center;
    gap: var(--c2l-space-sm);
}

.c2l-public .c2l-public-language label {
    margin: 0;
    font-weight: var(--c2l-fw-regular);
}

.c2l-public .c2l-public-language select {
    height: var(--c2l-control-h);
    padding: 0 var(--c2l-space-sm);
    font: inherit;
    color: var(--c2l-fg-1);
    background: var(--c2l-surface);
    border: 1px solid var(--c2l-border-strong);
    border-radius: var(--c2l-radius-md);
}

.c2l-public .c2l-public-skip,
.c2l-public .c2l-public-visually-hidden,
.c2l-public .c2l-public-visually-hidden-focusable {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.c2l-public .c2l-public-skip:focus,
.c2l-public .c2l-public-visually-hidden-focusable:focus {
    position: fixed;
    top: var(--c2l-space-sm);
    left: var(--c2l-space-sm);
    z-index: 1000;
    width: auto;
    height: auto;
    margin: 0;
    padding: var(--c2l-space-sm) var(--c2l-space-lg);
    overflow: visible;
    clip: auto;
    color: var(--c2l-fg-on-primary);
    background: var(--c2l-primary);
    border-radius: var(--c2l-radius-md);
}

.c2l-public .c2l-public-debug {
    position: fixed;
    top: 0;
    padding: var(--c2l-space-lg);
    color: var(--c2l-fg-on-primary);
    background: var(--c2l-green-deep);
}

/* MVC validation output */
.c2l-public .field-validation-valid,
.c2l-public .validation-summary-valid {
    display: none;
}

.c2l-public .field-validation-error {
    display: block;
    margin-top: var(--c2l-space-xs);
    font-size: var(--c2l-fs-base);
    color: var(--c2l-red-deep);
}

.c2l-public .input-validation-error {
    border-color: var(--c2l-red-deep);
}

.c2l-public .validation-summary-errors {
    margin: 0 0 var(--c2l-space-lg);
    padding: var(--c2l-space-md);
    color: var(--c2l-red-deep);
    border: 1px solid var(--c2l-red-deep);
    border-radius: var(--c2l-radius-md);
}

.c2l-public .validation-summary-errors ul {
    margin: 0;
    padding: 0;
    list-style: none;
}