@font-face {
    font-family: "Fraunces";
    font-style: italic;
    font-weight: 300 600;
    font-display: swap;
    src: url("fonts/fraunces-italic-300-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Fraunces";
    font-style: italic;
    font-weight: 300 600;
    font-display: swap;
    src: url("fonts/fraunces-italic-300-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url("fonts/fraunces-normal-300-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Fraunces";
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url("fonts/fraunces-normal-300-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-normal-400-700-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("fonts/ibm-plex-sans-normal-400-700-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-400-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-400-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-500-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-600-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "IBM Plex Mono";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/ibm-plex-mono-normal-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* USPL Solar editorial / technical-dossier system.
 * Source: cosmic-websitewith-dt/src/theme/solarTheme.js (light palette) and
 * src/components/solar/ui.js. Shared by the dashboard, quotations and Capacitor app.
 * Keep operational layout in its owning stylesheet; this file owns visual identity.
 */
:root {
    color-scheme: light;
    --site-page: #fbfbf9;
    --site-surface: #f3f3ef;
    --site-card: #fbfbf9;
    --site-panel: #fbfbf9;
    --site-text: #1a1a1a;
    --site-muted: #55554f;
    --site-accent: #9a6200;
    --site-accent-display: #a86b00;
    --site-highlight: #f2a900;
    --site-cta: #f2a900;
    --site-cta-hover: #ffbe1f;
    --site-on-cta: #1a1a1a;
    --site-border: #dcdbd4;
    --site-rule-strong: #1a1a1a;
    --site-highlight-soft: #fdf3dc;
    --site-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
    --site-font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --site-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
    --site-heading-weight: 400;
    --site-eyebrow-tracking: .14em;
    --site-radius: 0;

    --uspl-paper: var(--site-page);
    --uspl-surface: var(--site-surface);
    --uspl-ink: var(--site-text);
    --uspl-muted: var(--site-muted);
    --uspl-accent: var(--site-accent);
    --uspl-accent-display: var(--site-accent-display);
    --uspl-cta: var(--site-cta);
    --uspl-cta-hover: var(--site-cta-hover);
    --uspl-border: var(--site-border);
    --uspl-soft: var(--site-highlight-soft);
    --uspl-font-body: var(--site-font-body);
    --uspl-font-display: var(--site-font-display);
    --uspl-font-mono: var(--site-font-mono);

    /* Existing dashboard, quote, proposal and account pages use these aliases. */
    --bg-app: var(--site-page);
    --bg-sidebar: var(--site-page);
    --bg-card: var(--site-card);
    --bg-card-hover: var(--site-surface);
    --bg-input: var(--site-surface);
    --border-color: var(--site-border);
    --border: var(--site-border);
    --border-strong: var(--site-rule-strong);
    --color-text-primary: var(--site-text);
    --color-text-secondary: var(--site-muted);
    --color-text-muted: var(--site-muted);
    --color-accent: var(--site-accent);
    --color-accent-hover: var(--site-accent-display);
    --color-accent-gradient: var(--site-cta);
    --text: var(--site-text);
    --text-2: var(--site-muted);
    --text-3: var(--site-muted);
    --accent: var(--site-accent);
    --accent-hover: var(--site-accent-display);
    --ink: var(--site-text);
    --ink-2: var(--site-muted);
    --ink-3: var(--site-muted);
    --line: var(--site-border);
    --bg: var(--site-page);
    --card: var(--site-card);
    --sun: var(--site-cta);
    --sun-soft: var(--site-highlight-soft);
    --leaf: var(--site-text);
    --leaf-soft: var(--site-surface);
    --ok: #17633d;
    --bad: #a12622;
    --warn: var(--site-accent);
    --info: var(--site-muted);
    --color-success: var(--ok);
    --color-error: var(--bad);
    --color-info: var(--site-muted);
    --color-pending: var(--site-accent);
    --color-warning: var(--site-accent);
    --color-purple: var(--site-muted);
    --font: var(--site-font-body);
    --font-primary: var(--site-font-body);
    --font-display: var(--site-font-display);
    --font-mono: var(--site-font-mono);
    --radius: 0;
    --border-radius-sm: 0;
    --border-radius-md: 0;
    --border-radius-lg: 0;
    --shadow-premium: none;
    --shadow-focus: none;
    --shadow-glow: none;
}

*, *::before, *::after {
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-image: none !important;
    scrollbar-color: var(--site-border) var(--site-page);
}
html, body { background: var(--site-page); color: var(--site-text); }
body { font-family: var(--site-font-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--site-highlight); color: var(--site-text); }
*::-webkit-scrollbar-thumb { background: var(--site-border); }
*::-webkit-scrollbar-thumb:hover { background: var(--site-accent); }
h1, h2, h3, h4, h5, h6, .q-group > summary, .accordion-title, .pp-brand, .l-col > header {
    font-family: var(--site-font-display);
    font-weight: 400 !important;
    letter-spacing: -.02em;
    color: var(--site-text);
    font-optical-sizing: auto;
}
h1 em, h2 em { color: var(--site-accent-display); font-weight: 400; }
a { color: var(--site-accent); text-underline-offset: .18em; }
button, input, select, textarea { font-family: var(--site-font-body); }
button, .btn-primary, .btn-secondary, .pp-btn { font-family: var(--site-font-mono); }
button, input, select, textarea, .btn-primary, .btn-secondary { border-color: var(--site-border); }
input, select, textarea { background-color: var(--site-surface); color: var(--site-text); accent-color: var(--site-accent); }
input::placeholder, textarea::placeholder { color: var(--site-muted); opacity: 1; }
:focus-visible { outline: 2px solid var(--site-accent); outline-offset: 3px; }
button:disabled, input:disabled, select:disabled { opacity: .6; }

/* Technical labels and numerical values use the same mono face as the solar site. */
label, th, dt, .stat-label, .user-role, .q-meta, .q-save, .q-sub, .q-step, .q-chip,
.q-label, .q-milestones, .l-money, .l-muted, .l-seg, .l-flag, .l-due,
.pp-ref, .pp-host, .pp-tag, .pp-foot, .pp-stat span, .pp-legend, .pp-rows td:last-child,
.badge, .badge-kno, .badge-city, .badge-sector, .sector-chip, .date-display,
.bill-info, .profile-item strong, .analysis-table td.bold, .progress-info,
.stat-num, .l-stat strong, .q-hero strong, .q-kpis dd, .pp-stat strong,
.weather-temp, .today-count, .lead-count, pre, code, kbd, time {
    font-family: var(--site-font-mono);
    font-variant-numeric: tabular-nums slashed-zero;
}
.stat-num, .l-stat strong, .q-hero strong, .q-kpis dd, .pp-stat strong { font-weight: 500; }
.stat-label, th, dt, .q-label, .pp-stat span { letter-spacing: .08em; }
.q-title h1 { font-size: 24px; }
.pp-title h1 { font-size: clamp(28px, 5vw, 42px); line-height: 1.08; }
.pp-card h2, .wf-card h3 { font-size: 23px; }
.brand-info h1, .login-brand h1, .login-brand h2 { color: var(--site-text); }
.login-field input { color: var(--site-text); background: var(--site-surface); border-color: var(--site-border); }
.settings-modal { background: var(--site-page); border-color: var(--site-border); }
.settings-modal .modal-header { background: var(--site-surface); }
.settings-modal .modal-header h3, .settings-modal .close-btn:hover { color: var(--site-text); }
.settings-modal .form-group input { color: var(--site-text); background: var(--site-surface); border-color: var(--site-border); }
#tcSettings h4, .ai-image-section h5, #downloadAiImageBtn { color: var(--site-text) !important; }
#aiImageStatus { color: var(--site-muted) !important; }
.tc-action { color: var(--site-text); background: var(--site-page); border-color: var(--site-rule-strong); }
.sync-progress { color: var(--site-text); background: var(--site-highlight-soft); border-color: var(--site-border); }
.sync-progress-track { background: var(--site-surface); }
.login-error { color: var(--bad); }
.brand-info span, .login-brand span { font-family: var(--site-font-mono); letter-spacing: .08em; }
.login-brand h1 { font-size: 25px; }
.login-brand span { font-size: 11px; line-height: 1.5; }

/* Paper sheets, hairline rules and flat controls replace floating dark surfaces. */
.sidebar, .main-content, .card, .modal-card, .login-card, .q-top, .q-mobilebar,
.q-group, .q-summary-inner, .wf-card, .l-row, .l-card, .l-stat, .pp-card, .pp-stat,
.multi-select-menu, .toast { background: var(--site-page); border-color: var(--site-border); }
.q-top, .pp-head, .modal-header { border-bottom: 1px solid var(--site-rule-strong); }
.pp-head { padding-bottom: 16px; }
.q-group > summary, .q-summary-inner, .l-col > header { border-top: 1px solid var(--site-rule-strong); }
.q-group > summary { font-size: 20px; }
.q-group > summary .q-step { font-family: var(--site-font-mono); }
.connection-card, .stat-card, .search-box, .user-role, .toggle-slider, .lead-count,
.today-track, .today-mine, .leads-table th, .kbd-hint kbd, .badge-kno,
.tabs-nav, .weather-tip-box, .profile-item, .lang-toggle, .script-body,
.checklist-box, .accordion-content, .billing-chart-container, .progress-bar-container,
.status-notes-card, .date-display, .history-item, .assign-panel, .q-preview,
.l-col, .mp-map, .audit-page pre { background: var(--site-surface); border-color: var(--site-border); }
.connection-card:hover, .search-box:focus-within, .profile-item:hover, .check-item:hover,
.tab-link:hover, .multi-select-menu label:hover, .filter-chip:hover,
.status-notes-card:hover, .status-notes-card:focus-within, .status-notes-card.expanded {
    background: var(--site-surface); color: var(--site-text);
}
.connection-details p, .today-text, .leads-table .company-info h4,
.leads-table .bill-info span, .list-toolbar .tb-check:hover, .no-lead-selected h3,
.details-title-area h2, .weather-title h4, .weather-temp, .profile-item strong,
.accordion-title, .analysis-table td.bold, .status-notes-card h4, .multi-select-menu label,
.toggle-container:hover .toggle-text, .lang-btn:hover:not(.active), .lang-btn.active,
.today-assigned:hover, .today-mine, .toast { color: var(--site-text); }
.today-remaining, .multi-select-clear, .q-muted, .l-muted, .pp-loading,
.pp-host, .pp-brand small, .pp-ref, .audit-page p { color: var(--site-muted); }
.leads-table td, .multi-select-clear, .quote-entry-item, .profile-item,
.history-item, .admin-table td, .leads-table th { border-color: var(--site-border); }
.today-bar, .weather-widget, .q-dupes, .q-suggest, .wf-note, .update-notice,
.today-assigned, .assign-panel.bulk-bar, .add-user-box {
    background: var(--site-highlight-soft); color: var(--site-text); border-color: var(--site-border);
}
.today-fill, .progress-bar { background: var(--site-highlight); }
.brand-logo, .avatar, .login-brand .mark { background: var(--site-highlight); color: var(--site-text); animation: none; }
/* The supplied wordmark has white lettering: retain a dark backing in every theme. */
.brand-logo, .login-brand .mark { width: 88px; height: 88px; background: #000; border-radius: 8px; box-shadow: none; flex-shrink: 0; overflow: hidden; }
.brand-logo img, .login-brand .mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.text-gradient { background: transparent; color: var(--site-accent-display); -webkit-text-fill-color: var(--site-accent-display); }
.pane-resizer::before { background: var(--site-border); }
.leads-table tbody tr.active td, .filter-chip.active, .stat-card.active,
.stat-card:hover, .row-action-btn:hover, .pag-btn:hover:not(:disabled),
.copy-btn:hover, .script-body mark, .accordion-title:hover,
.q-chip-btn[aria-checked="true"], .q-chip-btn[aria-pressed="true"],
.l-tabs button[aria-selected="true"], .q-step, .q-basis button[aria-checked="true"][data-v="estimate"] {
    background: var(--site-highlight-soft); color: var(--site-accent); border-color: var(--site-accent);
}
.stat-card.active, .leads-table tbody tr.active { border-left: 2px solid var(--site-highlight); }
.modal-overlay, .mp-overlay { background: rgba(26, 26, 26, .42); }
.history-refresh, .update-notice button, .admin-btn, .admin-action, .admin-row-btn,
.multi-select-clear, .pp-btn, .btn-secondary { background: var(--site-page); color: var(--site-text); border: 1px solid var(--site-border); }

/* Amber is a fill; text on amber is charcoal. Small amber text uses the darker accent. */
.btn-primary, .submit-btn, .call-action, .admin-action.assign-go, .quote-entry-btn,
.quote-entry-count, .l-count:not(:empty), .audit-page button, .pp-btn.is-primary {
    background: var(--site-cta); color: var(--site-on-cta); border-color: var(--site-cta);
}
.btn-primary:hover:not(:disabled), .submit-btn:hover:not(:disabled), .call-action:hover,
.admin-action.assign-go:hover, .quote-entry-btn:hover, .audit-page button:hover:not(:disabled) {
    background: var(--site-cta-hover); color: var(--site-on-cta); border-color: var(--site-cta-hover);
}
.btn-primary:disabled { background: var(--site-surface); color: var(--site-muted); border-color: var(--site-border); }
.quote-entry-ghost { background: var(--site-page); color: var(--site-text); border-color: var(--site-border); }
.share-wa, .pp-btn.is-wa, .wa-action {
    background: var(--site-page) !important; border: 1px solid var(--site-rule-strong) !important; color: var(--site-text) !important;
}
.share-wa:hover, .pp-btn.is-wa:hover, .wa-action:hover { background: var(--site-surface) !important; }

/* Functional status colours remain distinct and readable on paper. */
.badge-pitch-new, .badge-status-interested, .q-chip[data-stage="Issued"],
.q-chip[data-stage="Accepted"], .q-mbadge.is-clear,
.q-basis button[aria-checked="true"][data-v="verified"] {
    color: var(--ok); background: #eaf3ec; border-color: #a9c8b3;
}
.badge-pitch-maint, .badge-pitch-low, .badge-pitch-insufficient, .badge-sector,
.sector-chip, .badge-status-wa-sent, .q-chip, .q-chip[data-stage="Approved"],
.l-seg, .l-seg[data-seg="commercial"], .l-seg[data-seg="agricultural"] {
    color: var(--site-muted); background: var(--site-surface); border-color: var(--site-border);
}
.badge-city, .badge-status-pending, .q-chip[data-stage="Internal review"], .l-flag {
    color: var(--site-accent); background: var(--site-highlight-soft); border-color: var(--site-border);
}
.q-banner { background: var(--site-highlight-soft); color: var(--site-text); border-color: var(--site-border); }
.error-msg, .q-banner.is-error, .q-group-flag, .q-mbadge, .badge-status-failed {
    color: var(--bad); background: #faeeec; border-color: #d9aaa5;
}
.error, .q-err, .q-check-list li.is-block, .wf-list, .wf-danger,
.l-due.is-overdue, .history-item.conflict .history-change, .audit-conflict td { color: var(--bad) !important; }
.q-warn, .wf-warn { color: var(--site-accent); }
.q-check-list li a { text-decoration-color: currentColor; }
.l-card.is-mine-to-act { border-color: var(--site-accent); }
.l-card.is-overdue { border-color: var(--bad); }
.assignee-chip.mine, .assign-text.mine strong { color: var(--site-accent); }
.pp-stat.is-main { background: var(--site-highlight-soft); border-color: var(--site-border); }
.pp-stat.is-good strong { color: var(--site-text); }
.pp-preview-bar, .pp-preview-bar.is-draft { background: var(--site-highlight-soft); color: var(--site-text); border-bottom: 1px solid var(--site-rule-strong); }
.pp-preview-bar a { color: var(--site-accent); }
.pp-chart text { fill: var(--site-muted); font-family: var(--site-font-mono); }
#svgChartFallback text { font-family: var(--site-font-mono); }
.pp-legend i.lg-bar { background: var(--site-highlight); }
.pp-legend i.lg-line { background: var(--site-text); }
.pp-rows tr.is-minus td:last-child { color: var(--site-text); }
.loader { border-color: var(--site-border); border-top-color: var(--site-accent); }

/* Login and sign-in audit share the same flat drawing-sheet frame. */
.login-card { max-width: 420px; border-top: 2px solid var(--site-rule-strong); padding: 36px 32px; }
.audit-page article { background: var(--site-page); border: 1px solid var(--site-border); border-top-color: var(--site-rule-strong); }
.audit-page input { background: var(--site-surface); color: var(--site-text); }
.audit-page pre { color: var(--site-text); }
.audit-page h1 { font-size: 36px; }
.audit-page article h2 { font-size: 21px; }

@media (max-width: 700px) {
    .q-title h1 { font-size: 22px; }
    .pp-title h1 { font-size: 30px; }
    .pp-stat strong { font-size: 20px; }
    .login-card { padding: 28px 24px; }
}
@media print {
    html, body, .pp-card, .pp-stat { background: var(--site-page); color: var(--site-text); }
}

/* Colour-coded notes, banners and next-step nudges (light theme). Same tones as quote.css. */
.wf-note.is-info, .q-banner.is-info { background: #e8f0fb; border-color: #9db8e3; color: #1b3a63; }
.wf-note.is-action, .q-banner.is-action { background: #fdf3dc; border-color: #f2a900; color: #5e3c00; }
.wf-note.is-warn, .wf-note.is-bad, .q-banner.is-warn { background: #faeeec; border-color: #c4544a; color: #8a2a21; }
.wf-note.is-good, .q-banner.is-ok { background: #e6f3e9; border-color: #6aa97a; color: #1d5230; }
.wf-note.is-muted { background: #efefea; border-color: #b9b8b0; color: var(--site-muted); }
.wf-note[class*="is-"], .q-banner[class*="is-"]:not(.is-error) { border-left-width: 4px; border-left-style: solid; }
.l-next.is-info { color: #1b4f9a; border-color: #3b6fc4; }
.l-next.is-action { color: #8a5a00; border-color: #f2a900; }
.l-next.is-bad, .l-next.is-warn { color: #a3302a; border-color: #c4544a; }
.l-next.is-good { color: #1d6a3a; border-color: #3f9a5f; }
.l-next.is-muted { color: var(--site-muted); border-color: #b9b8b0; }