:root {
  --red: #f32f3a;
  --indigo: #3c4092;
  --blue: #236ab5;
  --cyan: #079bd3;
  --ink: #17213b;
  --muted: #64708a;
  --line: #dde3ee;
  --surface: #ffffff;
  --background: #f5f7fb;
  --shadow: 0 14px 36px rgba(35, 52, 104, 0.09);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--background); line-height: 1.5; }
a { color: var(--indigo); }
button, input, select { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(7,155,211,.35); outline-offset: 2px; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 20; background: var(--ink); color: white; padding: .75rem; }
.skip-link:focus { top: 1rem; }
.app-header { min-height: 76px; background: white; border-bottom: 1px solid var(--line); padding: .7rem clamp(1rem,4vw,3rem); display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.brand { display: flex; align-items: center; gap: .9rem; color: var(--ink); text-decoration: none; min-width: 0; }
.brand img { width: 150px; height: 56px; object-fit: contain; }
.brand span { border-left: 1px solid var(--line); padding-left: .9rem; display: grid; }
.brand strong { font-size: 1.15rem; }
.brand small { color: var(--muted); }
.header-actions { display: flex; align-items: end; gap: 1rem; }
.company-picker { display: grid; gap: .2rem; }
.company-picker label { color: var(--muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
select, input { min-height: 42px; border: 1px solid #cbd4e4; border-radius: 9px; padding: .55rem .75rem; background: white; color: var(--ink); }
.notification-link { text-decoration: none; background: #eef3fb; border-radius: 10px; padding: .55rem .75rem; white-space: nowrap; }
.notification-link span { font-weight: 800; }
.quiet-button { border: 0; background: none; color: var(--muted); padding: .65rem; cursor: pointer; }
.primary-nav { display: flex; gap: .25rem; align-items: center; padding: .55rem clamp(1rem,4vw,3rem); background: white; box-shadow: 0 5px 18px rgba(35,52,104,.04); overflow-x: auto; }
.primary-nav a, .primary-nav span { text-decoration: none; color: #45516d; font-weight: 700; padding: .55rem .85rem; border-radius: 8px; white-space: nowrap; }
.primary-nav a:hover { background: #eef3fb; color: var(--indigo); }
.primary-nav span { opacity: .45; }
.page-shell { width: min(1380px, 100%); margin: 0 auto; padding: clamp(1rem,4vw,3rem); }
.page-heading { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; margin: .5rem 0 2rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(1.8rem,4vw,2.65rem); line-height: 1.1; margin-bottom: .5rem; }
.page-heading p:not(.eyebrow), .panel-heading p { color: var(--muted); margin-bottom: 0; }
.eyebrow { color: var(--indigo); text-transform: uppercase; letter-spacing: .11em; font-size: .75rem; font-weight: 850; margin-bottom: .4rem; }
.primary-button { border: 0; border-radius: 10px; background: linear-gradient(120deg,var(--indigo),var(--blue)); color: white; font-weight: 800; padding: .78rem 1.15rem; box-shadow: 0 8px 18px rgba(48,60,145,.2); cursor: pointer; }
.primary-button, .secondary-button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.secondary-button { min-height: 42px; border: 1px solid #cbd4e4; border-radius: 10px; background: white; color: var(--indigo); font-weight: 800; padding: .68rem 1rem; cursor: pointer; }
.primary-button:disabled { opacity: .55; cursor: not-allowed; }
.danger-button { min-height: 42px; border: 0; border-radius: 10px; background: #a41f2b; color: white; font-weight: 800; padding: .7rem 1rem; cursor: pointer; }
.danger-button:disabled { opacity: .55; cursor: not-allowed; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.metric-card { position: relative; overflow: hidden; display: grid; gap: .45rem; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 1.25rem; box-shadow: var(--shadow); }
.metric-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--blue); }
.metric-card > span, .metric-card > small { color: var(--muted); }
.metric-card strong { font-size: clamp(1.7rem,3vw,2.25rem); line-height: 1; }
.metric-card strong small { font-size: .75rem; color: var(--muted); }
.metric-card.accent-red::before { background: var(--red); }.metric-card.accent-indigo::before { background: var(--indigo); }.metric-card.accent-cyan::before { background: var(--cyan); }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: clamp(1rem,3vw,1.5rem); box-shadow: var(--shadow); }
.panel-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); padding-bottom: 1rem; margin-bottom: .25rem; }
.panel-heading h2 { margin-bottom: 0; }
.due-list article { display: grid; grid-template-columns: 58px minmax(180px,1fr) auto auto; align-items: center; gap: 1rem; border-bottom: 1px solid #edf0f5; padding: 1rem 0; }
.due-list article:last-child { border-bottom: 0; }
.due-list time { display: grid; place-items: center; border-radius: 10px; background: #eef3fb; color: var(--indigo); padding: .35rem; text-transform: uppercase; }
.due-list time strong { font-size: 1.35rem; line-height: 1; }.due-list time span { font-size: .7rem; }
.due-list article > div { display: grid; }.due-list article small { color: var(--muted); }.amount { font-weight: 850; }
.status { border-radius: 999px; background: #eef3fb; color: #394765; padding: .35rem .65rem; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.status-overdue { background: #ffe8ea; color: #a41f2b; }.status-due_today { background: #fff1d5; color: #805900; }.status-closed { background: #e5f7ee; color: #17633b; }
.status-direct-debit { background: #e5f5fb; color: #075b78; }.status-paused { background: #eef0f4; color: #596277; }
.empty-state { text-align: center; color: var(--muted); padding: 4rem 1rem; }.empty-state h2,.empty-state h3 { color: var(--ink); }
.filters { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }.filters label { font-weight: 750; }
.table-panel { padding: 0; overflow: hidden; }.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }th,td { padding: .9rem 1rem; text-align: left; border-bottom: 1px solid #edf0f5; white-space: nowrap; }th { background: #f7f9fc; color: #53607a; font-size: .75rem; letter-spacing: .05em; text-transform: uppercase; }tr:last-child td { border-bottom: 0; }
.table-link { color: var(--ink); text-decoration: none; }
.app-form { max-width: 980px; margin-inline: auto; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem 1.25rem; }
.form-field { display: grid; align-content: start; gap: .35rem; }
.form-field > label, .decision-form > label { font-weight: 750; }
.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea, .decision-form input:not([type="radio"]), .decision-form select, .decision-form textarea { width: 100%; }
.form-field textarea, .decision-form textarea { border: 1px solid #cbd4e4; border-radius: 9px; padding: .65rem .75rem; color: var(--ink); resize: vertical; }
.form-field.span-2 { grid-column: span 2; }
.checkbox-row { min-height: 42px; display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 9px; background: #f9fbfe; }
.checkbox-row input { width: 18px; height: 18px; min-height: 0; }
.field-error { color: #a41f2b; font-weight: 700; }.help-text, .muted { color: var(--muted); }
.form-actions { display: flex; justify-content: flex-end; gap: .75rem; border-top: 1px solid var(--line); margin-top: 1.5rem; padding-top: 1.25rem; }
.form-note.left { text-align: left; margin-top: 1rem; }
.message { border-radius: 9px; padding: .75rem 1rem; background: #eef3fb; }.message.success { background: #e5f7ee; color: #17633b; }.message.error { background: #ffe8ea; color: #a41f2b; }
.detail-grid { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.4fr); gap: 1.25rem; margin-bottom: 1.25rem; }
.lower-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.heading-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.summary-card { background: linear-gradient(145deg,#fff,#f6f8fd); }.money-total { font-size: clamp(2.1rem,5vw,3.5rem); font-weight: 900; line-height: 1; color: var(--indigo); }.money-total small { font-size: .9rem; color: var(--muted); }
.detail-list { margin: 1.5rem 0 0; }.detail-list div { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); padding: .7rem 0; }.detail-list dt { color: var(--muted); }.detail-list dd { margin: 0; text-align: right; font-weight: 750; }
.document-list, .timeline-list { list-style: none; padding: 0; margin: 0; }.document-list li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-bottom: 1px solid var(--line); padding: .85rem 0; }.document-list li:last-child { border-bottom: 0; }.document-list li > div { display: grid; }.document-list small { color: var(--muted); }
.timeline-list li { position: relative; display: flex; gap: .75rem; padding: .75rem 0; }.timeline-list li > div { display: grid; }.timeline-list small { color: var(--muted); }.timeline-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--cyan); margin-top: .35rem; flex: 0 0 auto; }
.action-panel { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(300px,1.2fr); gap: 2rem; margin-bottom: 1.25rem; border-left: 4px solid var(--cyan); }.decision-form { display: grid; gap: .7rem; }.decision-form ul { display: flex; gap: 1rem; list-style: none; padding: 0; margin: 0; }.decision-form li label { display: flex; gap: .35rem; align-items: center; }
.notice { display: flex; gap: .35rem; flex-direction: column; border-radius: 9px; padding: .8rem 1rem; margin-bottom: 1rem; }.notice.warning { background: #fff1d5; color: #6f4e00; }
.danger-panel { border-left-color: var(--red); }
.danger-panel .eyebrow { color: #a41f2b; }
.payment-selection { max-width: 980px; margin: 0 auto 1.25rem; }
.allocation-fieldset { border: 1px solid var(--line); border-radius: 11px; margin: 1.25rem 0; padding: 1rem; }
.allocation-fieldset legend { color: var(--indigo); font-weight: 850; padding: 0 .4rem; }
.allocation-list { display: grid; gap: .65rem; }
.allocation-row { display: grid; grid-template-columns: minmax(220px,1fr) minmax(150px,220px); align-items: end; gap: 1rem; border-bottom: 1px solid var(--line); padding: .75rem 0; }
.allocation-row:last-child { border-bottom: 0; }
.allocation-row > div:first-child { display: grid; }
.allocation-row small { color: var(--muted); }
.payment-details-grid { margin-top: 1.25rem; }
.notification-list { padding: 0; overflow: hidden; }.notification-list article { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }.notification-list article:last-child { border-bottom: 0; }.notification-list article.unread { background: #f3f7ff; }.notification-list article p { color: var(--muted); margin: .2rem 0; }.notification-list article small { color: var(--muted); }.notification-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #e8eef9; color: var(--indigo); font-weight: 900; }
.channel-panel { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; }.channel-panel h2 { margin-bottom: .25rem; }.channel-panel p:last-child { margin-bottom: 0; }.channel-tags { display: flex; gap: .35rem; flex-wrap: wrap; margin-top: .5rem; }.channel-tags em { border-radius: 999px; background: #eef3fb; color: var(--indigo); padding: .2rem .5rem; font-size: .72rem; font-style: normal; font-weight: 750; }
.management-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.management-card { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; color: var(--ink); text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.management-card:hover { transform: translateY(-2px); border-color: #b7c4da; }
.management-card > span:first-child { display: grid; }
.management-card strong { font-size: 1.15rem; }
.management-card small { color: var(--muted); }
.management-card-arrow { color: var(--blue); font-size: 1.5rem; }
.company-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-bottom: 1rem; }
.setting-card { display: grid; gap: .35rem; }
.setting-card span { color: var(--muted); }
.setting-card strong { font-size: 1.2rem; }
.management-heading { padding: 1rem 1.25rem; margin-bottom: 0; }
.management-heading .eyebrow { margin-bottom: .25rem; }
.management-heading h2 { font-size: 1.35rem; }
.supplier-permissions { border: 1px solid var(--line); border-radius: 10px; padding: 1rem; }
.supplier-permissions legend { font-weight: 750; padding: 0 .35rem; }
.supplier-permissions ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; gap: .5rem 1rem; }
.supplier-permissions label { display: flex; align-items: center; gap: .55rem; }
.supplier-permissions input { width: 18px; height: 18px; min-height: 0; }
.row-actions { display: flex; align-items: center; gap: .75rem; }.row-actions form { margin: 0; }.link-button { border: 0; padding: 0; background: none; color: var(--indigo); text-decoration: underline; cursor: pointer; }
.report-filters { display: grid; grid-template-columns: repeat(3,minmax(180px,1fr)) auto; align-items: end; gap: 1rem; margin-bottom: 1.25rem; }
.report-filters .primary-button { min-height: 42px; }
.report-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(300px,.75fr); gap: 1rem; margin-bottom: 1rem; }
.report-panel-heading { padding: 1rem 1.25rem; margin: 0; }
.report-panel-heading strong { font-size: 1.4rem; color: var(--indigo); }
.report-table-panel { margin-bottom: 1rem; }
.amount-overdue { color: #a41f2b; font-weight: 850; }
.empty-state.compact { padding: 2rem 1rem; }
.audit-filters { grid-template-columns: repeat(4,minmax(150px,1fr)) auto; }
.audit-timeline { padding: 0; overflow: hidden; }
.audit-timeline ol { list-style: none; padding: 0; margin: 0; }
.audit-timeline li { display: grid; grid-template-columns: 14px minmax(220px,1fr) auto; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--line); }
.audit-timeline li:last-child { border-bottom: 0; }
.audit-marker { width: 11px; height: 11px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px #e5f5fb; }
.audit-event-main,.audit-event-meta { display: grid; }
.audit-event-main span,.audit-event-meta { color: var(--muted); font-size: .86rem; }
.audit-event-meta { text-align: right; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 1rem; padding: 1rem; border-top: 1px solid var(--line); }
.login-layout { min-height: calc(100vh - 6rem); display: grid; grid-template-columns: minmax(0,1.1fr) minmax(320px,440px); align-items: center; gap: clamp(2rem,8vw,8rem); }
.login-brand img { width: min(520px,100%); max-height: 200px; object-fit: contain; object-position: left center; margin-bottom: 2rem; }
.login-brand h1 { max-width: 700px; font-size: clamp(2.4rem,6vw,4.8rem); }.login-brand > p:last-child { max-width: 600px; color: var(--muted); font-size: 1.15rem; }
.login-card { background: white; border: 1px solid var(--line); border-radius: 16px; padding: clamp(1.5rem,4vw,2.25rem); box-shadow: var(--shadow); display: grid; gap: .7rem; }.login-card h2 { font-size: 1.65rem; }.login-card label { font-weight: 750; }.login-card input { width: 100%; }.login-card .primary-button { margin-top: .5rem; }.form-note { color: var(--muted); font-size: .85rem; text-align: center; margin: .5rem 0 0; }.form-error { color: #a41f2b; background: #ffe8ea; border-radius: 8px; padding: .65rem; }
.offline-card { min-height: 100vh; display: grid; place-content: center; justify-items: center; text-align: center; padding: 2rem; }.offline-card img { width: min(500px,80vw); margin-bottom: 2rem; }.offline-card p { color: var(--muted); max-width: 540px; }
.primary-nav .version-chip { margin-left: .25rem; padding: .15rem .4rem; background: #e5f5fb; color: #075b78; opacity: 1; font-size: .68rem; vertical-align: .1rem; }
.app-footer { width: min(1380px,100%); margin: 0 auto; padding: 0 clamp(1rem,4vw,3rem) 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--muted); font-size: .82rem; }
.app-footer a { color: var(--muted); }
.help-heading { align-items: center; }
.help-layout { display: grid; grid-template-columns: minmax(210px,270px) minmax(0,1fr); align-items: start; gap: 1.25rem; }
.help-index { position: sticky; top: 1rem; padding: 1rem; }
.help-index > strong { display: block; color: var(--ink); margin-bottom: .65rem; }
.help-index nav { display: grid; }
.help-index a { color: #45516d; text-decoration: none; border-left: 2px solid var(--line); padding: .38rem .65rem; }
.help-index a:hover { color: var(--indigo); border-left-color: var(--cyan); background: #f7f9fc; }
.help-content { display: grid; gap: 1rem; min-width: 0; }
.help-section { scroll-margin-top: 1rem; }
.help-section h2 { margin-bottom: .75rem; }
.help-section > p:not(.eyebrow), .help-section li, .help-section dd { color: #46536e; }
.help-section li + li { margin-top: .35rem; }
.help-steps { counter-reset: help-step; display: grid; gap: .75rem; list-style: none; padding: 0; }
.help-steps li { position: relative; min-height: 42px; padding-left: 3rem; }
.help-steps li::before { counter-increment: help-step; content: counter(help-step); position: absolute; left: 0; top: -.1rem; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: #e8eef9; color: var(--indigo); font-weight: 900; }
.workflow-list { display: grid; gap: 0; list-style: none; margin: 1.25rem 0; padding: 0; }
.workflow-list li { position: relative; display: grid; grid-template-columns: 2.5rem minmax(0,1fr); gap: .85rem; margin: 0; padding: 0 0 1.15rem; }
.workflow-list li:not(:last-child)::after { content: ""; position: absolute; left: 1.2rem; top: 2.4rem; bottom: .1rem; width: 2px; background: #d8e3f2; }
.workflow-list p { margin: .2rem 0 0; color: #46536e; }
.workflow-number { position: relative; z-index: 1; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,var(--indigo),var(--blue)); color: white; font-weight: 900; }
.workflow-variants { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin-top: 1.25rem; }
.workflow-variants article { border: 1px solid var(--line); border-radius: 10px; background: #f7f9fc; padding: .9rem; }
.workflow-variants h3 { margin-bottom: .35rem; font-size: 1rem; }
.workflow-variants p { margin-bottom: 0; color: #46536e; font-size: .9rem; }
.help-callout { border-left: 4px solid var(--cyan); border-radius: 9px; background: #eaf7fc; padding: .9rem 1rem; margin-top: 1.25rem; }
.help-callout.neutral { border-left-color: var(--indigo); background: #f0f2fb; }
.help-callout p { margin: .25rem 0 0; color: #46536e; }
.help-definitions, .help-faq { margin: 1rem 0; }
.help-definitions > div, .help-faq > div { display: grid; grid-template-columns: minmax(120px,.35fr) minmax(0,1fr); gap: 1rem; border-top: 1px solid var(--line); padding: .75rem 0; }
.help-definitions dt, .help-faq dt { font-weight: 800; }
.help-definitions dd, .help-faq dd { margin: 0; }
.release-list { display: grid; gap: 1.25rem; }
.release-card { padding: 0; overflow: hidden; }
.release-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1.4rem 1.5rem; border-bottom: 1px solid var(--line); }
.release-heading h2 { margin-bottom: .4rem; }
.release-heading p:last-child { color: var(--muted); margin-bottom: 0; }
.release-meta { display: grid; justify-items: end; gap: .5rem; white-space: nowrap; color: var(--muted); font-size: .82rem; }
.current-release { border-radius: 999px; background: #e5f7ee; color: #17633b; padding: .25rem .6rem; font-weight: 800; }
.release-sections { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 1rem; padding: 1.4rem 1.5rem; }
.release-sections section { border-radius: 10px; background: #f7f9fc; padding: 1rem; }
.release-sections h3 { font-size: 1rem; margin-bottom: .65rem; }
.release-sections ul { margin: 0; padding-left: 1.2rem; color: #46536e; }
.release-sections li + li { margin-top: .35rem; }
@media (max-width: 1100px) { .report-filters,.audit-filters { grid-template-columns: repeat(2,minmax(180px,1fr)); }.report-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .app-header { align-items: flex-start; }.header-actions { flex-wrap: wrap; justify-content: flex-end; }.brand span { display: none; }.metric-grid { grid-template-columns: repeat(2,1fr); }.login-layout { grid-template-columns: 1fr; }.login-brand { padding-top: 2rem; }.login-brand h1 { font-size: clamp(2rem,10vw,3.6rem); }.help-layout { grid-template-columns: 1fr; }.help-index { position: static; }.help-index nav { grid-template-columns: repeat(2,minmax(0,1fr)); }.workflow-variants { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .app-header { display: grid; }.header-actions { justify-content: flex-start; }.company-picker { width: 100%; }.company-picker select { width: 100%; }.page-heading,.channel-panel,.release-heading { align-items: flex-start; flex-direction: column; }.metric-grid,.management-grid,.company-settings-grid,.report-filters,.audit-filters { grid-template-columns: 1fr; }.due-list article { grid-template-columns: 50px 1fr; }.due-list .amount,.due-list .status { grid-column: 2; justify-self: start; }.filters { align-items: stretch; flex-direction: column; }.filters select { width: 100%; }.login-brand { display: none; }.login-layout { display: block; padding-top: 10vh; }.form-grid,.detail-grid,.lower-grid,.action-panel,.allocation-row { grid-template-columns: 1fr; }.form-field.span-2 { grid-column: auto; }.form-actions { flex-direction: column-reverse; }.notification-list article { grid-template-columns: 36px 1fr; }.notification-list article form { grid-column: 2; justify-self: start; }.supplier-permissions ul { grid-template-columns: 1fr; }.management-heading { align-items: flex-start; flex-direction: column; }.audit-timeline li { grid-template-columns: 12px minmax(0,1fr); }.audit-event-meta { grid-column: 2; text-align: left; }.help-index nav { grid-template-columns: 1fr; }.help-definitions > div,.help-faq > div { grid-template-columns: 1fr; gap: .2rem; }.release-meta { justify-items: start; }.app-footer { align-items: flex-start; flex-direction: column; } }