@font-face {
    font-family: '24v7 Round';
    src: url('/assets/baloo2-800.3e36c57e37bd.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
.site-brand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-decoration: none;
}
.site-brand:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 4px;
}
.header-logo {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.16));
}
.brand-wordmark {
    display: inline-flex;
    direction: ltr;
    align-items: baseline;
    color: #fff;
    font-family: '24v7 Round', sans-serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transform: skewX(-7deg);
}
.brand-wordmark > span { display: inline-block; }
.brand-wordmark .brand-v {
    position: relative;
    z-index: 0;
    margin: 0 0.04em;
    padding: 0 0.1em;
    color: #fff;
}
.brand-wordmark .brand-v::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    left: 0;
    height: calc(1cap + 4px);
    transform: translateY(calc(-50% - 0.06em));
    border-radius: 0.26em;
    background: #ff6a00;
    content: '';
}
.brand-wordmark .brand-domain {
    margin-inline-start: 0.07em;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.58em;
}
        :root { --theme-color: #4f8ff7; }
        * { box-sizing: border-box; }
        body {
            margin: 0;
            background: #f5f5f5;
            color: #333;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }
        [hidden] { display: none !important; }
        .header {
            padding: 13px 16px;
            background: var(--theme-color);
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
        }
        .back:focus-visible,
        .success-back:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 3px;
            border-radius: 4px;
        }
        .container {
            width: calc(100% - 32px);
            max-width: 520px;
            margin: 24px auto;
            padding: 22px;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
        }
        label { display: block; margin: 14px 0 6px; font-size: 14px; font-weight: 600; }
        input, select, textarea {
            width: 100%;
            padding: 10px 11px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background: #fff;
            color: #333;
            font: inherit;
        }
        textarea { min-height: 96px; resize: vertical; }
        /* An address reads left to right on a right-to-left page too (#137). */
        input[type="url"] { direction: ltr; }
        input::placeholder, textarea::placeholder {
            color: #bbb;
            opacity: 1;
        }
        input:focus, select:focus, textarea:focus {
            border-color: var(--theme-color);
            outline: 2px solid color-mix(in srgb, var(--theme-color) 16%, transparent);
        }
        .optional-config {
            margin-top: 20px;
            border-top: 1px solid #eee;
        }
        .optional-config summary {
            padding: 16px 0 2px;
            color: var(--theme-color);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
        }
        .optional-fields {
            padding-top: 2px;
        }
        .actions { display: flex; align-items: center; gap: 14px; margin-top: 20px; }
        button {
            min-width: 100px;
            padding: 9px 16px;
            border: 0;
            border-radius: 5px;
            background: var(--theme-color);
            color: #fff;
            font: inherit;
            cursor: pointer;
        }
        button:disabled { opacity: 0.6; cursor: default; }
        .back { color: var(--theme-color); font-size: 14px; text-decoration: none; }
        .status { min-height: 22px; margin-top: 14px; font-size: 14px; }
        .status.success { color: #2e7d32; }
        .status.error { color: #b71c1c; }
        .success-panel {
            text-align: center;
        }
        .success-message {
            margin: 0 0 22px;
            color: #2e7d32;
            font-size: 19px;
            font-weight: 650;
            line-height: 1.5;
        }
        .submitted-heading {
            margin: 0 0 10px;
            color: #555;
            font-size: 14px;
            text-align: start;
        }
        .submitted-summary {
            margin: 0;
            padding: 4px 14px;
            border-radius: 7px;
            background: #f7f7f7;
            text-align: start;
        }
        .submitted-row {
            display: grid;
            grid-template-columns: minmax(92px, 34%) 1fr;
            gap: 10px;
            padding: 10px 0;
            border-bottom: 1px solid #e8e8e8;
        }
        .submitted-row:last-child { border-bottom: 0; }
        .submitted-row dt {
            color: #777;
            font-size: 13px;
            font-weight: 600;
        }
        .submitted-row dd {
            min-width: 0;
            margin: 0;
            color: #333;
            font-size: 14px;
            overflow-wrap: anywhere;
            white-space: pre-wrap;
        }
        .success-actions {
            display: flex;
            gap: 12px;
            margin-top: 22px;
        }
        .success-actions > * {
            flex: 1;
            padding: 10px 14px;
            border-radius: 5px;
            font: inherit;
            text-align: center;
            text-decoration: none;
        }
        .continue-submit {
            border: 1px solid var(--theme-color);
            background: var(--theme-color);
            color: #fff;
            font-weight: 600;
        }
        .success-back {
            border: 1px solid #ccc;
            background: #fff;
            color: #555;
        }
        body.senior-mode { font-size: 18px; line-height: 1.7; }
        .senior-mode .header { padding: 16px; font-size: 23px; }
        .senior-mode .container {
            max-width: 620px;
            margin: 28px auto;
            padding: 28px;
            border-radius: 12px;
        }
        .senior-mode label { margin: 18px 0 8px; font-size: 18px; }
        .senior-mode input,
        .senior-mode select,
        .senior-mode textarea {
            min-height: 52px;
            padding: 12px 14px;
            border-radius: 7px;
            font-size: 18px;
        }
        .senior-mode textarea { min-height: 140px; }
        .senior-mode .optional-config summary {
            min-height: 52px;
            padding: 18px 0 6px;
            font-size: 18px;
        }
        .senior-mode .actions { gap: 18px; margin-top: 26px; }
        .senior-mode button,
        .senior-mode .success-actions > * {
            min-height: 52px;
            padding: 11px 18px;
            font-size: 18px;
        }
        .senior-mode .back { font-size: 18px; }
        .senior-mode .status { min-height: 28px; font-size: 18px; }
        .senior-mode .success-message { font-size: 23px; }
        .senior-mode .submitted-heading { font-size: 18px; }
        .senior-mode .submitted-row dt,
        .senior-mode .submitted-row dd { font-size: 17px; }
        @media (max-width: 560px) {
            .senior-mode .container {
                width: calc(100% - 20px);
                margin: 10px auto;
                padding: 20px;
            }
            .senior-mode .actions,
            .senior-mode .success-actions { align-items: stretch; flex-direction: column; }
            .senior-mode .back { min-height: 48px; display: flex; align-items: center; }
        }
        body.extra-large-mode { font-size: 20px; line-height: 1.75; }
        .extra-large-mode .header { padding: 18px; font-size: 28px; }
        .extra-large-mode .container {
            max-width: 680px;
            margin: 30px auto;
            padding: 32px;
            border-radius: 14px;
        }
        .extra-large-mode label { margin: 20px 0 10px; font-size: 20px; }
        .extra-large-mode input,
        .extra-large-mode select,
        .extra-large-mode textarea {
            min-height: 58px;
            padding: 13px 15px;
            border-radius: 8px;
            font-size: 20px;
            line-height: 1.5;
        }
        .extra-large-mode textarea { min-height: 170px; }
        .extra-large-mode .optional-config summary {
            min-height: 58px;
            padding: 20px 0 8px;
            font-size: 20px;
        }
        .extra-large-mode .actions { gap: 20px; margin-top: 30px; }
        .extra-large-mode button,
        .extra-large-mode .success-actions > * {
            min-height: 58px;
            padding: 13px 20px;
            font-size: 20px;
        }
        .extra-large-mode .back { font-size: 20px; }
        .extra-large-mode .status { min-height: 32px; font-size: 20px; }
        .extra-large-mode .success-message { font-size: 28px; }
        .extra-large-mode .submitted-heading { font-size: 20px; }
        .extra-large-mode .submitted-row dt,
        .extra-large-mode .submitted-row dd {
            font-size: 18px;
            line-height: 1.6;
        }
        @media (max-width: 560px) {
            .extra-large-mode .container {
                width: calc(100% - 12px);
                margin: 6px auto;
                padding: 18px;
            }
            .extra-large-mode .submitted-row {
                grid-template-columns: 1fr;
                gap: 4px;
            }
            .extra-large-mode .actions,
            .extra-large-mode .success-actions {
                align-items: stretch;
                flex-direction: column;
            }
            .extra-large-mode .back {
                min-height: 54px;
                display: flex;
                align-items: center;
            }
        }