@font-face {
    font-family: "Onest";
    src: url("../fonts/Onest-VariableFont_wght.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

body.dttm-wpf-published-body,
.dttm-wpf-published-shell[data-delivery-mode="public-intake"] {
    --dt-ink: #151820;
    --dt-ink-soft: #222631;
    --dt-paper: #f8fafc;
    --dt-paper-2: #eef3f8;
    --dt-desk: #d9e1ea;
    --dt-text: #313949;
    --dt-muted: #657083;
    --dt-line: #b9c3d0;
    --dt-line-strong: #6f7a89;
    --dt-magenta: #bf06b3;
    --dt-purple: #5505a6;
    --dt-blue: #1b3da6;
    --dt-sky: #266aa6;
    --dt-teal: #1fa68d;
    --dt-teal-block: #ccf2ec;
    --dt-blue-block: #dce6fb;
    --dt-purple-block: #eadff8;
    --dt-field: #f4f7fb;
    --dt-type-body: clamp(0.9375rem, calc(0.18vw + 0.9rem), 1rem);
    --dt-type-hero: clamp(2.5rem, 6.7vw, 4.0625rem);
    --dt-type-intro: clamp(1rem, calc(0.35vw + 0.91875rem), 1.125rem);
    --dt-type-section: clamp(1.125rem, calc(0.2vw + 1.0625rem), 1.1875rem);
    --dt-type-question: clamp(1rem, calc(0.2vw + 0.9375rem), 1.0625rem);
    --dt-type-choice: clamp(0.9375rem, calc(0.2vw + 0.890625rem), 1rem);
    --dt-type-support: clamp(0.875rem, calc(0.18vw + 0.8325rem), 0.9375rem);
    --dt-type-metric: clamp(1.75rem, calc(0.8vw + 1.5rem), 2rem);
    --dt-type-submit: clamp(1.625rem, calc(0.8vw + 1.4375rem), 1.875rem);
    --dt-type-confirmation: clamp(1.875rem, calc(1.4vw + 1.55rem), 2.375rem);
    --dt-option-description-preview-lines: 3;
    --dt-option-description-toggle-after-lines: 4;
    color: var(--dt-text);
    font-family: "Onest", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

body.dttm-wpf-published-body {
    margin: 0;
    min-height: 100vh;
    padding: 28px 18px;
    background-color: var(--dt-desk);
    background-image:
        linear-gradient(rgba(21, 24, 32, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 24, 32, 0.06) 1px, transparent 1px),
        linear-gradient(135deg, rgba(204, 242, 236, 0.88), rgba(220, 230, 251, 0.72) 48%, rgba(248, 250, 252, 0.9));
    background-size: 96px 96px, 96px 96px, auto;
}

.dttm-wpf-published-shell,
.dttm-wpf-published-shell * {
    box-sizing: border-box;
    font-family: inherit;
}

.dttm-wpf-published-shell input[type="file"]::file-selector-button {
    font-family: inherit;
}

.dttm-wpf-published-shell.container {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 0;
    border: 1px solid var(--dt-ink);
    background: var(--dt-paper);
    box-shadow: 0 22px 44px rgba(18, 25, 42, 0.16);
}

.brand-grid {
    display: block;
    border-bottom: 1px solid var(--dt-ink);
}

.brand-cell {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: flex-start;
    padding: 0 28px;
    background: var(--dt-paper);
    color: var(--dt-blue);
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
}

.brand-logo,
.dttm-wpf-published-brandmark img {
    display: block;
    width: 178px;
    max-width: 58vw;
    height: auto;
}

.document-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 270px;
    padding: 30px;
    border-bottom: 1px solid var(--dt-ink);
    background: var(--dt-desk);
}

.form-type,
.dttm-wpf-published-kicker {
    margin: 0 0 10px;
    color: var(--dt-blue);
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
}

.document-header h1 {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--dt-ink);
    font-size: var(--dt-type-hero);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.97;
}

.dttm-wpf-published-intro {
    max-width: 68ch;
    margin: 24px 0 0;
    color: var(--dt-text);
    font-size: var(--dt-type-intro);
    font-weight: 470;
    line-height: 1.55;
}

.dttm-wpf-published-intro > :first-child {
    margin-top: 0;
}

.dttm-wpf-published-intro > :last-child {
    margin-bottom: 0;
}

.form-shell {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    align-items: stretch;
}

.process-strip {
    display: grid;
    align-content: start;
    border-right: 1px solid var(--dt-ink);
    background: var(--dt-ink);
    color: var(--dt-paper);
}

.instructions,
.dttm-wpf-published-steps a,
.dttm-wpf-published-facts div {
    border-bottom: 1px solid rgba(248, 250, 252, 0.22);
}

.instructions {
    margin: 0;
    padding: 22px;
    color: var(--dt-paper);
    font-size: 15px;
    line-height: 1.45;
}

.instructions strong {
    display: block;
    margin-bottom: 10px;
    color: var(--dt-teal-block);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.12;
}

.dttm-wpf-published-steps {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dttm-wpf-published-steps li {
    margin: 0;
}

.dttm-wpf-published-steps a {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    min-height: 58px;
    align-items: start;
    padding: 17px 22px;
    color: var(--dt-paper);
    font-size: 15px;
    font-weight: 760;
    line-height: 1.28;
    text-decoration: none;
}

.dttm-wpf-published-steps span {
    color: var(--dt-teal-block);
    font-size: 12px;
    font-weight: 900;
}

.dttm-wpf-published-steps a:hover,
.dttm-wpf-published-steps a:focus-visible {
    background: var(--dt-ink-soft);
}

.dttm-wpf-published-facts {
    display: grid;
    margin: 0;
    border-top: 1px solid rgba(248, 250, 252, 0.22);
}

.dttm-wpf-published-facts div {
    padding: 17px 22px;
}

.dttm-wpf-published-facts dt {
    margin: 0 0 6px;
    color: var(--dt-teal-block);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dttm-wpf-published-facts dd {
    margin: 0;
    color: var(--dt-paper-2);
    font-size: 13px;
    line-height: 1.42;
}

.dttm-wpf-published-content {
    min-width: 0;
    padding: 18px 44px 44px;
}

.dttm-wpf-local-save-note {
    margin: 0 0 22px;
    padding: 18px;
    border: 1px solid var(--dt-teal);
    background: var(--dt-teal-block);
    color: var(--dt-ink);
    font-size: 15px;
    font-weight: 720;
    line-height: 1.48;
}

#dttm-wpf-published-form {
    min-width: 0;
}

.dttm-wpf-published-section {
    margin: 0;
    padding: 0;
}

.dttm-wpf-published-section-heading {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin: 38px 0 18px;
    color: var(--dt-ink);
    font-size: var(--dt-type-section);
    font-weight: 900;
    letter-spacing: 0.045em;
    line-height: 1.18;
    text-transform: uppercase;
}

.dttm-wpf-published-section-heading::before {
    content: "";
    grid-column: 1;
    grid-row: 1;
    height: 4px;
    background: var(--dt-purple);
}

.dttm-wpf-published-section-heading span {
    display: none;
}

.dttm-wpf-content-stack {
    display: grid;
    gap: 18px;
    margin: 0 0 24px;
}

.dttm-wpf-content-block {
    min-width: 0;
}

.dttm-wpf-content-prose {
    max-width: 76ch;
    color: var(--dt-text);
    font-size: var(--dt-type-body);
    line-height: 1.58;
}

.dttm-wpf-content-prose > :first-child,
.dttm-wpf-content-callout > :first-child {
    margin-top: 0;
}

.dttm-wpf-content-prose > :last-child,
.dttm-wpf-content-callout > :last-child {
    margin-bottom: 0;
}

.dttm-wpf-content-prose p,
.dttm-wpf-content-callout p {
    margin: 0 0 12px;
}

.dttm-wpf-content-prose ul,
.dttm-wpf-content-prose ol,
.dttm-wpf-content-callout ul,
.dttm-wpf-content-callout ol {
    margin: 0 0 12px;
    padding-left: 24px;
}

.dttm-wpf-content-definitions,
.dttm-wpf-content-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 0;
    border-right: 1px solid var(--dt-ink);
    border-bottom: 1px solid var(--dt-ink);
}

.dttm-wpf-content-definitions > div,
.dttm-wpf-content-metrics > div {
    min-width: 0;
    padding: 16px;
    border-top: 1px solid var(--dt-ink);
    border-left: 1px solid var(--dt-ink);
}

.dttm-wpf-content-definitions dt {
    margin: 0 0 5px;
    color: var(--dt-ink);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
}

.dttm-wpf-content-definitions dd {
    margin: 0;
    color: var(--dt-text);
    font-size: 14px;
    line-height: 1.48;
}

.dttm-wpf-content-metrics > div {
    background: var(--dt-blue-block);
}

.dttm-wpf-content-metrics strong {
    display: block;
    margin-bottom: 7px;
    color: var(--dt-blue);
    font-size: var(--dt-type-metric);
    font-weight: 900;
    line-height: 1;
}

.dttm-wpf-content-metrics span {
    display: block;
    color: var(--dt-ink);
    font-size: 14px;
    font-weight: 690;
    line-height: 1.38;
}

.dttm-wpf-content-callout {
    padding: 17px 18px;
    border: 1px solid var(--dt-ink);
    color: var(--dt-ink);
    font-size: 15px;
    line-height: 1.52;
}

.dttm-wpf-content-callout.is-neutral {
    background: var(--dt-paper-2);
}

.dttm-wpf-content-callout.is-success {
    background: var(--dt-teal-block);
}

.dttm-wpf-content-callout.is-info {
    background: var(--dt-blue-block);
}

.dttm-wpf-content-callout.is-caution {
    background: var(--dt-purple-block);
}

.dttm-wpf-content-callout-title {
    display: block;
    margin-bottom: 6px;
    font-size: var(--dt-type-body);
    font-weight: 900;
}

.dttm-wpf-content-details,
.dttm-wpf-content-table-block {
    border: 1px solid var(--dt-line);
    background: var(--dt-paper);
}

.dttm-wpf-content-details > summary {
    padding: 15px 16px;
    color: var(--dt-blue);
    cursor: pointer;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.35;
}

.dttm-wpf-content-details[open] > summary {
    border-bottom: 1px solid var(--dt-line);
}

.dttm-wpf-content-table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

.dttm-wpf-content-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--dt-text);
    font-size: 14px;
    line-height: 1.4;
}

.dttm-wpf-content-table caption {
    padding: 13px 14px;
    border-bottom: 1px solid var(--dt-line);
    background: var(--dt-paper-2);
    color: var(--dt-ink);
    font-weight: 850;
    text-align: left;
}

.dttm-wpf-content-table th,
.dttm-wpf-content-table td {
    padding: 11px 10px;
    border-right: 1px solid var(--dt-line);
    border-bottom: 1px solid var(--dt-line);
    text-align: left;
    vertical-align: top;
}

.dttm-wpf-content-table th:last-child,
.dttm-wpf-content-table td:last-child {
    border-right: 0;
}

.dttm-wpf-content-table tbody tr:last-child td {
    border-bottom: 0;
}

.dttm-wpf-content-table th {
    background: var(--dt-paper-2);
    color: var(--dt-ink);
    font-weight: 900;
}

.dttm-wpf-content-records {
    border: 1px solid var(--dt-ink);
}

.dttm-wpf-content-record {
    padding: 18px;
    border-bottom: 1px solid var(--dt-ink);
    background: var(--dt-paper);
}

.dttm-wpf-content-record:nth-child(even) {
    background: var(--dt-paper-2);
}

.dttm-wpf-content-record:last-child {
    border-bottom: 0;
}

.dttm-wpf-content-record header {
    display: flex;
    gap: 16px;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
    color: var(--dt-ink);
}

.dttm-wpf-content-record header > strong {
    font-size: 16px;
    font-weight: 900;
}

.dttm-wpf-content-record header > span {
    color: var(--dt-blue);
    font-size: 14px;
    font-weight: 850;
    white-space: nowrap;
}

.dttm-wpf-content-record-row {
    margin: 6px 0;
    font-size: 14px;
    line-height: 1.48;
}

.dttm-wpf-content-record-row.is-muted {
    color: var(--dt-muted);
}

.dttm-wpf-content-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-top: 12px;
}

.dttm-wpf-content-links a {
    color: var(--dt-blue);
    font-size: 14px;
    font-weight: 750;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.form-group {
    min-width: 0;
    margin: 0;
    padding: 22px 0 26px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--dt-line);
    border-left: 0;
}

fieldset.dttm-wpf-published-field.form-group {
    margin-top: 22px;
    padding-top: 0;
}

.form-group:last-child {
    border-bottom: 0;
}

.dttm-wpf-published-steps > li[hidden],
.dttm-wpf-published-section[hidden],
.dttm-wpf-published-field[hidden] {
    display: none !important;
}

.dttm-wpf-intake-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.question,
.dttm-wpf-published-field > label:first-child,
.dttm-wpf-published-field > legend:first-child {
    display: block;
    margin-bottom: 6px;
    color: var(--dt-ink);
    font-size: var(--dt-type-question);
    font-weight: 850;
    line-height: 1.3;
}

.question span {
    color: var(--dt-magenta);
}

.help-text,
.dttm-wpf-published-help {
    display: block;
    max-width: 68ch;
    margin: 0 0 14px;
    color: var(--dt-muted);
    font-size: 14px;
    line-height: 1.45;
}

.dttm-wpf-published-field input[type="text"],
.dttm-wpf-published-field input[type="email"],
.dttm-wpf-published-field input[type="tel"],
.dttm-wpf-published-field input[type="date"],
.dttm-wpf-published-field input[type="number"],
.dttm-wpf-published-field select,
.dttm-wpf-published-field textarea {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 13px 14px;
    border: 1px solid var(--dt-line);
    border-radius: 0;
    background: var(--dt-paper);
    color: var(--dt-ink);
    font: inherit;
    font-size: 16px;
    font-weight: 460;
    line-height: 1.45;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.dttm-wpf-published-field textarea {
    min-height: 132px;
    resize: vertical;
}

.dttm-wpf-published-field select {
    cursor: pointer;
}

.dttm-wpf-published-field input:focus,
.dttm-wpf-published-field select:focus,
.dttm-wpf-published-field textarea:focus {
    border-color: var(--dt-sky);
    box-shadow: 4px 4px 0 var(--dt-line);
    outline: none;
}

.choice-group,
.dttm-wpf-published-options {
    display: grid;
    gap: 10px;
    width: 100%;
}

.choice-label,
.dttm-wpf-published-option {
    display: flex;
    min-height: 54px;
    align-items: flex-start;
    margin: 0;
    padding: 15px 16px;
    border: 1px solid var(--dt-line);
    background: var(--dt-paper);
    color: var(--dt-text);
    cursor: pointer;
    font-size: var(--dt-type-choice);
    font-weight: 700;
    line-height: 1.35;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.choice-label:hover,
.dttm-wpf-published-option:hover {
    transform: translateY(-1px);
    border-color: var(--dt-line-strong);
    box-shadow: 5px 5px 0 var(--dt-line);
}

.choice-label:has(input:checked),
.dttm-wpf-published-option:has(input:checked) {
    border-color: var(--dt-blue);
    background: var(--dt-blue-block);
    box-shadow: inset 0 0 0 1px var(--dt-blue);
}

.choice-label input,
.dttm-wpf-published-option input {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    margin: 2px 11px 0 0;
    accent-color: var(--dt-blue);
}

.dttm-wpf-option-recommendation {
    color: var(--dt-blue);
    font-weight: 900;
}

.dttm-wpf-option-choice {
    display: grid;
    gap: 0;
}

.dttm-wpf-option-description-group-controls {
    display: flex;
    justify-content: flex-end;
    margin: -2px 0 2px;
}

.dttm-wpf-option-description-group-toggle,
.dttm-wpf-option-description-toggle {
    color: var(--dt-blue);
    font: inherit;
    font-size: var(--dt-type-support);
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.dttm-wpf-option-description-group-controls[hidden],
.dttm-wpf-option-description-toggle[hidden] {
    display: none;
}

.dttm-wpf-option-description-group-toggle {
    padding: 6px 9px;
    border: 1px solid var(--dt-line);
    background: #fff;
}

.dttm-wpf-option-description-toggle {
    padding: 3px 0 0;
    border: 0;
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dttm-wpf-option-description-group-toggle:focus-visible,
.dttm-wpf-option-description-toggle:focus-visible,
.dttm-wpf-option-link:focus-visible {
    outline: 2px solid var(--dt-sky);
    outline-offset: 2px;
}

.dttm-wpf-option-support {
    padding: 3px 16px 5px 45px;
    color: #4f596a;
    font-size: var(--dt-type-support);
    line-height: 1.5;
}

.dttm-wpf-internal-context {
    margin: 0 0 14px;
    border: 1px solid var(--dt-line);
    background: var(--dt-paper-2);
}

.dttm-wpf-internal-context summary {
    padding: 11px 12px;
    color: var(--dt-blue);
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.dttm-wpf-internal-context summary:focus-visible,
.dttm-wpf-content-details > summary:focus-visible {
    outline: 2px solid var(--dt-sky);
    outline-offset: -3px;
}

.dttm-wpf-internal-context > div {
    padding: 0 12px 13px;
    color: var(--dt-muted);
    font-size: 14px;
    line-height: 1.48;
}

.dttm-wpf-internal-context > div > :first-child {
    margin-top: 0;
}

.dttm-wpf-internal-context > div > :last-child {
    margin-bottom: 0;
}

.dttm-wpf-option-description {
    margin: 0;
}

.dttm-wpf-option-description.is-collapsed {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--dt-option-description-preview-lines);
}

.dttm-wpf-option-links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 5px;
}

.dttm-wpf-option-link {
    color: var(--dt-blue);
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.dttm-wpf-option-comment {
    display: none;
    width: 100%;
    min-height: 52px;
    margin: -1px 0 0;
    padding: 10px 12px;
    border: 1px solid var(--dt-line);
    border-top: 0;
    background: var(--dt-paper);
    color: var(--dt-text);
    font: inherit;
    font-size: 16px;
    line-height: 1.45;
    resize: vertical;
}

.dttm-wpf-option-comment.is-visible {
    display: block;
}

.dttm-wpf-option-comment::placeholder {
    color: #7b8496;
}

.dttm-wpf-option-comment:focus {
    border-color: var(--dt-sky);
    background: #fff;
    box-shadow: 4px 4px 0 var(--dt-line);
    outline: none;
}

.dttm-wpf-field-note {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    padding: 13px 0 0;
    border: 0;
    border-top: 1px solid var(--dt-line);
    background: transparent;
}

.dttm-wpf-field-note label {
    color: var(--dt-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dttm-wpf-field-note textarea {
    min-height: 92px;
    background: var(--dt-paper);
}

.dttm-wpf-file-upload {
    display: grid;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
}

.dttm-wpf-file-upload input[type="file"] {
    width: 100%;
    min-height: 52px;
    padding: 11px;
    border: 1px solid var(--dt-line);
    background: var(--dt-paper);
    color: var(--dt-ink);
    font: inherit;
}

.dttm-wpf-file-upload-note {
    margin: 0;
    color: var(--dt-muted);
    font-size: 13px;
    line-height: 1.42;
}

.dttm-wpf-file-list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dttm-wpf-file-list li {
    padding: 8px 10px;
    border: 1px solid var(--dt-line);
    background: var(--dt-paper-2);
    color: var(--dt-text);
    font-size: 13px;
    font-weight: 620;
}

.dttm-wpf-file-list li.is-error {
    border-color: var(--dt-magenta);
    background: var(--dt-purple-block);
    color: var(--dt-ink);
}

.dttm-wpf-published-submit-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: end;
    margin-top: 24px;
    padding: 22px;
    border: 1px solid var(--dt-ink);
    background: var(--dt-ink);
    color: var(--dt-paper);
}

.dttm-wpf-published-content.dttm-wpf-is-submitted .dttm-wpf-local-save-note,
.dttm-wpf-published-content.dttm-wpf-is-submitted .dttm-wpf-published-section,
.dttm-wpf-published-submit-panel.is-complete > div:first-child,
.dttm-wpf-published-submit-panel.is-complete .dttm-wpf-published-submit {
    display: none;
}

.dttm-wpf-published-submit-panel.is-complete {
    display: block;
    padding: 32px;
    border-color: var(--dt-teal);
    background:
        linear-gradient(rgba(31, 166, 141, 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 166, 141, 0.16) 1px, transparent 1px),
        var(--dt-teal-block);
    background-size: 24px 24px, 24px 24px, auto;
    color: var(--dt-ink);
}

.dttm-wpf-published-submit-panel h2 {
    margin: 4px 0 8px;
    color: var(--dt-paper);
    font-size: var(--dt-type-submit);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: 0;
}

.dttm-wpf-published-submit-panel p {
    max-width: 700px;
    margin: 0;
    color: var(--dt-paper-2);
    font-size: 15px;
    line-height: 1.5;
}

.dttm-wpf-published-submit-label {
    color: var(--dt-teal-block);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dttm-wpf-published-submit {
    min-height: 54px;
    border: 1px solid var(--dt-teal-block);
    border-radius: 0;
    background: var(--dt-teal-block);
    color: var(--dt-ink);
    cursor: pointer;
    font: inherit;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0;
    padding: 14px 20px;
}

.dttm-wpf-published-submit:hover {
    background: var(--dt-paper);
}

.dttm-wpf-published-submit:disabled {
    cursor: wait;
    opacity: 0.72;
}

.dttm-wpf-published-message {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    border: 1px solid var(--dt-line);
    background: var(--dt-paper);
    color: var(--dt-ink);
    font-size: 15px;
    line-height: 1.45;
}

.dttm-wpf-published-message.is-success {
    border-color: var(--dt-teal);
    background: var(--dt-teal-block);
}

.dttm-wpf-published-submit-panel.is-complete .dttm-wpf-published-message.is-success {
    border-color: var(--dt-teal);
    background: var(--dt-paper);
}

.dttm-wpf-published-message.is-confirmation {
    padding: 0;
    border: 0;
    background: transparent;
}

.dttm-wpf-confirmation {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding: 28px;
    border: 1px solid var(--dt-ink);
    background: var(--dt-paper);
    box-shadow: 8px 8px 0 rgba(21, 24, 32, 0.14);
}

.dttm-wpf-confirmation-mark {
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px solid var(--dt-teal);
    background: var(--dt-teal-block);
}

.dttm-wpf-confirmation-mark::after {
    content: "";
    position: absolute;
    left: 23px;
    top: 14px;
    width: 16px;
    height: 28px;
    border-right: 5px solid var(--dt-ink);
    border-bottom: 5px solid var(--dt-ink);
    transform: rotate(42deg);
}

.dttm-wpf-confirmation-label {
    margin: 0 0 8px;
    color: var(--dt-teal);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dttm-wpf-published-submit-panel .dttm-wpf-confirmation-label {
    color: var(--dt-teal);
}

.dttm-wpf-confirmation h2 {
    margin: 0 0 12px;
    color: var(--dt-ink);
    font-size: var(--dt-type-confirmation);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: 0;
}

.dttm-wpf-confirmation-text {
    margin: 0;
    color: var(--dt-ink);
    font-size: 18px;
    font-weight: 720;
    line-height: 1.45;
}

.dttm-wpf-published-submit-panel .dttm-wpf-confirmation-text {
    color: var(--dt-ink);
}

.dttm-wpf-confirmation-next {
    margin: 16px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--dt-line);
    color: var(--dt-muted);
    font-size: 15px;
    line-height: 1.5;
}

.dttm-wpf-published-submit-panel .dttm-wpf-confirmation-next {
    color: var(--dt-muted);
}

.dttm-wpf-published-message.is-error {
    border-color: var(--dt-magenta);
    background: var(--dt-purple-block);
}

.dttm-wpf-published-shell :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--dt-teal);
    outline-offset: 3px;
}

.dttm-wpf-published-state {
    width: min(920px, 100%);
    min-height: 60vh;
    margin: 0 auto;
    padding: 34px;
    border: 1px solid var(--dt-ink);
    background: var(--dt-paper);
    box-shadow: 0 22px 44px rgba(18, 25, 42, 0.16);
}

.dttm-wpf-published-header {
    border-top: 6px solid var(--dt-ink);
    padding: 26px 0 22px;
}

.dttm-wpf-published-header h1 {
    max-width: 760px;
    margin: 0;
    color: var(--dt-ink);
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}

.dttm-wpf-published-header p {
    max-width: 760px;
    margin: 18px 0 0;
    font-size: 18px;
    line-height: 1.5;
}

.dttm-wpf-published-brand {
    margin-bottom: 24px;
    color: var(--dt-ink);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dttm-wpf-renewal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--dt-line);
}

.dttm-wpf-renewal-actions[hidden] {
    display: none;
}

.dttm-wpf-renewal-deny {
    border-color: var(--dt-line-strong);
    background: var(--dt-paper);
}

.dttm-wpf-renewal-deny:hover {
    background: var(--dt-paper-2);
}

@media (max-width: 860px) {
    body.dttm-wpf-published-body {
        padding: 8px;
        background-size: 96px 96px, 96px 96px, auto;
    }

    .document-header,
    .form-shell {
        grid-template-columns: 1fr;
    }

    .document-header {
        min-height: 0;
        padding: 28px 22px;
    }

    .dttm-wpf-published-intro {
        margin-top: 20px;
    }

    .process-strip {
        border-right: 0;
        border-bottom: 1px solid var(--dt-ink);
    }

    .dttm-wpf-published-content {
        padding: 10px 20px 28px;
    }

    .dttm-wpf-published-section-heading {
        grid-template-columns: 1fr;
        grid-template-rows: auto 4px;
        gap: 8px;
    }

    .dttm-wpf-published-section-heading::before {
        grid-column: 1;
        grid-row: 2;
        width: 52px;
    }

    .dttm-wpf-content-definitions,
    .dttm-wpf-content-metrics {
        grid-template-columns: 1fr;
    }

    .dttm-wpf-content-record header {
        display: block;
    }

    .dttm-wpf-content-record header > span {
        display: block;
        margin-top: 4px;
        white-space: normal;
    }

    .dttm-wpf-content-table,
    .dttm-wpf-content-table thead,
    .dttm-wpf-content-table tbody,
    .dttm-wpf-content-table tr,
    .dttm-wpf-content-table th,
    .dttm-wpf-content-table td {
        display: block;
        width: 100%;
    }

    .dttm-wpf-content-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }

    .dttm-wpf-content-table tr {
        border-bottom: 2px solid var(--dt-ink);
    }

    .dttm-wpf-content-table tbody tr:last-child {
        border-bottom: 0;
    }

    .dttm-wpf-content-table td {
        display: grid;
        grid-template-columns: minmax(105px, 0.42fr) minmax(0, 1fr);
        gap: 10px;
        border-right: 0;
        border-bottom: 1px solid var(--dt-line);
    }

    .dttm-wpf-content-table td::before {
        content: attr(data-label);
        color: var(--dt-muted);
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .dttm-wpf-published-submit-panel {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .dttm-wpf-published-submit {
        width: 100%;
    }

    .dttm-wpf-published-state {
        min-height: calc(100vh - 16px);
        padding: 24px 20px;
        box-shadow: none;
    }

    .dttm-wpf-published-header h1 {
        font-size: clamp(2rem, 12vw, 3rem);
    }

    .dttm-wpf-renewal-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dttm-wpf-confirmation {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px;
        box-shadow: none;
    }

}