:root {
    --prototype-ink: #17332c;
    --prototype-muted: #647a73;
    --prototype-border: #d9e4df;
    --prototype-soft: #f4f8f6;
    --prototype-green: #17604e;
    --prototype-green-2: #267b66;
    --prototype-mint: #dff1e9;
    --prototype-blue: #316a8a;
    --prototype-orange: #d27835;
    --prototype-shadow: 0 1.2rem 3rem rgba(23, 56, 47, .13);
}

.prototype-workspace,
.prototype-workspace button,
.prototype-workspace input,
.prototype-workspace select,
.prototype-editor-dialog,
.prototype-wizard-dialog,
.prototype-switcher,
.prototype-new-menu,
.prototype-toast {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.prototype-workspace {
    position: fixed;
    z-index: 18;
    inset: 4.75rem 0 0;
    display: grid;
    color: var(--prototype-ink);
    background: #edf3f0;
    overflow: hidden;
}

.prototype-variant-a {
    grid-template-columns: 14.25rem minmax(0, 1fr);
}

.prototype-variant-c {
    grid-template-columns: 12.75rem minmax(0, 1fr);
    background: #f5f7f8;
}

.prototype-fast-nav,
.prototype-area-rail {
    min-height: 0;
    border-right: 1px solid var(--prototype-border);
    background: #fbfdfc;
}

.prototype-fast-nav {
    display: flex;
    flex-direction: column;
    padding: 1.4rem 1rem 1rem;
}

.prototype-nav-brand,
.prototype-area-title {
    display: grid;
    gap: .1rem;
    padding: 0 .65rem 1.35rem;
}

.prototype-nav-brand span,
.prototype-area-title span {
    color: var(--prototype-green);
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.prototype-nav-brand small,
.prototype-area-title small {
    color: var(--prototype-muted);
    font-size: .72rem;
}

.prototype-fast-nav nav {
    display: grid;
    gap: .35rem;
}

.prototype-fast-nav nav button {
    display: grid;
    grid-template-columns: 1.7rem 1fr;
    align-items: center;
    gap: .65rem;
    width: 100%;
    padding: .72rem .8rem;
    border: 0;
    border-radius: .65rem;
    color: #466159;
    background: transparent;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.prototype-fast-nav nav button span {
    color: #779088;
    font-size: 1.15rem;
    text-align: center;
}

.prototype-fast-nav nav button:hover,
.prototype-fast-nav nav button.active {
    color: var(--prototype-green);
    background: var(--prototype-mint);
}

.prototype-fast-nav nav button.active {
    box-shadow: inset .22rem 0 var(--prototype-green);
}

.prototype-nav-footer {
    display: grid;
    gap: .25rem;
    margin-top: auto;
    padding: .8rem;
    border: 1px dashed #b7cbc2;
    border-radius: .7rem;
    color: var(--prototype-muted);
    font-size: .72rem;
}

.prototype-nav-footer small {
    color: var(--prototype-orange);
    font-weight: 900;
    letter-spacing: .08em;
}

.prototype-fast-main,
.prototype-center-main {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.prototype-fast-main {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 1rem;
    padding: 1.2rem 1.25rem 1rem;
}

.prototype-page-toolbar,
.prototype-center-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.prototype-page-toolbar h1,
.prototype-center-toolbar h1 {
    margin: .1rem 0 .15rem;
    color: #153e34;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    line-height: 1.1;
}

.prototype-page-toolbar p,
.prototype-center-toolbar p {
    margin: 0;
    color: var(--prototype-muted);
    font-size: .83rem;
}

.prototype-kicker {
    color: var(--prototype-green-2);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.prototype-toolbar-actions,
.prototype-preview-actions,
.prototype-dialog-header-actions,
.prototype-dialog-footer > div {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.prototype-primary-button,
.prototype-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.55rem;
    padding: .6rem .9rem;
    border-radius: .58rem;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-primary-button {
    border: 1px solid var(--prototype-green);
    color: white;
    background: var(--prototype-green);
    box-shadow: 0 .35rem .8rem rgba(23, 96, 78, .18);
}

.prototype-primary-button:hover {
    background: #104b3d;
}

.prototype-primary-button.danger {
    border-color: #a83f37;
    background: #a83f37;
}

.prototype-secondary-button {
    border: 1px solid #c6d6cf;
    color: #31554b;
    background: white;
}

.prototype-secondary-button:hover {
    border-color: #8fb0a4;
    background: #f4faf7;
}

.prototype-assistant-button {
    border-color: #94bcae;
    color: var(--prototype-green);
    background: #eff9f5;
}

.prototype-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(10rem, 1fr));
    gap: .75rem;
}

.prototype-metrics button {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .1rem .7rem;
    padding: .72rem .85rem;
    border: 1px solid var(--prototype-border);
    border-radius: .72rem;
    color: var(--prototype-ink);
    background: rgba(255, 255, 255, .86);
    text-align: left;
    cursor: pointer;
}

.prototype-metrics button:hover,
.prototype-metrics button.active {
    border-color: #9bbcaf;
    box-shadow: 0 .25rem .8rem rgba(30, 77, 64, .07);
}

.prototype-metrics span {
    color: var(--prototype-muted);
    font-size: .72rem;
    font-weight: 700;
}

.prototype-metrics strong {
    grid-row: span 2;
    font-size: clamp(1.1rem, 1.55vw, 1.45rem);
    white-space: nowrap;
}

.prototype-metrics small {
    color: #81938d;
    font-size: .65rem;
}

.prototype-metrics button.placeholder {
    border-style: dashed;
    opacity: .7;
    cursor: default;
}

.prototype-fast-surface,
.prototype-center-list,
.prototype-center-preview {
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--prototype-border);
    border-radius: .8rem;
    background: white;
    box-shadow: 0 .4rem 1.3rem rgba(29, 68, 57, .05);
    overflow: hidden;
}

.prototype-fast-surface {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
}

.prototype-tabs {
    display: flex;
    gap: .15rem;
    min-height: 3.25rem;
    padding: .55rem .75rem 0;
    border-bottom: 1px solid var(--prototype-border);
    background: #fbfdfc;
}

.prototype-tabs button {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .6rem .9rem .72rem;
    border: 0;
    border-bottom: .2rem solid transparent;
    color: #688079;
    background: transparent;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-tabs button.active {
    border-bottom-color: var(--prototype-green);
    color: var(--prototype-green);
}

.prototype-tabs button span {
    min-width: 1.4rem;
    padding: .08rem .35rem;
    border-radius: 999px;
    color: #5b746c;
    background: #e7efeb;
    font-size: .63rem;
    text-align: center;
}

.prototype-filters {
    display: grid;
    grid-template-columns: 1.05fr .9fr .75fr .82fr .82fr auto;
    align-items: end;
    gap: .55rem;
    padding: .7rem .75rem;
    border-bottom: 1px solid var(--prototype-border);
    background: #f7faf8;
}

.prototype-filters label,
.prototype-document-fields label,
.prototype-editor-bottom label,
.prototype-wizard-field {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.prototype-filters label span,
.prototype-document-fields label span,
.prototype-editor-bottom label span,
.prototype-wizard-field > span {
    color: #5e756e;
    font-size: .62rem;
    font-weight: 800;
}

.prototype-filters input,
.prototype-filters select,
.prototype-document-fields input,
.prototype-document-fields select,
.prototype-editor-bottom input,
.prototype-wizard-field input,
.prototype-wizard-field select,
.prototype-position-table input,
.prototype-position-table select {
    width: 100%;
    min-width: 0;
    height: 2.25rem;
    padding: .38rem .48rem;
    border: 1px solid #cbd9d3;
    border-radius: .42rem;
    color: var(--prototype-ink);
    background: white;
    font-size: .72rem;
}

.prototype-filters input:focus,
.prototype-filters select:focus,
.prototype-document-fields input:focus,
.prototype-position-table input:focus,
.prototype-position-table select:focus,
.prototype-wizard-field input:focus,
.prototype-wizard-field select:focus {
    border-color: #4f967f;
    outline: .15rem solid rgba(79, 150, 127, .14);
}

.prototype-filter-reset {
    min-height: 2.25rem;
    padding: .35rem .6rem;
    border: 1px solid #cbd9d3;
    border-radius: .42rem;
    color: #597169;
    background: white;
    font-size: .67rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-fast-split {
    display: grid;
    grid-template-columns: minmax(34rem, 1.2fr) minmax(25rem, .8fr);
    min-height: 0;
}

.prototype-list-panel,
.prototype-preview-panel,
.prototype-center-list,
.prototype-center-preview {
    min-width: 0;
    min-height: 0;
}

.prototype-list-panel,
.prototype-center-list {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.prototype-fast-surface > .prototype-tabs + .prototype-filters + .prototype-fast-split .prototype-list-panel {
    grid-template-rows: auto minmax(0, 1fr);
}

.prototype-preview-panel {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    border-left: 1px solid var(--prototype-border);
    background: #eef2f0;
}

.prototype-list-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .75rem;
    border-bottom: 1px solid #e5ece9;
    color: var(--prototype-muted);
    font-size: .66rem;
}

.prototype-list-summary strong {
    color: #33564c;
    font-size: .7rem;
}

.prototype-table-wrap {
    min-height: 0;
    overflow: auto;
}

.prototype-document-table {
    width: 100%;
    min-width: 70rem;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .68rem;
}

.prototype-document-table th {
    position: sticky;
    z-index: 2;
    top: 0;
    padding: .52rem .55rem;
    border-bottom: 1px solid #cfdcd6;
    color: #637871;
    background: #f4f8f6;
    font-size: .6rem;
    letter-spacing: .025em;
    text-align: left;
    white-space: nowrap;
}

.prototype-document-table th:last-child,
.prototype-document-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 3;
    background: white;
    box-shadow: -.45rem 0 .65rem rgba(31, 67, 57, .06);
}

.prototype-document-table th:last-child {
    z-index: 4;
    background: #f4f8f6;
}

.prototype-document-table td {
    max-width: 15rem;
    padding: .48rem .55rem;
    border-bottom: 1px solid #e7eeeb;
    color: #304d45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prototype-document-table tbody tr {
    cursor: default;
}

.prototype-document-table tbody tr:hover td {
    background: #f2f8f5;
}

.prototype-document-table tbody tr:hover td:last-child {
    background: #f2f8f5;
}

.prototype-document-table tbody tr.selected td {
    color: #153f34;
    background: #dff1e9;
}

.prototype-document-table tbody tr.selected td:last-child {
    background: #dff1e9;
}

.prototype-document-table tbody tr.selected td:first-child {
    box-shadow: inset .22rem 0 var(--prototype-green);
}

.prototype-document-table .number,
.prototype-position-table .number {
    text-align: right;
    white-space: nowrap;
}

.prototype-type-mark {
    display: inline-grid;
    place-items: center;
    min-width: 1.65rem;
    min-height: 1.35rem;
    margin-right: .35rem;
    border-radius: .3rem;
    color: var(--prototype-green);
    background: #e4f1ec;
    font-size: .55rem;
    font-weight: 900;
}

.prototype-row-status {
    display: inline-flex;
    padding: .18rem .4rem;
    border-radius: 999px;
    color: #7a5424;
    background: #fff0da;
    font-size: .57rem;
    font-weight: 800;
}

.prototype-row-status.archived,
.prototype-row-status.done {
    color: #2d6152;
    background: #e2f0ea;
}

.prototype-row-status.question {
    color: #8a3e31;
    background: #fde8e3;
}

.prototype-row-status.in-progress {
    color: #7a5424;
    background: #fff0da;
}

.prototype-row-status-select {
    max-width: 8.8rem;
    height: 1.65rem;
    padding: .18rem 1.45rem .18rem .4rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .57rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-row-status-select.done {
    border-color: #bfd8ce;
    color: #2d6152;
    background: #e2f0ea;
}

.prototype-row-status-select.question {
    border-color: #efc8bf;
    color: #8a3e31;
    background: #fde8e3;
}

.prototype-row-status-select.in-progress {
    border-color: #efd7b5;
    color: #7a5424;
    background: #fff0da;
}

.prototype-row-open {
    padding: .28rem .45rem;
    border: 1px solid #bfd1ca;
    border-radius: .35rem;
    color: var(--prototype-green);
    background: white;
    font-size: .6rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-row-actions {
    position: relative;
    display: flex;
    align-items: center;
    gap: .3rem;
    overflow: visible !important;
}

.prototype-row-book {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.65rem;
    border: 1px solid #bfd1ca;
    border-radius: .35rem;
    color: white;
    background: var(--prototype-green);
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.prototype-row-book:hover {
    background: #104b3d;
}

.prototype-row-context-menu {
    position: fixed;
    z-index: 1200;
    display: grid;
    width: 13.5rem;
    padding: .45rem;
    border: 1px solid #bfd0c9;
    border-radius: .55rem;
    background: white;
    box-shadow: 0 .8rem 2rem rgba(28, 56, 48, .2);
}

.prototype-row-context-menu strong,
.prototype-row-context-menu > span {
    padding: .15rem .45rem;
}

.prototype-row-context-menu strong {
    color: #244d41;
    font-size: .68rem;
}

.prototype-row-context-menu > span {
    margin-bottom: .35rem;
    color: var(--prototype-muted);
    font-size: .56rem;
}

.prototype-row-context-menu button {
    padding: .48rem .55rem;
    border: 0;
    border-radius: .35rem;
    color: #33584d;
    background: transparent;
    font-size: .66rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.prototype-row-context-menu button:hover {
    color: var(--prototype-green);
    background: #eaf4f0;
}

.prototype-empty-list,
.prototype-preview-empty {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: .35rem;
    min-height: 14rem;
    padding: 2rem;
    color: var(--prototype-muted);
    text-align: center;
}

.prototype-preview-empty span {
    color: #9db2aa;
    font-size: 2.3rem;
}

.prototype-preview-empty p,
.prototype-empty-list span {
    margin: 0;
    font-size: .72rem;
}

.prototype-preview-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 3.5rem;
    padding: .6rem .8rem;
    border-bottom: 1px solid var(--prototype-border);
    background: white;
}

.prototype-preview-heading > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.prototype-preview-heading > div span {
    color: var(--prototype-muted);
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.prototype-preview-heading > div strong {
    overflow: hidden;
    color: #294c42;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prototype-preview-heading-actions {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem !important;
    overflow: visible !important;
}

.prototype-preview-heading-actions > span {
    letter-spacing: normal !important;
    text-transform: none !important;
}

.prototype-immutable,
.prototype-draft-badge {
    display: inline-flex;
    align-items: center;
    flex: none;
    padding: .28rem .5rem;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 900;
}

.prototype-immutable {
    color: #27614f;
    background: #e1f1ea;
}

.prototype-draft-badge {
    color: #8c5b1d;
    background: #fff0d8;
}

.prototype-paper-scroll {
    min-height: 0;
    height: calc(100% - 3.5rem);
    padding: 1.1rem;
    background: #e9eeec;
    overflow: auto;
}

.prototype-paper {
    position: relative;
    width: min(100%, 38rem);
    min-height: 53.75rem;
    margin: 0 auto;
    padding: 3rem 3rem 2.4rem;
    color: #1f2e2a;
    background: white;
    box-shadow: 0 .45rem 1.2rem rgba(28, 49, 43, .18);
    overflow: hidden;
}

.prototype-watermark {
    position: absolute;
    top: 46%;
    left: 12%;
    color: rgba(159, 90, 55, .09);
    font-size: 5rem;
    font-weight: 900;
    letter-spacing: .12em;
    transform: rotate(-35deg);
    pointer-events: none;
}

.prototype-paper-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 7rem;
}

.prototype-paper-brand {
    display: grid;
    color: var(--prototype-green);
}

.prototype-paper-brand span {
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.prototype-paper-brand strong {
    color: #36987c;
    font-size: 1.4rem;
}

.prototype-paper-brand small {
    color: #7b8e88;
    font-size: .48rem;
}

.prototype-paper address {
    color: #53665f;
    font-size: .56rem;
    font-style: normal;
    line-height: 1.5;
    text-align: right;
}

.prototype-paper-recipient {
    display: grid;
    gap: .18rem;
    width: 55%;
    min-height: 7.5rem;
    font-size: .67rem;
}

.prototype-paper-recipient small {
    padding-bottom: .3rem;
    border-bottom: 1px solid #a7b8b1;
    color: #678078;
    font-size: .43rem;
}

.prototype-paper-meta {
    display: flex;
    justify-content: flex-end;
    margin-top: -5.5rem;
    min-height: 5.7rem;
}

.prototype-paper-meta dl {
    width: 38%;
    margin: 0;
    font-size: .53rem;
}

.prototype-paper-meta dl div {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: .4rem;
}

.prototype-paper-meta dt,
.prototype-paper-meta dd {
    margin: 0 0 .22rem;
}

.prototype-paper-title {
    margin: 2.3rem 0 1.25rem;
}

.prototype-paper-title h2 {
    margin: 0 0 .35rem;
    font-size: .86rem;
}

.prototype-paper-title p {
    margin: 0;
    color: #566b64;
    font-size: .58rem;
}

.prototype-paper-lines {
    width: 100%;
    border-collapse: collapse;
    font-size: .53rem;
}

.prototype-paper-lines th {
    padding: .32rem .25rem;
    border-top: 1px solid #566861;
    border-bottom: 1px solid #566861;
    text-align: left;
}

.prototype-paper-lines td {
    padding: .34rem .25rem;
    border-bottom: 1px solid #e1e6e4;
}

.prototype-paper-lines th:not(:nth-child(2)),
.prototype-paper-lines td:not(:nth-child(2)) {
    white-space: nowrap;
}

.prototype-paper-totals {
    display: grid;
    gap: .25rem;
    width: 48%;
    margin: 1rem 0 0 auto;
    font-size: .56rem;
}

.prototype-paper-totals div {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
}

.prototype-paper-totals .gross {
    padding-top: .4rem;
    border-top: 1px solid #788a84;
    font-size: .63rem;
}

.prototype-payment {
    margin-top: 2rem;
    font-size: .54rem;
}

.prototype-paper footer {
    position: absolute;
    right: 3rem;
    bottom: 2rem;
    left: 3rem;
    padding-top: .45rem;
    border-top: 1px solid #8b9b96;
    color: #687b75;
    font-size: .43rem;
    text-align: center;
}

.prototype-preview-actions {
    display: flex;
    gap: .45rem;
    justify-content: flex-end;
    min-height: 3.6rem;
    padding: .55rem .7rem;
    border-top: 1px solid var(--prototype-border);
    background: white;
}

.prototype-archive-copy-dialog {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    width: min(34rem, calc(100vw - 2rem));
    padding: 1.35rem;
    border: 1px solid #c5d5cf;
    border-radius: .85rem;
    background: white;
    box-shadow: 0 1.5rem 4rem rgba(24, 53, 45, .24);
}

.prototype-archive-copy-icon {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .7rem;
    color: var(--prototype-green);
    background: #e5f2ed;
    font-size: 1.25rem;
    font-weight: 900;
}

.prototype-archive-copy-dialog h2 {
    margin: .15rem 0 .55rem;
    color: #193f35;
    font-size: 1.15rem;
}

.prototype-archive-copy-dialog p {
    margin: 0;
    color: #5f746d;
    font-size: .74rem;
    line-height: 1.5;
}

.prototype-archive-copy-dialog .prototype-archive-copy-note {
    margin-top: .75rem;
    padding: .65rem .7rem;
    border-radius: .5rem;
    color: #3f5f56;
    background: #f0f6f3;
}

.prototype-archive-copy-dialog footer {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: .5rem;
    padding-top: .25rem;
}

.prototype-area-rail {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: 1.25rem .8rem .9rem;
    background: #f9fbfc;
}

.prototype-area-navigation {
    display: grid;
    gap: .45rem;
    min-height: 0;
    padding-right: .1rem;
    overflow: auto;
}

.prototype-area-navigation > button,
.prototype-area-group-title {
    display: grid;
    grid-template-columns: 2rem 1fr;
    gap: .06rem .55rem;
    width: 100%;
    padding: .78rem .65rem;
    border: 1px solid transparent;
    border-radius: .72rem;
    color: #506761;
    background: transparent;
    text-align: left;
}

.prototype-area-navigation > button {
    cursor: pointer;
}

.prototype-area-navigation > button:hover {
    border-color: #d9e4e0;
    background: white;
}

.prototype-area-navigation > button.active {
    border-color: #9fc7b8;
    color: #184f41;
    background: white;
    box-shadow: 0 .45rem 1rem rgba(40, 80, 69, .08);
}

.prototype-area-navigation > button.active .prototype-area-icon {
    color: white;
    background: var(--prototype-green);
}

.prototype-area-group {
    display: grid;
    gap: .1rem;
    padding: .22rem;
    border: 1px solid #e2e9e6;
    border-radius: .78rem;
    background: rgba(255, 255, 255, .58);
}

.prototype-area-group-title {
    align-items: center;
    padding-top: .55rem;
    padding-bottom: .45rem;
}

.prototype-area-group > button {
    width: 100%;
    padding: .48rem .65rem .48rem 3.15rem;
    border: 0;
    border-radius: .5rem;
    color: #647a73;
    background: transparent;
    font-size: .65rem;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
}

.prototype-area-group > button:hover,
.prototype-area-group > button.active {
    color: var(--prototype-green);
    background: #e8f3ee;
}

.prototype-area-icon {
    display: grid;
    grid-row: span 2;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .55rem;
    color: #617c74;
    background: #e7eeeb;
    font-size: 1rem;
}

.prototype-area-rail button.active .prototype-area-icon {
    color: white;
    background: var(--prototype-green);
}

.prototype-area-rail button strong {
    font-size: .74rem;
}

.prototype-area-rail button small {
    color: #879892;
    font-size: .57rem;
}

.prototype-area-note {
    display: grid;
    gap: .2rem;
    margin: auto .25rem 0;
    padding: .7rem;
    border-radius: .6rem;
    color: #6a7e78;
    background: #edf2f0;
    font-size: .61rem;
}

.prototype-area-note strong {
    color: var(--prototype-orange);
    font-size: .58rem;
    letter-spacing: .08em;
}

.prototype-center-main {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: .75rem;
    padding: 1.1rem 1.15rem 1rem;
}

.prototype-center-grid {
    display: grid;
    grid-template-columns: minmax(35rem, 1.08fr) minmax(25rem, .92fr);
    gap: .9rem;
    min-height: 0;
}

.prototype-center-list {
    grid-template-rows: auto auto auto minmax(0, 1fr);
}

.prototype-center-preview {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: #eef2f0;
}

.prototype-preview-panel {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.prototype-preview-panel > .prototype-paper-scroll,
.prototype-center-preview > .prototype-paper-scroll {
    height: auto;
}

.prototype-area-placeholder {
    align-self: center;
    justify-self: center;
    display: grid;
    justify-items: center;
    max-width: 34rem;
    padding: 3rem;
    border: 1px solid var(--prototype-border);
    border-radius: 1rem;
    background: white;
    box-shadow: var(--prototype-shadow);
    text-align: center;
}

.prototype-numbering-preview {
    display: grid;
    gap: .2rem;
    min-width: 18rem;
    margin: .4rem 0 1.3rem;
    padding: 1rem 1.2rem;
    border: 1px solid #cfe0d9;
    border-radius: .75rem;
    color: var(--prototype-muted);
    background: #f5faf8;
}

.prototype-numbering-preview span,
.prototype-numbering-preview small {
    font-size: .68rem;
}

.prototype-numbering-preview strong {
    color: var(--prototype-green);
    font-size: 1.45rem;
}

.prototype-area-placeholder-icon {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    color: var(--prototype-green);
    background: var(--prototype-mint);
    font-size: 1.6rem;
}

.prototype-area-placeholder h1 {
    margin: .2rem 0 .5rem;
}

.prototype-area-placeholder p:not(.prototype-kicker) {
    margin: 0 0 1.4rem;
    color: var(--prototype-muted);
    font-size: .82rem;
    line-height: 1.6;
}

.prototype-switcher {
    position: fixed;
    z-index: 90;
    right: 50%;
    bottom: .8rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 18rem;
    padding: .42rem .5rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: white;
    background: rgba(20, 52, 44, .96);
    box-shadow: 0 .8rem 2rem rgba(12, 35, 29, .3);
    transform: translateX(50%);
    backdrop-filter: blur(12px);
}

.prototype-switcher button {
    display: grid;
    place-items: center;
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 50%;
    color: white;
    background: rgba(255, 255, 255, .13);
    font-size: 1rem;
    cursor: pointer;
}

.prototype-switcher button:hover {
    background: rgba(255, 255, 255, .24);
}

.prototype-switcher div {
    display: grid;
    flex: 1;
    gap: .02rem;
    text-align: center;
}

.prototype-switcher small {
    color: #a9c8bc;
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.prototype-switcher strong {
    font-size: .68rem;
}

.prototype-menu-scrim {
    position: fixed;
    z-index: 70;
    inset: 4.75rem 0 0;
    background: rgba(16, 38, 32, .12);
}

.prototype-new-menu {
    position: fixed;
    z-index: 72;
    top: 9.8rem;
    right: 1.25rem;
    display: grid;
    width: 20rem;
    padding: .75rem;
    border: 1px solid var(--prototype-border);
    border-radius: .85rem;
    color: var(--prototype-ink);
    background: white;
    box-shadow: var(--prototype-shadow);
}

.prototype-new-menu > strong {
    font-size: .78rem;
}

.prototype-new-menu > span {
    margin: .15rem 0 .65rem;
    color: var(--prototype-muted);
    font-size: .64rem;
}

.prototype-new-menu button {
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    gap: .55rem;
    padding: .48rem;
    border: 0;
    border-radius: .5rem;
    color: #34574d;
    background: transparent;
    font-size: .7rem;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
}

.prototype-new-menu button:hover {
    background: #edf7f3;
}

.prototype-new-menu button span {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.55rem;
    border-radius: .35rem;
    color: var(--prototype-green);
    background: #dfefe9;
    font-size: .57rem;
    font-weight: 900;
}

.prototype-dialog-backdrop {
    position: fixed;
    z-index: 100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.1rem;
    background: rgba(13, 34, 28, .54);
    backdrop-filter: blur(3px);
}

.prototype-editor-dialog,
.prototype-wizard-dialog {
    display: grid;
    width: min(98vw, 112rem);
    height: min(95vh, 64rem);
    border: 1px solid #bfcfc8;
    border-radius: .9rem;
    color: var(--prototype-ink);
    background: #f5f8f7;
    box-shadow: 0 2rem 5rem rgba(10, 33, 26, .38);
    overflow: hidden;
}

.prototype-editor-dialog {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.prototype-wizard-dialog {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    width: min(94vw, 76rem);
    height: min(92vh, 55rem);
}

.prototype-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 5rem;
    padding: .85rem 1.1rem;
    border-bottom: 1px solid var(--prototype-border);
    background: white;
}

.prototype-dialog-header h2 {
    margin: .12rem 0;
    font-size: 1.25rem;
}

.prototype-dialog-header p {
    margin: 0;
    color: var(--prototype-muted);
    font-size: .7rem;
}

.prototype-icon-button {
    display: grid;
    place-items: center;
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid #cbd8d3;
    border-radius: .55rem;
    color: #536a63;
    background: white;
    font-size: 1.25rem;
    cursor: pointer;
}

.prototype-editor-body {
    display: grid;
    grid-template-columns: minmax(42rem, 1.38fr) minmax(27rem, .62fr);
    min-height: 0;
}

.prototype-editor-form {
    min-width: 0;
    min-height: 0;
    padding: .85rem 1rem;
    overflow: auto;
}

.prototype-editor-preview {
    min-width: 0;
    min-height: 0;
    border-left: 1px solid var(--prototype-border);
    background: #e9eeec;
    overflow: hidden;
}

.prototype-editor-preview > .prototype-preview-heading {
    min-height: 3.4rem;
}

.prototype-editor-tabs {
    display: flex;
    gap: .25rem;
    margin: -.1rem 0 .8rem;
    border-bottom: 1px solid var(--prototype-border);
}

.prototype-editor-tabs button {
    padding: .65rem .75rem;
    border: 0;
    border-bottom: .18rem solid transparent;
    color: #70837d;
    background: transparent;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-editor-tabs button.active {
    border-bottom-color: var(--prototype-green);
    color: var(--prototype-green);
}

.prototype-conversion-select select {
    min-height: 2.35rem;
    padding: .45rem 2rem .45rem .7rem;
    border: 1px solid #9fbdb2;
    border-radius: .5rem;
    color: var(--prototype-green);
    background: #f3faf7;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.prototype-document-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
    padding: .8rem;
    border: 1px solid var(--prototype-border);
    border-radius: .65rem;
    background: white;
}

.prototype-document-fields label.wide {
    grid-column: span 2;
}

.prototype-document-fields:disabled {
    opacity: .84;
}

.prototype-position-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 .55rem;
}

.prototype-position-heading h3 {
    margin: 0;
    font-size: .95rem;
}

.prototype-position-heading p {
    margin: .15rem 0 0;
    color: var(--prototype-muted);
    font-size: .65rem;
}

.prototype-position-heading > div:last-child {
    display: flex;
    gap: .4rem;
}

.prototype-position-table-wrap {
    border: 1px solid var(--prototype-border);
    border-radius: .6rem;
    background: white;
    overflow: auto;
}

.prototype-position-table {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
    font-size: .65rem;
}

.prototype-position-table th {
    padding: .48rem;
    border-bottom: 1px solid #cddbd5;
    color: #62766f;
    background: #f2f7f4;
    font-size: .57rem;
    text-align: left;
    white-space: nowrap;
}

.prototype-position-table td {
    padding: .36rem;
    border-bottom: 1px solid #e3ebe7;
    vertical-align: middle;
}

.prototype-position-table td:first-child {
    width: 2.2rem;
    color: #73867f;
    text-align: center;
}

.prototype-position-table input,
.prototype-position-table select {
    height: 2rem;
    border-color: transparent;
    border-radius: .3rem;
    background: #f7f9f8;
}

.prototype-position-table input:hover,
.prototype-position-table select:hover {
    border-color: #c7d7d0;
    background: white;
}

.prototype-position-table input.wide-input {
    min-width: 13rem;
}

.prototype-position-table tr.text-line td {
    background: #f7faf8;
}

.prototype-text-mark {
    display: inline-flex;
    padding: .18rem .3rem;
    border-radius: .25rem;
    color: #576f67;
    background: #e1e9e5;
    font-size: .5rem;
    font-weight: 900;
}

.prototype-line-actions {
    display: flex;
    gap: .18rem;
}

.prototype-line-actions button {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #cbd8d3;
    border-radius: .3rem;
    color: #526d64;
    background: white;
    cursor: pointer;
}

.prototype-line-actions button:disabled {
    opacity: .35;
    cursor: default;
}

.prototype-editor-bottom {
    display: grid;
    grid-template-columns: minmax(20rem, 1fr) auto;
    align-items: end;
    gap: 1rem;
    margin-top: .8rem;
    padding: .8rem;
    border: 1px solid var(--prototype-border);
    border-radius: .65rem;
    background: white;
}

.prototype-position-totals > span {
    color: var(--prototype-muted);
    font-size: .65rem;
}

.prototype-editor-placeholder {
    display: grid;
    place-content: center;
    justify-items: center;
    min-height: 18rem;
    padding: 2rem;
    border: 1px dashed #c7d7d0;
    border-radius: .7rem;
    color: var(--prototype-muted);
    background: white;
    text-align: center;
}

.prototype-editor-placeholder span {
    color: #8eaaa0;
    font-size: 2rem;
}

.prototype-editor-placeholder h3 {
    margin: .35rem 0 .15rem;
    color: var(--prototype-ink);
}

.prototype-editor-placeholder p {
    margin: 0;
    font-size: .7rem;
}

.prototype-editor-totals {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #657a73;
    font-size: .65rem;
}

.prototype-editor-totals span {
    display: grid;
    gap: .1rem;
}

.prototype-editor-totals strong {
    color: #25483e;
    font-size: .78rem;
}

.prototype-editor-totals .gross {
    padding-left: .9rem;
    border-left: 1px solid #cad8d2;
}

.prototype-editor-totals .gross strong {
    color: var(--prototype-green);
    font-size: 1rem;
}

.prototype-dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding: .7rem 1rem;
    border-top: 1px solid var(--prototype-border);
    background: white;
}

.prototype-booking-warning {
    display: grid;
    gap: .1rem;
    color: #7c382d;
}

.prototype-booking-warning strong {
    font-size: .78rem;
}

.prototype-booking-warning span {
    font-size: .65rem;
}

.prototype-dialog-footer > .prototype-booking-options {
    gap: .45rem;
}

.prototype-booking-option {
    display: grid;
    grid-template-columns: 1.55rem auto;
    grid-template-rows: auto auto;
    min-width: 11rem;
    padding: .48rem .7rem;
    text-align: left;
}

.prototype-booking-option > span {
    grid-row: span 2;
    align-self: center;
    font-size: 1rem;
}

.prototype-booking-option > strong {
    font-size: .7rem;
}

.prototype-booking-option > small {
    opacity: .76;
    font-size: .56rem;
    font-weight: 650;
}

.prototype-wizard-progress {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 0;
    padding: .9rem 1.3rem;
    border-bottom: 1px solid var(--prototype-border);
    background: #f8fbf9;
    list-style: none;
}

.prototype-wizard-progress li {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .25rem;
    color: #899994;
    font-size: .59rem;
    font-weight: 800;
}

.prototype-wizard-progress li:not(:last-child)::after {
    position: absolute;
    top: .83rem;
    right: -50%;
    left: 50%;
    z-index: 0;
    height: 1px;
    background: #cbd8d3;
    content: "";
}

.prototype-wizard-progress li span {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #c6d4ce;
    border-radius: 50%;
    color: #748780;
    background: white;
    font-size: .63rem;
}

.prototype-wizard-progress li.active,
.prototype-wizard-progress li.done {
    color: var(--prototype-green);
}

.prototype-wizard-progress li.active span,
.prototype-wizard-progress li.done span {
    border-color: var(--prototype-green);
    color: white;
    background: var(--prototype-green);
}

.prototype-wizard-content {
    min-height: 0;
    padding: 1.6rem;
    overflow: auto;
}

.prototype-wizard-content > section:not(.prototype-wizard-review) {
    display: grid;
    justify-items: center;
    max-width: 39rem;
    margin: 0 auto;
    text-align: center;
}

.prototype-wizard-content > section.wide-step {
    max-width: 58rem;
}

.prototype-step-icon {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: .6rem;
    border-radius: .9rem;
    color: var(--prototype-green);
    background: var(--prototype-mint);
    font-size: 1.4rem;
}

.prototype-wizard-content h3 {
    margin: 0;
    color: #1c4439;
    font-size: 1.15rem;
}

.prototype-wizard-content section > p {
    max-width: 34rem;
    margin: .35rem 0 1.2rem;
    color: var(--prototype-muted);
    font-size: .73rem;
    line-height: 1.5;
}

.prototype-choice {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: min(100%, 28rem);
    padding: .9rem;
    border: 1px solid #a6c7ba;
    border-radius: .7rem;
    background: #f1faf6;
    text-align: left;
}

.prototype-choice > span {
    display: grid;
    gap: .15rem;
}

.prototype-choice strong {
    font-size: .78rem;
}

.prototype-choice small {
    color: var(--prototype-muted);
    font-size: .64rem;
}

.prototype-future-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .35rem;
    margin-top: 1rem;
}

.prototype-future-types span {
    padding: .3rem .45rem;
    border-radius: 999px;
    color: #84958f;
    background: #edf1ef;
    font-size: .56rem;
}

.prototype-wizard-field {
    width: min(100%, 30rem);
    margin-bottom: .7rem;
    text-align: left;
}

.prototype-wizard-field input,
.prototype-wizard-field select {
    height: 2.65rem;
    font-size: .74rem;
}

.prototype-selected-customer {
    display: grid;
    gap: .15rem;
    width: min(100%, 30rem);
    margin: -.15rem 0 .8rem;
    padding: .75rem;
    border: 1px solid #d5e1dc;
    border-radius: .55rem;
    color: #37584f;
    background: white;
    font-size: .68rem;
    text-align: left;
}

.prototype-selected-customer span {
    color: var(--prototype-muted);
}

.prototype-wizard-article-buttons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    width: 100%;
}

.prototype-wizard-article-buttons button {
    display: grid;
    gap: .15rem;
    padding: .7rem;
    border: 1px solid #cedbd6;
    border-radius: .55rem;
    color: #36574d;
    background: white;
    text-align: left;
    cursor: pointer;
}

.prototype-wizard-article-buttons button:hover {
    border-color: #7eae9c;
    background: #f2faf6;
}

.prototype-wizard-article-buttons strong {
    font-size: .68rem;
}

.prototype-wizard-article-buttons span {
    color: var(--prototype-muted);
    font-size: .58rem;
}

.prototype-wizard-lines {
    display: grid;
    gap: .35rem;
    width: 100%;
    margin-top: .8rem;
}

.prototype-wizard-lines > div {
    display: grid;
    grid-template-columns: 4.5rem 2.5rem minmax(12rem, 1fr) 6rem 2rem;
    align-items: center;
    gap: .4rem;
    padding: .42rem;
    border: 1px solid #d7e1dd;
    border-radius: .5rem;
    background: white;
    font-size: .65rem;
    text-align: left;
}

.prototype-wizard-lines input {
    width: 100%;
    height: 2rem;
    border: 1px solid #cbd9d3;
    border-radius: .35rem;
}

.prototype-wizard-lines button {
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #d5c6c3;
    border-radius: .35rem;
    color: #945047;
    background: #fff8f6;
    cursor: pointer;
}

.prototype-wizard-review {
    display: grid;
    grid-template-columns: minmax(20rem, .75fr) minmax(25rem, 1.25fr);
    gap: 1.2rem;
    max-width: 68rem;
    height: 100%;
    margin: 0 auto;
}

.prototype-wizard-review > div {
    align-self: center;
}

.prototype-wizard-review dl {
    display: grid;
    gap: .35rem;
    margin-top: 1rem;
}

.prototype-wizard-review dl div {
    display: grid;
    grid-template-columns: 8rem 1fr;
    gap: .6rem;
    padding: .5rem 0;
    border-bottom: 1px solid #dfe7e3;
    font-size: .68rem;
}

.prototype-wizard-review dt {
    color: var(--prototype-muted);
}

.prototype-wizard-review dd {
    margin: 0;
    color: #284c42;
    font-weight: 750;
}

.prototype-wizard-review aside {
    min-height: 0;
    border: 1px solid var(--prototype-border);
    border-radius: .65rem;
    background: #e9eeec;
    overflow: hidden;
}

.prototype-wizard-review .prototype-paper-scroll {
    height: calc(100% - 3.5rem);
}

.prototype-wizard-review .prototype-paper {
    min-height: 42rem;
    padding: 2rem;
    transform-origin: top center;
}

.prototype-toast {
    position: fixed;
    z-index: 130;
    right: 1.2rem;
    bottom: 1.2rem;
    max-width: 28rem;
    padding: .75rem .9rem;
    border: 1px solid #7bae9a;
    border-radius: .65rem;
    color: #194c3e;
    background: #ecf9f3;
    box-shadow: var(--prototype-shadow);
    font-size: .72rem;
    font-weight: 750;
}

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

@media (max-width: 1500px) {
    .prototype-fast-split,
    .prototype-center-grid {
        grid-template-columns: minmax(31rem, 1.12fr) minmax(22rem, .88fr);
    }

    .prototype-filters {
        grid-template-columns: 1fr .85fr .7fr .75fr .75fr auto;
    }

    .prototype-paper {
        padding: 2.35rem;
    }
}

@media (max-width: 1260px) {
    .prototype-variant-a {
        grid-template-columns: 11.5rem minmax(0, 1fr);
    }

    .prototype-variant-c {
        grid-template-columns: 10.5rem minmax(0, 1fr);
    }

    .prototype-fast-main,
    .prototype-center-main {
        padding: .85rem;
    }

    .prototype-fast-split,
    .prototype-center-grid {
        grid-template-columns: minmax(30rem, 1.2fr) minmax(20rem, .8fr);
    }

    .prototype-filters {
        grid-template-columns: repeat(5, minmax(7rem, 1fr));
    }

    .prototype-filter-reset {
        grid-column: 5;
    }

    .prototype-editor-body {
        grid-template-columns: minmax(40rem, 1.5fr) minmax(23rem, .5fr);
    }

    .prototype-paper {
        min-height: 47rem;
        padding: 2rem;
    }
}

@media (max-width: 1080px) {
    .prototype-workspace {
        overflow: auto;
    }

    .prototype-variant-a {
        grid-template-columns: 9.5rem minmax(0, 1fr);
    }

    .prototype-variant-c {
        grid-template-columns: 11.75rem minmax(0, 1fr);
    }

    .prototype-fast-main,
    .prototype-center-main {
        min-height: 58rem;
        overflow: visible;
    }

    .prototype-fast-surface {
        min-height: 50rem;
    }

    .prototype-center-grid {
        min-height: 66rem;
    }

    .prototype-fast-split {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(25rem, 1fr) minmax(35rem, auto);
    }

    .prototype-center-grid {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(30rem, auto) minmax(35rem, 1fr);
    }

    .prototype-preview-panel,
    .prototype-center-preview {
        min-height: 35rem;
        border-top: 1px solid var(--prototype-border);
        border-left: 0;
    }

    .prototype-center-list {
        min-height: 30rem;
    }

    .prototype-page-toolbar,
    .prototype-center-toolbar {
        align-items: flex-start;
    }

    .prototype-toolbar-actions {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .prototype-editor-body {
        grid-template-columns: 1fr;
    }

    .prototype-editor-preview {
        display: none;
    }

    .prototype-document-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .prototype-workspace {
        inset: 7.25rem 0 0;
    }

    .prototype-variant-a,
    .prototype-variant-c {
        display: block;
    }

    .prototype-fast-nav,
    .prototype-area-rail {
        display: none;
    }

    .prototype-page-toolbar,
    .prototype-center-toolbar {
        display: grid;
    }

    .prototype-metrics {
        grid-template-columns: 1fr;
    }

    .prototype-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prototype-filter-reset {
        grid-column: auto;
    }

    .prototype-document-fields {
        grid-template-columns: 1fr;
    }

    .prototype-document-fields label.wide {
        grid-column: auto;
    }

    .prototype-editor-bottom,
    .prototype-wizard-review {
        grid-template-columns: 1fr;
    }

    .prototype-wizard-article-buttons {
        grid-template-columns: 1fr;
    }

    .prototype-wizard-progress li {
        font-size: 0;
    }
}