/*
Theme Name: DRL Workspace
Theme URI: https://dailyroutinelabs.com/
Author: Daily Routine Labs
Description: A clean presentation layer for the DRL Dialogues platform.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: drl-workspace
*/

@font-face {
    font-family: "DRL Inter";
    src: url("assets/fonts/inter-variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "DRL Source Serif";
    src: url("assets/fonts/source-serif-4-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

:root {
    color-scheme: light;
    --drl-font-ui: "DRL Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --drl-font-display: "DRL Source Serif", Georgia, serif;
    --drl-bg: #f4f3ee;
    --drl-surface: #faf9f5;
    --drl-surface-raised: #ffffff;
    --drl-surface-soft: #eeede7;
    --drl-text: #15191a;
    --drl-text-muted: #5f6667;
    --drl-text-subtle: #747b7c;
    --drl-line: #d1d2cc;
    --drl-line-strong: #a9aeaa;
    --drl-focus: var(--drl-workspace-nav);
    --drl-danger: #b8473e;
    --drl-success: #247a5a;
    --drl-status-progress: #176f9c;
    --drl-status-pending: #a45c05;
    --drl-status-closed: #687173;
    --drl-general-nav: #522f64;
    --drl-general-action: linear-gradient(135deg, #522f64 0%, #76408f 100%);
    --drl-general-action-hover: linear-gradient(135deg, #452653 0%, #653479 100%);
    --drl-general-on-action: #ffffff;
    --drl-workspace-nav: #522f64;
    --drl-workspace-nav-soft: rgba(82, 47, 100, 0.13);
    --drl-workspace-action: linear-gradient(135deg, #522f64 0%, #76408f 100%);
    --drl-workspace-action-hover: linear-gradient(135deg, #452653 0%, #653479 100%);
    --drl-workspace-on-action: #ffffff;
    --drl-header-profile-action: var(--drl-account-action);
    --drl-header-profile-action-hover: var(--drl-account-action-hover);
    --drl-header-profile-border: var(--drl-account-nav);
    --drl-header-action-green: linear-gradient(135deg, #237553 0%, #31936a 100%);
    --drl-header-action-green-hover: linear-gradient(135deg, #1d6547 0%, #287e5a 100%);
    --drl-header-action-green-border: #3b9c73;
    --drl-header-action-green-on: #ffffff;
    --drl-account-nav: #a74732;
    --drl-account-nav-soft: rgba(167, 71, 50, 0.12);
    --drl-account-action: linear-gradient(135deg, #a74732 0%, #b95743 100%);
    --drl-account-action-hover: linear-gradient(135deg, #923a29 0%, #ad4d39 100%);
    --drl-account-on-action: #ffffff;
    --drl-project-match-accent: #c92a83;
    --drl-project-match-accent-strong: #9b1f63;
    --drl-project-match-accent-soft: rgba(201, 42, 131, 0.15);
    --drl-long-run-accent: #f0be00;
    --drl-long-run-accent-strong: #755a00;
    --drl-long-run-accent-soft: rgba(240, 190, 0, 0.19);
    --drl-team-up-accent: #007b96;
    --drl-team-up-accent-strong: #005e73;
    --drl-team-up-accent-soft: rgba(0, 123, 150, 0.15);
    --drl-co-build-accent: #7046d1;
    --drl-co-build-accent-strong: #5332a8;
    --drl-co-build-accent-soft: rgba(112, 70, 209, 0.15);
    --drl-project-relay-accent: #007d74;
    --drl-project-relay-accent-strong: #005f58;
    --drl-project-relay-accent-soft: rgba(0, 125, 116, 0.15);
    --drl-warm-intro-accent: #b928c1;
    --drl-warm-intro-accent-strong: #8f1c96;
    --drl-warm-intro-accent-soft: rgba(185, 40, 193, 0.15);
    --drl-expert-check-accent: #6559b8;
    --drl-expert-check-accent-strong: #4c438f;
    --drl-expert-check-accent-soft: rgba(101, 89, 184, 0.15);
    --drl-shadow: 0 18px 50px rgba(24, 30, 31, 0.08);
    --dialogue-accent: var(--drl-workspace-nav);
    --dialogue-accent-strong: color-mix(in srgb, var(--drl-workspace-nav) 84%, var(--drl-text));
    --dialogue-accent-soft: var(--drl-workspace-nav-soft);
    --drl-container: 1320px;
    --drl-gutter: clamp(20px, 4vw, 56px);
    --drl-radius: 2px;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --drl-bg: #091012;
    --drl-surface: #0d1517;
    --drl-surface-raised: #111a1c;
    --drl-surface-soft: #151f21;
    --drl-text: #f0eee7;
    --drl-text-muted: #afb5b5;
    --drl-text-subtle: #929a9b;
    --drl-line: #2c3536;
    --drl-line-strong: #697172;
    --drl-focus: var(--drl-workspace-nav);
    --drl-danger: #ff8178;
    --drl-success: #70d2a7;
    --drl-status-progress: #66bff0;
    --drl-status-pending: #f0b35c;
    --drl-status-closed: #9aa3a5;
    --drl-general-nav: #c86cff;
    --drl-general-action: linear-gradient(135deg, #c86cff 0%, #9f82ff 100%);
    --drl-general-action-hover: linear-gradient(135deg, #d47fff 0%, #af95ff 100%);
    --drl-general-on-action: #100814;
    --drl-workspace-nav: #c86cff;
    --drl-workspace-nav-soft: rgba(200, 108, 255, 0.16);
    --drl-workspace-action: linear-gradient(135deg, #c86cff 0%, #9f82ff 100%);
    --drl-workspace-action-hover: linear-gradient(135deg, #d47fff 0%, #af95ff 100%);
    --drl-workspace-on-action: #100814;
    --drl-header-profile-action: var(--drl-account-action);
    --drl-header-profile-action-hover: var(--drl-account-action-hover);
    --drl-header-profile-border: var(--drl-account-nav);
    --drl-header-action-green: linear-gradient(135deg, #62c797 0%, #7eddb1 100%);
    --drl-header-action-green-hover: linear-gradient(135deg, #72d8a7 0%, #91e8bf 100%);
    --drl-header-action-green-border: #95e8c1;
    --drl-header-action-green-on: #07150f;
    --drl-account-nav: #d9826b;
    --drl-account-nav-soft: rgba(217, 130, 107, 0.15);
    --drl-account-action: linear-gradient(135deg, #d9826b 0%, #c96d58 100%);
    --drl-account-action-hover: linear-gradient(135deg, #e3927d 0%, #d77a64 100%);
    --drl-account-on-action: #1a0b03;
    --drl-project-match-accent: #ff4fa7;
    --drl-project-match-accent-strong: #ff88c4;
    --drl-project-match-accent-soft: rgba(255, 79, 167, 0.2);
    --drl-long-run-accent: #ffe03b;
    --drl-long-run-accent-strong: #ffed7a;
    --drl-long-run-accent-soft: rgba(255, 224, 59, 0.2);
    --drl-team-up-accent: #42d5f5;
    --drl-team-up-accent-strong: #7ce6fa;
    --drl-team-up-accent-soft: rgba(66, 213, 245, 0.2);
    --drl-co-build-accent: #8d5cff;
    --drl-co-build-accent-strong: #b092ff;
    --drl-co-build-accent-soft: rgba(141, 92, 255, 0.2);
    --drl-project-relay-accent: #25d6c8;
    --drl-project-relay-accent-strong: #67e8dc;
    --drl-project-relay-accent-soft: rgba(37, 214, 200, 0.2);
    --drl-warm-intro-accent: #e85bff;
    --drl-warm-intro-accent-strong: #f294ff;
    --drl-warm-intro-accent-soft: rgba(232, 91, 255, 0.2);
    --drl-expert-check-accent: #a9a2ff;
    --drl-expert-check-accent-strong: #c7c3ff;
    --drl-expert-check-accent-soft: rgba(169, 162, 255, 0.2);
    --drl-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-width: 320px;
    background: var(--drl-bg);
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--drl-bg);
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 16px;
    line-height: 1.55;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
}

button,
select,
input[type="button"],
input[type="submit"] {
    min-height: 42px;
}

img,
svg {
    display: block;
    max-width: 100%;
}

.drl-site-icon {
    display: block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    background: currentColor;
    -webkit-mask: var(--drl-site-icon) center / contain no-repeat;
    mask: var(--drl-site-icon) center / contain no-repeat;
}

.drl-site-icon--artwork {
    background: var(--drl-site-icon) center / contain no-repeat;
    -webkit-mask: none;
    mask: none;
}

a {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

a:hover {
    color: var(--dialogue-accent-strong);
}

:focus-visible {
    outline: 2px solid var(--drl-focus);
    outline-offset: 3px;
}

[hidden] {
    display: none !important;
}

.drl-site-header {
    border-bottom: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-bg) 94%, transparent);
}

.drl-site-header__inner {
    width: min(calc(100% - (2 * var(--drl-gutter))), 1440px);
    margin-inline: auto;
}

.drl-site-footer__inner {
    width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-container));
    margin-inline: auto;
}

.drl-site-header__inner {
    display: grid;
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
    align-items: center;
    min-height: 84px;
    gap: 32px;
}

.drl-brand {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 14px;
    color: var(--drl-text);
    text-decoration: none;
}

.drl-brand:hover {
    color: var(--drl-text);
}

.drl-mobile-nav-toggle {
    display: none;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    justify-self: end;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface);
    padding: 0;
    color: var(--drl-text);
    cursor: pointer;
}

.drl-mobile-nav-toggle:hover,
.drl-mobile-nav-toggle[aria-expanded="true"] {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drl-mobile-nav-toggle > span {
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    transition: opacity 160ms ease, transform 160ms ease;
}

.drl-mobile-nav-toggle[aria-expanded="true"] > span:first-child {
    transform: translateY(7px) rotate(45deg);
}

.drl-mobile-nav-toggle[aria-expanded="true"] > span:nth-child(2) {
    opacity: 0;
}

.drl-mobile-nav-toggle[aria-expanded="true"] > span:last-child {
    transform: translateY(-7px) rotate(-45deg);
}

.drl-mobile-menu {
    display: none;
}

.drl-mobile-menu[hidden] {
    display: none;
}

.drl-mobile-menu__inner {
    width: min(calc(100% - (2 * var(--drl-gutter))), 1440px);
    margin-inline: auto;
}

.drl-mobile-menu__label {
    color: var(--drl-text-subtle);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drl-mobile-menu__primary-links,
.drl-mobile-menu__page-links {
    display: grid;
}

.drl-mobile-menu__primary-links a,
.drl-mobile-menu__page-links a {
    color: var(--drl-text);
    text-decoration: none;
}

.drl-mobile-menu__primary-links a {
    display: flex;
    min-height: 52px;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--drl-line);
    padding: 9px 12px;
    font-size: 13px;
    font-weight: 680;
}

.drl-mobile-menu__primary-links a:hover,
.drl-mobile-menu__primary-links a:focus-visible {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drl-mobile-menu__primary-links .drl-sidebar-link__icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
}

.drl-mobile-menu__primary-links .drl-sidebar-link__icon :is(svg, .drl-site-icon) {
    width: 16px;
    height: 16px;
}

.drl-mobile-menu__page-links a {
    display: flex;
    min-height: 40px;
    align-items: center;
    border-bottom: 1px solid var(--drl-line);
    font-size: 13px;
    font-weight: 620;
}

.drl-mobile-menu__page-links a:hover,
.drl-mobile-menu__page-links a:focus-visible {
    color: var(--drl-workspace-nav);
}

.drl-brand__logo {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    overflow: visible;
    flex: 0 0 50px;
}

.drl-brand__bubble-logo {
    width: 100%;
    height: 100%;
    overflow: visible;
    shape-rendering: geometricPrecision;
}

.drl-brand__bubble {
    --drl-bubble-duration: 8s;
    --drl-bubble-delay: 0s;
    --drl-bubble-mid-drift: 0px;
    --drl-bubble-late-drift: 0px;
    --drl-bubble-end-drift: 0px;
    --drl-bubble-rest-y: -25px;
    --drl-bubble-response-delay: 0ms;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: drl-bubble-float var(--drl-bubble-duration) ease-in-out infinite;
    animation-delay: var(--drl-bubble-delay);
    transition: opacity 560ms ease var(--drl-bubble-response-delay), transform 760ms cubic-bezier(0.16, 1, 0.3, 1) var(--drl-bubble-response-delay);
}

.drl-brand__bubble-particle {
    transform: translate(0, 0);
    transform-box: view-box;
    transform-origin: 0 0;
    transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1) var(--drl-bubble-response-delay);
}

.drl-brand__logo.drl-bubbles-are-clustered .drl-brand__bubble {
    opacity: 0.96;
    transform: translateY(var(--drl-bubble-rest-y));
    animation: none;
}

.drl-brand__logo.drl-bubbles-are-clustered .drl-brand__bubble-particle {
    transform: translate(
        var(--drl-bubble-cluster-x, 0px),
        var(--drl-bubble-cluster-y, 0px)
    );
}

.drl-brand__plugin-logo {
    image-rendering: auto;
    opacity: 0.94;
    pointer-events: none;
}

.drl-brand__bubble--wordpress {
    --drl-bubble-duration: 7.8s;
    --drl-bubble-delay: -1s;
    --drl-bubble-mid-drift: 3px;
    --drl-bubble-late-drift: -1px;
    --drl-bubble-end-drift: 1px;
    --drl-bubble-rest-y: -38px;
}

.drl-brand__bubble--woocommerce {
    --drl-bubble-duration: 6.3s;
    --drl-bubble-delay: -4.6s;
    --drl-bubble-mid-drift: -2px;
    --drl-bubble-late-drift: 2px;
    --drl-bubble-end-drift: -1px;
    --drl-bubble-rest-y: -25px;
}

.drl-brand__bubble--elementor {
    --drl-bubble-duration: 8.6s;
    --drl-bubble-delay: -6.2s;
    --drl-bubble-mid-drift: 2px;
    --drl-bubble-late-drift: 4px;
    --drl-bubble-end-drift: 1px;
    --drl-bubble-rest-y: -42px;
}

.drl-brand__bubble--yoast-seo {
    --drl-bubble-duration: 7.1s;
    --drl-bubble-delay: -2.8s;
    --drl-bubble-mid-drift: -3px;
    --drl-bubble-late-drift: 1px;
    --drl-bubble-end-drift: -2px;
    --drl-bubble-rest-y: -18px;
}

.drl-brand__bubble--acf {
    --drl-bubble-duration: 9.2s;
    --drl-bubble-delay: -7.4s;
    --drl-bubble-mid-drift: 4px;
    --drl-bubble-late-drift: 1px;
    --drl-bubble-end-drift: 3px;
    --drl-bubble-rest-y: -31px;
}

.drl-brand__bubble--contact-form-7 {
    --drl-bubble-duration: 10s;
    --drl-bubble-delay: -5.2s;
    --drl-bubble-mid-drift: -2px;
    --drl-bubble-late-drift: -4px;
    --drl-bubble-end-drift: 1px;
    --drl-bubble-rest-y: -15px;
}

.drl-brand__bubble--jetpack {
    --drl-bubble-duration: 6.8s;
    --drl-bubble-delay: -1.9s;
    --drl-bubble-mid-drift: 2px;
    --drl-bubble-late-drift: -2px;
    --drl-bubble-end-drift: 0px;
    --drl-bubble-rest-y: -45px;
}

.drl-brand__bubble--wp-mission-control {
    --drl-bubble-duration: 8.1s;
    --drl-bubble-delay: -8.3s;
    --drl-bubble-mid-drift: -4px;
    --drl-bubble-late-drift: 3px;
    --drl-bubble-end-drift: -1px;
    --drl-bubble-rest-y: -35px;
}

@keyframes drl-bubble-float {
    0% {
        opacity: 0;
        transform: translate(var(--drl-bubble-wind-soft, 0px), 8px) scale(0.72);
    }

    12% {
        opacity: 0.9;
    }

    48% {
        opacity: 0.96;
        transform: translate(calc(var(--drl-bubble-mid-drift) + var(--drl-bubble-wind, 0px)), -24px) scale(1);
    }

    76% {
        opacity: 0.82;
        transform: translate(calc(var(--drl-bubble-late-drift) + var(--drl-bubble-wind, 0px)), -42px) scale(0.94);
    }

    100% {
        opacity: 0;
        transform: translate(calc(var(--drl-bubble-end-drift) + var(--drl-bubble-wind, 0px)), -60px) scale(0.8);
    }
}

.drl-brand__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.drl-brand__name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.drl-brand__tagline {
    display: grid;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 450;
    letter-spacing: 0;
    line-height: 1.32;
    text-transform: none;
}

.drl-brand__tagline strong {
    font-weight: 700;
}

.drl-account-nav {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.drl-account-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    text-decoration: none;
}

.drl-account-nav > a {
    height: var(--drl-header-control-height);
    min-height: var(--drl-header-control-height);
}

.drl-account-nav {
    gap: 20px;
}

.drl-header-tools {
    --drl-header-control-height: 50px;
    --drl-header-search-overhang: 25px;
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-self: end;
    gap: 12px;
}

.drl-header-actions {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.drl-header-search {
    display: grid;
    position: relative;
    width: auto;
    max-width: 520px;
    min-width: 180px;
    height: var(--drl-header-control-height);
    min-height: var(--drl-header-control-height);
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface);
    margin-right: var(--drl-header-search-overhang);
    padding: 3px calc(var(--drl-header-search-overhang) + 5px) 3px 12px;
    color: var(--drl-text-muted);
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.drl-header-search:focus-within {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-surface-raised);
    box-shadow: 0 0 0 3px var(--drl-workspace-nav-soft);
}

.drl-header-search > svg,
.drl-header-search button > svg {
    width: 18px;
    height: 18px;
}

#drl-header-search,
#drl-header-search:hover,
#drl-header-search:focus {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 34px;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0;
    color: var(--drl-text);
    font-size: 13px;
    box-shadow: none;
    appearance: none;
}

#drl-header-search::placeholder {
    color: var(--drl-text-subtle);
    opacity: 1;
}

.drl-header-search button {
    display: inline-flex;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: calc(0px - var(--drl-header-search-overhang));
    width: var(--drl-header-control-height);
    height: var(--drl-header-control-height);
    min-height: var(--drl-header-control-height);
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: #f3c84b;
    padding: 0;
    color: #241d08;
    cursor: pointer;
    box-shadow:
        0 0 0 2px var(--drl-surface),
        0 0 0 3px rgba(243, 200, 75, 0.52),
        0 0 14px rgba(243, 200, 75, 0.68),
        0 0 26px rgba(243, 200, 75, 0.3);
    transform: translateY(-50%);
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.drl-header-search button:hover,
.drl-header-search button:focus-visible {
    background: #e8b92e;
    color: #181204;
    box-shadow:
        0 0 0 2px var(--drl-surface),
        0 0 0 4px rgba(243, 200, 75, 0.62),
        0 0 18px rgba(243, 200, 75, 0.78),
        0 0 32px rgba(243, 200, 75, 0.38);
    transform: translateY(-50%) scale(1.035);
}

.drl-header-action {
    display: inline-flex;
    height: var(--drl-header-control-height);
    min-height: var(--drl-header-control-height);
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface);
    padding: 8px 13px;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 680;
    line-height: 1;
    text-decoration: none;
}

.drl-header-action > :is(svg, .drl-header-action__icon) {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
}

.drl-header-action:hover {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drl-header-action--network {
    border-color: var(--drl-general-nav);
    background: var(--drl-general-action);
    color: var(--drl-general-on-action);
    white-space: nowrap;
}

.drl-header-action--create {
    border-color: var(--drl-header-action-green-border);
    background: var(--drl-header-action-green);
    color: var(--drl-header-action-green-on);
    white-space: nowrap;
}

.drl-header-action--network {
    position: relative;
    overflow: hidden;
    letter-spacing: 0.04em;
}

.drl-header-action--network > .drl-header-action__icon {
    width: 32.4px;
    height: 32.4px;
    flex-basis: 32.4px;
}

.drl-header-action--network:hover,
.drl-header-action--network:focus-visible {
    border-color: var(--drl-general-nav);
    background: var(--drl-general-action-hover);
    color: var(--drl-general-on-action);
}

.drl-header-action--create:hover,
.drl-header-action--create:focus-visible {
    border-color: var(--drl-header-action-green-border);
    background: var(--drl-header-action-green-hover);
    color: var(--drl-header-action-green-on);
}

.drl-header-action--network::after {
    position: absolute;
    right: -12px;
    bottom: -16px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.drl-header-action--network > :is(svg, .drl-header-action__icon) {
    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drl-header-action--network:hover > :is(svg, .drl-header-action__icon),
.drl-header-action--network:focus-visible > :is(svg, .drl-header-action__icon) {
    transform: rotate(8deg) scale(1.08);
}

.drl-header-action--create {
    padding-inline: 15px;
}

.drl-account-nav__outlined {
    min-width: 86px;
    justify-content: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    padding-inline: 18px;
}

.drl-account-nav__sign-in {
    gap: 7px;
}

.drl-account-nav__sign-in svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.drl-mini-account {
    position: relative;
    z-index: 20;
}

.drl-mini-account > summary {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(90px, auto) 18px;
    height: var(--drl-header-control-height);
    min-height: var(--drl-header-control-height);
    align-items: center;
    gap: 9px;
    border: 1px solid var(--drl-header-profile-border);
    background: var(--drl-header-profile-action);
    padding: 5px 8px 5px 6px;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
    transition: border-color 160ms ease, background 160ms ease;
}

.drl-mini-account > summary::-webkit-details-marker {
    display: none;
}

.drl-mini-account > summary:hover,
.drl-mini-account > summary:focus-visible,
.drl-mini-account[open] > summary {
    border-color: color-mix(in srgb, var(--drl-header-profile-border) 78%, #ffffff);
    background: var(--drl-header-profile-action-hover);
}

.drl-mini-account > summary > img {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 0;
    border-radius: 5px;
    background: #ffffff;
    padding: 0;
    box-shadow: 0 0 9px color-mix(in srgb, var(--drl-account-nav) 30%, transparent);
    object-fit: cover;
}

@media (min-width: 761px) {
    .drl-mini-account > summary {
        grid-template-columns: 28px minmax(118px, auto) 32px;
        padding-right: 7px;
        padding-left: 8px;
    }

    .drl-mini-account > summary > img {
        grid-column: 3;
    }

    .drl-mini-account > summary:hover > img,
    .drl-mini-account[open] > summary > img {
        box-shadow: 0 0 11px color-mix(in srgb, var(--drl-account-nav) 36%, transparent);
    }

    .drl-mini-account__copy {
        grid-column: 2;
    }

    .drl-mini-account__chevron {
        grid-column: 1;
    }

    .drl-mini-account__status-badges {
        top: -7px;
        right: 4px;
    }
}

.drl-mini-account__status-badges {
    position: absolute;
    z-index: 3;
    top: -5px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 3px;
    pointer-events: none;
}

.drl-mini-account__status-badge {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    padding: 0 5px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.drl-mini-account__status-badge svg {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
}

.drl-mini-account__status-badge--messages {
    background: #2674c7;
    box-shadow: 0 0 10px rgba(38, 116, 199, 0.48);
}

.drl-mini-account__status-badge--notifications {
    background: #b92865;
    box-shadow: 0 0 10px rgba(185, 40, 101, 0.48);
}

.drl-mini-account__copy {
    display: grid;
    min-width: 0;
    line-height: 1.25;
}

.drl-mini-account__copy strong {
    max-width: 140px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drl-mini-account__copy small {
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
}

.drl-mini-account__chevron {
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.42);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    padding: 6px;
    color: #ffffff;
    filter: drop-shadow(0 2px 5px rgba(19, 7, 25, 0.24));
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.drl-mini-account > summary:hover .drl-mini-account__chevron,
.drl-mini-account > summary:focus-visible .drl-mini-account__chevron,
.drl-mini-account[open] .drl-mini-account__chevron {
    border-color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.24);
}

.drl-mini-account[open] .drl-mini-account__chevron {
    transform: rotate(180deg);
}

.drl-mini-account__menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    display: grid;
    overflow-y: auto;
    width: min(440px, calc(100vw - 24px));
    max-height: calc(100vh - 92px);
    gap: 10px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface-raised);
    box-shadow: var(--drl-shadow);
    padding: 10px;
    overscroll-behavior: contain;
}

.drl-account-nav .drl-mini-account__menu a {
    display: grid;
    align-content: center;
    color: var(--drl-text);
    text-decoration: none;
}

.drl-mini-account__group {
    display: grid;
    gap: 5px;
}

.drl-mini-account__group + .drl-mini-account__group {
    border-top: 1px solid var(--drl-line);
    padding-top: 9px;
}

.drl-mini-account__group-label {
    padding-inline: 8px;
    color: var(--drl-account-nav);
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.drl-mini-account__group-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
}

.drl-account-nav .drl-mini-account__menu .drl-mini-account__item {
    min-height: 58px;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    border-left: 2px solid transparent;
    padding: 7px 8px 7px 7px;
}

.drl-mini-account__item--overview,
.drl-mini-account__item--work {
    grid-column: 1 / -1;
}

.drl-mini-account__item .drl-sidebar-link__icon {
    width: 32px;
    height: 32px;
    margin: 0;
    background: var(--drl-account-nav-soft);
    color: var(--drl-account-nav);
}

.drl-mini-account__item .drl-sidebar-link__icon svg {
    width: 17px;
    height: 17px;
}

.drl-mini-account__item-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drl-account-nav .drl-mini-account__menu .drl-mini-account__item:hover,
.drl-account-nav .drl-mini-account__menu .drl-mini-account__item:focus-visible,
.drl-account-nav .drl-mini-account__menu .drl-mini-account__item.drl-is-active {
    border-left-color: var(--drl-account-nav);
    background: var(--drl-account-nav-soft);
    color: var(--drl-account-nav);
    outline: 0;
}

.drl-account-nav .drl-mini-account__menu .drl-mini-account__item.drl-is-active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--drl-account-nav) 22%, transparent);
}

.drl-mini-account__menu strong {
    font-size: 13px;
    font-weight: 680;
}

.drl-mini-account__menu small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.drl-mini-account__item-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.drl-mini-account__badge,
.drl-sidebar-link__badge {
    display: inline-grid;
    min-width: 21px;
    height: 21px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    padding: 0 6px;
    background: var(--drl-text);
    color: var(--drl-surface-raised);
    font-size: 11px;
    font-weight: 760;
    line-height: 1;
}

.drl-account-nav .drl-mini-account__menu .drl-mini-account__sign-out {
    min-height: 42px;
    justify-items: center;
    border: 1px solid var(--drl-danger);
    padding: 7px 10px;
    color: var(--drl-danger);
    font-size: 13px;
    font-weight: 680;
    text-align: center;
}

.drl-account-nav .drl-mini-account__menu .drl-mini-account__sign-out:hover {
    background: color-mix(in srgb, var(--drl-danger) 10%, transparent);
    color: var(--drl-danger);
}

@media (max-width: 520px) {
    .drl-mini-account__group-items {
        grid-template-columns: minmax(0, 1fr);
    }

    .drl-mini-account__item--overview,
    .drl-mini-account__item--work {
        grid-column: auto;
    }
}

#main {
    min-height: calc(100vh - 168px);
}

#main > article {
    margin: 0;
}

body:not(.drldial-app) #main > article {
    width: min(calc(100% - (2 * var(--drl-gutter))), 920px);
    margin-inline: auto;
    padding-block: 56px 80px;
}

body:not(.drldial-app) #main > article > h1 {
    margin: 0 0 28px;
    font-family: var(--drl-font-display);
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 450;
    line-height: 1.08;
}

.drl-site-footer {
    border-top: 1px solid var(--drl-line);
}

.drl-site-footer__inner {
    display: flex;
    min-height: 84px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drl-site-footer p {
    margin: 0;
}

.drl-site-footer a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 650;
}

.drl-site-footer a.drl-site-footer__brand {
    display: grid;
    min-height: 52px;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.drl-site-footer__logo {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.drl-site-footer__brand-copy {
    display: grid;
    gap: 2px;
}

.drl-site-footer__brand-copy strong {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.drl-site-footer__brand-copy small {
    color: var(--drl-text-muted);
    font-size: 11px;
    font-weight: 450;
    line-height: 1.3;
}

.drl-theme-switch {
    position: relative;
    display: grid;
    height: var(--drl-header-control-height);
    grid-template-columns: repeat(3, auto);
    align-items: center;
    gap: 1px;
    border: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-surface) 72%, transparent);
    padding: 3px;
}

.drl-theme-switch button {
    position: relative;
    display: inline-flex;
    height: 36px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 0;
    border-radius: 0;
    padding: 0 8px;
    background: transparent;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 580;
    line-height: 1;
}

.drl-theme-switch button + button::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -1px;
    width: 1px;
    background: var(--drl-line);
    content: "";
    opacity: 0.7;
    transition: opacity 140ms ease;
}

.drl-theme-switch button svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.drl-theme-switch button:hover {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drl-theme-switch button[aria-pressed="true"] {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--drl-workspace-nav) 28%, transparent);
}

.drl-theme-switch button[aria-pressed="true"]::before,
.drl-theme-switch button[aria-pressed="true"] + button::before {
    opacity: 0;
}

.drl-theme-switch button[aria-pressed="true"]::after {
    position: absolute;
    right: 7px;
    bottom: 2px;
    left: 7px;
    height: 2px;
    background: var(--drl-workspace-nav);
    content: "";
    opacity: 0.72;
}

@media (min-width: 761px) {
    .drl-theme-switch {
        width: 40px;
        height: var(--drl-header-control-height);
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 0;
        padding: 2px;
    }

    .drl-theme-switch button {
        width: 100%;
        height: auto;
        min-height: 0;
        gap: 0;
        padding: 0;
    }

    .drl-theme-switch button + button::before {
        top: -1px;
        right: 8px;
        bottom: auto;
        left: 8px;
        width: auto;
        height: 1px;
    }

    .drl-theme-switch button[aria-pressed="true"]::after {
        top: 3px;
        right: 2px;
        bottom: 3px;
        left: auto;
        width: 2px;
        height: auto;
    }

    .drl-theme-switch button span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }
}

@media (min-width: 1121px) {
    .drl-header-tools {
        align-self: stretch;
    }

    .drl-theme-switch {
        height: auto;
        align-self: stretch;
        align-items: stretch;
        padding-block: 0;
    }

    .drl-theme-switch button {
        height: 100%;
    }
}

.drldial-app-route--project-match,
.drldial-archive--project-match,
.drldial-private-thread--type-project-match {
    --dialogue-accent: var(--drl-project-match-accent);
    --dialogue-accent-strong: var(--drl-project-match-accent-strong);
    --dialogue-accent-soft: var(--drl-project-match-accent-soft);
}

.drldial-app-route--project-match :is(
    .drl-page-heading h1,
    [data-drl-content-title],
    .drldial-form-heading h2,
    .drldial-project-match-form-section > header h3,
    .drldial-list-section > .drldial-section-heading h2,
    .drldial-project-match-empty h3,
    .drldial-request-content > header h2,
    .drldial-conversation > .drldial-section-heading h2,
    .drldial-detail-card > h2,
    .drldial-login-required h2
) {
    color: var(--dialogue-accent);
}

.drldial-app-route--project-match .drldial-hero > .drldial-workflow-signal li strong {
    color: var(--dialogue-accent);
}

.drldial-app-route--long-run,
.drldial-archive--long-run,
.drldial-private-thread--type-long-run {
    --dialogue-accent: var(--drl-long-run-accent);
    --dialogue-accent-strong: var(--drl-long-run-accent-strong);
    --dialogue-accent-soft: var(--drl-long-run-accent-soft);
}

.drldial-app-route--team-up,
.drldial-archive--team-up,
.drldial-private-thread--type-team-up {
    --dialogue-accent: var(--drl-team-up-accent);
    --dialogue-accent-strong: var(--drl-team-up-accent-strong);
    --dialogue-accent-soft: var(--drl-team-up-accent-soft);
}

.drldial-app-route--co-build,
.drldial-archive--co-build,
.drldial-private-thread--type-co-build {
    --dialogue-accent: var(--drl-co-build-accent);
    --dialogue-accent-strong: var(--drl-co-build-accent-strong);
    --dialogue-accent-soft: var(--drl-co-build-accent-soft);
}

.drldial-app-route--project-relay,
.drldial-archive--project-relay,
.drldial-private-thread--type-project-relay {
    --dialogue-accent: var(--drl-project-relay-accent);
    --dialogue-accent-strong: var(--drl-project-relay-accent-strong);
    --dialogue-accent-soft: var(--drl-project-relay-accent-soft);
}

.drldial-app-route--warm-intro,
.drldial-archive--warm-intro,
.drldial-private-thread--type-warm-intro {
    --dialogue-accent: var(--drl-warm-intro-accent);
    --dialogue-accent-strong: var(--drl-warm-intro-accent-strong);
    --dialogue-accent-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-app-route--expert-check,
.drldial-archive--expert-check,
.drldial-private-thread--type-expert-check {
    --dialogue-accent: var(--drl-expert-check-accent);
    --dialogue-accent-strong: var(--drl-expert-check-accent-strong);
    --dialogue-accent-soft: var(--drl-expert-check-accent-soft);
}

.drl-app-frame {
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
    width: min(calc(100% - (2 * var(--drl-gutter))), 1440px);
    margin-inline: auto;
}

.drl-app-main {
    min-width: 0;
    padding-left: clamp(32px, 4vw, 64px);
}

.drl-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    min-height: calc(100vh - 85px);
    align-self: start;
    border-right: 1px solid var(--drl-line);
    padding: 0 0 24px;
}

.drl-sidebar-toggle {
    display: none;
}

.drl-sidebar__body {
    display: flex;
    width: 100%;
    min-height: 0;
    flex-direction: column;
}

.drl-world-switch {
    --drl-world-general: var(--drl-general-nav);
    --drl-world-workspace: var(--drl-account-nav);
    --drl-world-signal-position: 0%;
    position: relative;
    isolation: isolate;
    display: grid;
    width: calc(100% - 24px);
    max-width: none;
    height: 128px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: -10px 24px 18px 0;
    padding: 4px 0 0;
}

.drl-world-switch[data-active-world="workspace"] {
    --drl-world-signal-position: 100%;
}

.drl-world-switch::after {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: -11px;
    left: 0;
    height: 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--drl-text-subtle) 38%, transparent);
    background: linear-gradient(
        to bottom,
        transparent,
        color-mix(in srgb, var(--drl-text-subtle) 8%, transparent)
    );
    content: "";
    pointer-events: none;
}

.drl-world-switch__rail {
    position: absolute;
    z-index: 0;
    top: 39px;
    right: 25%;
    left: calc(25% - 8px);
    height: 18px;
    pointer-events: none;
}

.drl-world-switch__rail::before,
.drl-world-switch__rail::after {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    border-radius: 999px;
    content: "";
    transform: translateY(-50%);
}

.drl-world-switch__rail::before {
    height: 10px;
    border: 1px solid color-mix(in srgb, var(--drl-line-strong) 46%, transparent);
    background: color-mix(in srgb, var(--drl-surface-soft) 86%, transparent);
    box-shadow:
        inset 0 1px 3px color-mix(in srgb, var(--drl-text) 9%, transparent),
        0 1px 0 color-mix(in srgb, #ffffff 32%, transparent);
}

.drl-world-switch__rail::after {
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--drl-world-general),
        color-mix(in srgb, var(--drl-world-general) 50%, var(--drl-world-workspace)) 50%,
        var(--drl-world-workspace)
    );
    box-shadow: 0 0 12px color-mix(in srgb, var(--drl-world-general) 25%, transparent);
    opacity: 0.68;
}

.drl-world-switch__dash {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 5px;
    height: 5px;
    border: 1px solid color-mix(in srgb, #ffffff 72%, transparent);
    border-radius: 50%;
    background: var(--drl-surface-raised);
    box-shadow: 0 0 8px color-mix(in srgb, #ffffff 66%, transparent);
    transform: translate(-50%, -50%);
}

.drl-world-switch__dash--one {
    left: 26%;
}

.drl-world-switch__dash--two {
    left: 50%;
}

.drl-world-switch__dash--three {
    left: 74%;
}

.drl-world-switch__signal {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: var(--drl-world-signal-position);
    width: 15px;
    height: 15px;
    border: 3px solid color-mix(in srgb, #ffffff 88%, transparent);
    border-radius: 50%;
    background: color-mix(in srgb, var(--drl-surface-raised) 76%, transparent);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drl-workspace-nav) 16%, transparent),
        0 0 16px color-mix(in srgb, var(--drl-workspace-nav) 72%, transparent);
    transform: translate(-50%, -50%);
    transition:
        left 720ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 360ms ease;
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__signal {
    background: var(--drl-world-general);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drl-world-general) 18%, transparent),
        0 0 18px color-mix(in srgb, var(--drl-world-general) 78%, transparent);
}

.drl-world-switch[data-active-world="workspace"] .drl-world-switch__signal {
    background: var(--drl-world-workspace);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drl-world-workspace) 18%, transparent),
        0 0 18px color-mix(in srgb, var(--drl-world-workspace) 78%, transparent);
}

.drl-world-switch.drl-is-switching .drl-world-switch__signal {
    animation: drl-world-signal-transfer 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drl-world-switch__choice {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    grid-template-rows: 82px auto;
    place-items: center;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--drl-text-muted);
    cursor: pointer;
    font: inherit;
    text-decoration: none;
}

.drl-world-switch__choice:focus-visible {
    outline: 0;
}

.drl-world-switch__orb {
    position: relative;
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 52%, var(--drl-line));
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 28%, color-mix(in srgb, #ffffff 66%, transparent), transparent 18%),
        radial-gradient(circle at 50% 70%, color-mix(in srgb, currentColor 30%, var(--drl-surface-raised)), var(--drl-surface-raised) 72%);
    box-shadow:
        inset 0 0 0 6px color-mix(in srgb, currentColor 8%, transparent),
        inset 0 -10px 20px color-mix(in srgb, currentColor 15%, transparent),
        0 8px 22px color-mix(in srgb, var(--drl-text) 12%, transparent);
    opacity: 1;
    transform: scale(0.76);
    transition:
        opacity 420ms ease,
        transform 680ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 420ms ease;
}

.drl-world-switch__choice--general .drl-world-switch__orb {
    color: var(--drl-world-general);
}

.drl-world-switch__choice--general {
    color: var(--drl-world-general);
    transform: translateX(-8px);
}

.drl-world-switch__choice--general:is(:hover, :focus-visible) {
    color: var(--drl-world-general);
}

.drl-world-switch__choice--workspace .drl-world-switch__orb {
    color: var(--drl-world-workspace);
}

.drl-world-switch__choice--workspace {
    color: var(--drl-world-workspace);
}

.drl-world-switch__choice--workspace:is(:hover, :focus-visible) {
    color: var(--drl-world-workspace);
}

.drl-world-switch__orb::after {
    position: absolute;
    inset: 6px;
    border: 1px solid color-mix(in srgb, currentColor 32%, transparent);
    border-radius: inherit;
    content: "";
}

.drl-world-switch__orbit {
    position: absolute;
    inset: -5px;
    border: 1px dashed color-mix(in srgb, currentColor 50%, transparent);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 360ms ease;
}

.drl-world-switch__orb :is(svg, .drl-world-switch__icon) {
    position: relative;
    z-index: 1;
    width: 33px;
    height: 33px;
}

.drl-world-switch__choice--general svg path {
    fill: currentColor;
}

.drl-world-switch__choice--workspace svg path {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.drl-world-switch__label {
    display: inline-flex;
    width: auto;
    min-width: 92px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    justify-self: center;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 5px 9px;
    background: transparent;
    color: inherit;
    font-size: 11px;
    font-weight: 680;
    letter-spacing: 0.08em;
    line-height: 1.2;
    opacity: 0.72;
    text-align: center;
    text-shadow: 0 0 0 transparent;
    text-transform: uppercase;
    transform: translateY(0);
    transition:
        background-color 300ms ease,
        border-color 300ms ease,
        color 300ms ease,
        opacity 320ms ease,
        box-shadow 420ms ease,
        text-shadow 420ms ease,
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drl-world-switch__choice:hover .drl-world-switch__label,
.drl-world-switch__choice:focus-visible .drl-world-switch__label {
    opacity: 1;
    border-color: color-mix(in srgb, currentColor 24%, transparent);
    background: color-mix(in srgb, currentColor 7%, transparent);
    text-shadow: 0 5px 16px color-mix(in srgb, currentColor 32%, transparent);
    transform: translateY(-2px);
}

.drl-world-switch__choice[aria-current="page"] .drl-world-switch__label {
    opacity: 1;
    border-color: color-mix(in srgb, currentColor 36%, transparent);
    background: color-mix(in srgb, currentColor 13%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent),
        0 7px 18px color-mix(in srgb, currentColor 13%, transparent);
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__choice--general {
    color: var(--drl-world-general);
}

.drl-world-switch[data-active-world="workspace"] .drl-world-switch__choice--workspace {
    color: var(--drl-world-workspace);
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__choice--general .drl-world-switch__orb,
.drl-world-switch[data-active-world="workspace"] .drl-world-switch__choice--workspace .drl-world-switch__orb {
    opacity: 1;
    transform: scale(1);
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__choice--general .drl-world-switch__orb {
    box-shadow:
        inset 0 0 0 6px color-mix(in srgb, var(--drl-world-general) 10%, transparent),
        inset 0 -10px 20px color-mix(in srgb, var(--drl-world-general) 18%, transparent),
        0 0 0 4px color-mix(in srgb, var(--drl-world-general) 8%, transparent),
        0 12px 28px color-mix(in srgb, var(--drl-world-general) 28%, transparent);
}

.drl-world-switch[data-active-world="workspace"] .drl-world-switch__choice--workspace .drl-world-switch__orb {
    box-shadow:
        inset 0 0 0 6px color-mix(in srgb, var(--drl-world-workspace) 10%, transparent),
        inset 0 -10px 20px color-mix(in srgb, var(--drl-world-workspace) 18%, transparent),
        0 0 0 4px color-mix(in srgb, var(--drl-world-workspace) 8%, transparent),
        0 12px 28px color-mix(in srgb, var(--drl-world-workspace) 28%, transparent);
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__choice--workspace .drl-world-switch__orb {
    background: var(--drl-bg);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drl-text) 10%, transparent);
}

.drl-world-switch[data-active-world="workspace"] .drl-world-switch__choice--general .drl-world-switch__orb {
    background: var(--drl-bg);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drl-text) 10%, transparent);
}

.drl-world-switch[data-active-world="general"] .drl-world-switch__choice--general .drl-world-switch__orbit,
.drl-world-switch[data-active-world="workspace"] .drl-world-switch__choice--workspace .drl-world-switch__orbit {
    opacity: 1;
    animation: drl-world-orbit 12s linear infinite;
}

.drl-world-switch__choice:hover .drl-world-switch__orb {
    opacity: 1;
    transform: scale(0.86);
}

.drl-world-switch__choice[aria-current="page"]:hover .drl-world-switch__orb {
    transform: scale(1.04);
}

.drl-world-switch__choice:focus-visible .drl-world-switch__orb {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

@keyframes drl-world-orbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes drl-world-signal-transfer {
    0%,
    100% {
        scale: 1;
    }

    48% {
        scale: 1.55;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-world-switch *,
    .drl-world-switch *::before,
    .drl-world-switch *::after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.drl-sidebar-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
    margin-right: 24px;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    padding: 3px;
}

@media (min-width: 981px) {
    .drl-sidebar-tabs {
        display: none;
    }

    .drl-world-switch {
        margin-bottom: 0;
    }
}

.drl-sidebar-tabs a {
    display: grid;
    min-height: 40px;
    place-items: center;
    border: 0;
    border-radius: var(--drl-radius);
    background: transparent;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
}

.drl-sidebar-tabs a[aria-current="page"] {
    background: var(--drl-text);
    color: var(--drl-bg);
}

.drl-sidebar-tabs a[data-drl-sidebar-tab="workspace"] {
    color: var(--drl-account-nav);
}

.drl-sidebar-tabs a[data-drl-sidebar-tab="workspace"][aria-current="page"] {
    background: var(--drl-account-nav-soft);
    color: var(--drl-account-nav);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--drl-account-nav) 46%, transparent);
}

.drl-sidebar-panel {
    display: grid;
    min-height: 0;
    flex: 0 0 auto;
    gap: 2px;
    overflow: visible;
    margin-top: 22px;
    padding-right: 18px;
}

#drl-sidebar-panel-workspace {
    align-content: start;
}

.drl-sidebar-workspace-cta {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 2px 4px 12px 0;
    border: 1px solid var(--drl-workspace-nav);
    background: var(--drl-workspace-nav);
    padding: 9px 14px;
    color: var(--drl-account-button-text, #ffffff);
    font-size: 13px;
    text-decoration: none;
    transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.drl-sidebar-workspace-cta > span {
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.drl-sidebar-workspace-cta:hover,
.drl-sidebar-workspace-cta:focus-visible {
    background: color-mix(in srgb, var(--drl-workspace-nav) 86%, #ffffff);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drl-workspace-nav) 22%, transparent);
    color: var(--drl-account-button-text, #ffffff);
    outline: 0;
    transform: translateY(-1px);
}

.drl-sidebar-profile {
    display: grid;
    width: 100%;
    grid-template-columns: 44px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    background: transparent;
    padding: 7px 8px;
    color: var(--drl-workspace-nav);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.drl-sidebar-profile:hover,
.drl-sidebar-profile:focus-visible {
    background: var(--drl-workspace-nav-soft);
}

.drl-sidebar-profile > img {
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    border: 2px solid var(--drl-workspace-nav);
    border-radius: 50%;
    background: #ffffff;
    padding: 2px;
    box-shadow: 0 0 12px color-mix(in srgb, var(--drl-workspace-nav) 36%, transparent);
    object-fit: cover;
}

.drl-sidebar-profile > span {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drl-sidebar-profile strong {
    overflow: hidden;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drl-sidebar-profile small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.drl-sidebar-profile > svg {
    width: 16px;
    height: 16px;
    justify-self: center;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drl-sidebar-profile-menu {
    margin: 15px 4px 14px 0;
    border-top: 1px solid var(--drl-border);
    padding-top: 13px;
}

.drl-sidebar-profile-menu.drl-is-open > .drl-sidebar-profile > svg {
    transform: rotate(180deg);
}

.drl-sidebar-label {
    margin-bottom: 7px;
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drl-sidebar-workspace-group {
    display: grid;
    min-width: 0;
    gap: 0;
}

.drl-sidebar-workspace-group + .drl-sidebar-workspace-group {
    margin-top: 9px;
}

.drl-sidebar-workspace-group__content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 140ms ease, visibility 0s linear 220ms;
}

.drl-sidebar-workspace-group__items {
    display: grid;
    min-width: 0;
    min-height: 0;
    gap: 2px;
    overflow: hidden;
}

.drl-sidebar-workspace-group.drl-is-open > .drl-sidebar-workspace-group__content {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: grid-template-rows 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, visibility 0s;
}

.drl-sidebar-workspace-group__toggle {
    display: flex;
    width: 100%;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    border: 0;
    background: transparent;
    padding: 6px 10px;
    text-align: left;
    cursor: pointer;
}

.drl-sidebar-workspace-group__toggle:hover {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drl-sidebar-workspace-group__toggle > svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drl-sidebar-workspace-group.drl-is-open > .drl-sidebar-workspace-group__toggle > svg {
    transform: rotate(180deg);
}

.drl-sidebar-workspace-group--always-open > .drl-sidebar-label {
    margin: 0 10px 5px;
}

.drl-sidebar-link {
    display: flex;
    min-height: 58px;
    align-items: flex-start;
    gap: 11px;
    border-left: 2px solid transparent;
    padding: 7px 10px;
    color: var(--drl-text-muted);
    font-size: 13px;
    text-decoration: none;
}

.drl-sidebar-link__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drl-sidebar-link__copy strong,
.drl-sidebar-link__copy small {
    display: block;
}

.drl-sidebar-link__copy strong {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
}

.drl-sidebar-link__copy small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.drl-sidebar-link__badge {
    margin-top: 1px;
    margin-left: auto;
}

.drl-sidebar-link-section {
    display: grid;
    min-width: 0;
}

.drl-sidebar-link-section__head {
    display: block;
    min-width: 0;
}

.drl-sidebar-link-section__chevron {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin: 2px 0 0 auto;
    transition: transform 180ms ease;
}

.drl-sidebar-link__badge + .drl-sidebar-link-section__chevron {
    margin-left: 0;
}

.drl-sidebar-link-section.drl-is-open .drl-sidebar-link-section__chevron {
    transform: rotate(180deg);
}

.drl-sidebar-link-section__content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    transition: grid-template-rows 200ms cubic-bezier(0.22, 1, 0.36, 1), opacity 140ms ease, visibility 0s linear 200ms;
}

.drl-sidebar-link-section.drl-is-open > .drl-sidebar-link-section__content {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    transition: grid-template-rows 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease, visibility 0s;
}

.drl-sidebar-link-section__items {
    display: grid;
    min-width: 0;
    min-height: 0;
    gap: 2px;
    overflow: hidden;
    margin: 1px 0 7px 31px;
}

.drl-sidebar-sublink {
    display: grid;
    min-width: 0;
    min-height: 38px;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-left: 2px solid transparent;
    border-radius: 0;
    padding: 7px 9px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.3;
    text-decoration: none;
}

.drl-sidebar-sublink:hover,
.drl-sidebar-sublink:focus-visible {
    background: var(--drl-surface-soft);
    color: var(--drl-text);
    outline: 0;
}

.drl-sidebar-sublink.drl-is-active {
    border-left-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    color: var(--drl-text);
    font-weight: 720;
}

.drl-sidebar-sublink__marker {
    width: 6px;
    height: 6px;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 44%, transparent);
    border-radius: 50%;
}

.drl-sidebar-sublink.drl-is-active .drl-sidebar-sublink__marker {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav);
}

.drl-sidebar-sublink__label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.drl-sidebar-sublink__badge {
    min-width: 2.2ch;
    border-radius: 0;
    background: transparent;
    padding: 3px 0;
    font-size: 10px;
    font-weight: 760;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.drl-sidebar-link__icon {
    display: grid;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    place-items: center;
    margin-top: 1px;
    color: var(--drl-text-subtle);
}

.drl-sidebar-link__icon svg {
    width: 20px;
    height: 20px;
}

.drl-sidebar-link__icon > .drl-site-icon {
    width: 100%;
    height: 100%;
}

.drl-sidebar-link--type .drl-sidebar-link__icon {
    color: var(--nav-accent);
}

.drl-sidebar-link:hover {
    background: var(--drl-surface-soft);
    color: var(--drl-text);
}

.drl-sidebar-link.drl-is-active {
    border-left-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    color: var(--drl-text);
    font-weight: 650;
}

.drl-sidebar-link--project-match {
    --nav-accent: var(--drl-project-match-accent);
}

.drl-sidebar-link--long-run {
    --nav-accent: var(--drl-long-run-accent);
}

.drl-sidebar-link--team-up {
    --nav-accent: var(--drl-team-up-accent);
}

.drl-sidebar-link--co-build {
    --nav-accent: var(--drl-co-build-accent);
}

.drl-sidebar-link--project-relay {
    --nav-accent: var(--drl-project-relay-accent);
}

.drl-sidebar-link--warm-intro {
    --nav-accent: var(--drl-warm-intro-accent);
}

.drl-sidebar-link--expert-check {
    --nav-accent: var(--drl-expert-check-accent);
}

#drl-sidebar-panel-general {
    --nav-accent: var(--drl-workspace-nav);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active {
    position: relative;
    isolation: isolate;
    min-height: 78px;
    align-items: center;
    gap: 13px;
    overflow: visible;
    border-left-color: transparent;
    background: transparent;
    padding: 10px 16px 10px 3px;
    color: var(--nav-accent);
}

#drl-sidebar-panel-general .drl-sidebar-link:hover,
#drl-sidebar-panel-general .drl-sidebar-link:focus-visible {
    background: transparent;
    outline: 0;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::before {
    position: absolute;
    z-index: -1;
    top: 3px;
    right: 3px;
    left: 38px;
    height: calc(50% - 9px);
    border-top: 1px solid var(--nav-accent);
    border-right: 1px solid var(--nav-accent);
    border-radius: 0 15px 0 0;
    background: transparent;
    content: "";
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000000 48px);
    mask-image: linear-gradient(90deg, transparent 0, #000000 48px);
    transform-origin: right center;
    animation: drl-sidebar-active-rail-arrive 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::after {
    position: absolute;
    z-index: -1;
    right: 3px;
    bottom: 3px;
    left: 38px;
    height: calc(50% - 9px);
    border-right: 1px solid var(--nav-accent);
    border-bottom: 1px solid var(--nav-accent);
    border-radius: 0 0 15px 0;
    background: transparent;
    content: "";
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000000 48px);
    mask-image: linear-gradient(90deg, transparent 0, #000000 48px);
    transform-origin: right center;
    animation: drl-sidebar-active-rail-arrive 620ms 60ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::before,
#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::after {
    transition: border-color 240ms ease;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active:focus-visible::before {
    filter: none;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active:is(:hover, :focus-visible)::before {
    border-color: color-mix(in srgb, var(--nav-accent) 78%, #ffffff);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active:is(:hover, :focus-visible)::after {
    border-color: color-mix(in srgb, var(--nav-accent) 78%, #ffffff);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__copy {
    position: relative;
    z-index: 1;
    animation: drl-sidebar-active-copy-arrive 440ms 110ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon::before {
    position: absolute;
    z-index: 0;
    inset: -3px;
    border-radius: 50%;
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--nav-accent) 48%, transparent),
        color-mix(in srgb, var(--nav-accent) 94%, #ffffff) 42%,
        var(--nav-accent) 68%,
        color-mix(in srgb, var(--nav-accent) 34%, transparent)
    );
    content: "";
    padding: 1px;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: drl-sidebar-active-orbit-arrive 820ms 80ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon::after {
    position: absolute;
    z-index: 0;
    inset: 4px;
    border: 1px dashed color-mix(in srgb, var(--nav-accent) 42%, transparent);
    border-radius: 50%;
    background: transparent;
    content: "";
    opacity: 0.72;
    animation: drl-sidebar-active-orbit-spin 14s linear infinite;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon {
    position: relative;
    z-index: 1;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    margin: 0 0 0 -13px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    color: var(--nav-accent);
    animation: drl-sidebar-active-icon-arrive 620ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon:not(.drl-sidebar-link__icon--compact) {
    color: var(--nav-accent);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon svg {
    position: relative;
    z-index: 1;
    width: 23px;
    height: 23px;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon > .drl-site-icon {
    position: relative;
    z-index: 1;
    filter:
        drop-shadow(0 2px 2px color-mix(in srgb, #000000 18%, transparent))
        drop-shadow(0 0 4px color-mix(in srgb, var(--nav-accent) 12%, transparent));
    transition:
        filter 320ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active:is(:hover, :focus-visible) .drl-sidebar-link__icon > .drl-site-icon {
    filter:
        drop-shadow(0 3px 3px color-mix(in srgb, #000000 24%, transparent))
        drop-shadow(0 0 13px color-mix(in srgb, var(--nav-accent) 42%, transparent));
    transform: rotate(-4deg) scale(1.1);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__copy strong {
    color: var(--nav-accent);
    font-weight: 760;
    letter-spacing: -0.01em;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__copy small {
    color: color-mix(in srgb, var(--nav-accent) 24%, var(--drl-text-muted));
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active):is(:hover, :focus-visible) {
    align-items: center;
    border-left-color: transparent;
    background: transparent;
    color: var(--nav-accent);
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active):is(:hover, :focus-visible) .drl-sidebar-link__icon {
    position: relative;
    isolation: isolate;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 0;
    color: var(--nav-accent);
    animation: none;
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active):is(:hover, :focus-visible) .drl-sidebar-link__icon svg {
    width: 32px;
    height: 32px;
    transform: translateY(-2px);
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active) .drl-sidebar-link__icon--site {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon--site > .drl-site-icon {
    width: 35px;
    height: 35px;
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active) .drl-sidebar-link__icon--compact {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}

#drl-sidebar-panel-general .drl-sidebar-link__icon--compact > .drl-site-icon--artwork {
    transform: scale(1.5);
}

#drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon--compact > .drl-site-icon {
    width: 35px;
    height: 35px;
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active):is(:hover, :focus-visible) .drl-sidebar-link__copy strong {
    color: var(--nav-accent);
}

#drl-sidebar-panel-general .drl-sidebar-link:not(.drl-is-active):is(:hover, :focus-visible) .drl-sidebar-link__copy small {
    color: color-mix(in srgb, var(--nav-accent) 58%, var(--drl-text-muted));
}

@keyframes drl-sidebar-active-icon-arrive {
    0% {
        opacity: 0;
        transform: translateX(-54px) scale(0.78);
    }

    72% {
        opacity: 1;
        transform: translateX(3px) scale(1.03);
    }

    100% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@keyframes drl-sidebar-active-rail-arrive {
    0% {
        opacity: 0;
        transform: scaleX(0.16);
    }

    72% {
        opacity: 1;
        transform: scaleX(1.025);
    }

    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes drl-sidebar-active-copy-arrive {
    0% {
        opacity: 0;
        transform: translateX(-8px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes drl-sidebar-active-orbit-arrive {
    0% {
        opacity: 0;
        transform: rotate(-110deg) scale(0.72);
    }

    100% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
}

@keyframes drl-sidebar-active-orbit-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::before,
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active::after,
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon::before,
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon::after,
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__icon,
    #drl-sidebar-panel-general .drl-sidebar-link.drl-is-active .drl-sidebar-link__copy {
        animation: none !important;
    }
}

html:not([data-theme="dark"]) #drl-sidebar-panel-general .drl-sidebar-link--long-run .drl-sidebar-link__copy strong {
    color: var(--drl-long-run-accent-strong);
}

#drl-sidebar-panel-workspace {
    --drl-workspace-nav: var(--drl-account-nav);
    --drl-workspace-nav-soft: var(--drl-account-nav-soft);
    --dialogue-accent: var(--drl-account-nav);
    --dialogue-accent-soft: var(--drl-account-nav-soft);
}

#drl-sidebar-panel-workspace .drl-sidebar-label,
#drl-sidebar-panel-workspace .drl-sidebar-link,
#drl-sidebar-panel-workspace .drl-sidebar-link__copy strong,
#drl-sidebar-panel-workspace .drl-sidebar-link__copy small,
#drl-sidebar-panel-workspace .drl-sidebar-link__icon {
    color: var(--drl-workspace-nav);
}

#drl-sidebar-panel-workspace .drl-sidebar-link {
    min-height: 44px;
    padding-block: 6px;
}

#drl-sidebar-panel-workspace .drl-sidebar-link__copy {
    align-content: center;
}

#drl-sidebar-panel-workspace .drl-sidebar-link__copy small {
    display: none;
}

#drl-sidebar-panel-workspace .drl-sidebar-link__icon {
    width: 19px;
    height: 19px;
}

#drl-sidebar-panel-workspace .drl-sidebar-link:hover {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

#drl-sidebar-panel-workspace .drl-sidebar-link.drl-is-active {
    border-left-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

#drl-sidebar-panel-workspace .drl-sidebar-profile-menu .drl-sidebar-link.drl-is-active {
    border-left-color: transparent;
    box-shadow: none;
}

#drl-sidebar-panel-workspace .drl-sidebar-sublink {
    color: var(--drl-account-nav);
}

#drl-sidebar-panel-workspace .drl-sidebar-sublink:hover,
#drl-sidebar-panel-workspace .drl-sidebar-sublink:focus-visible,
#drl-sidebar-panel-workspace .drl-sidebar-sublink.drl-is-active {
    border-left-color: var(--drl-account-nav);
    background: var(--drl-account-nav-soft);
    color: var(--drl-account-nav);
}

#drl-sidebar-panel-workspace .drl-sidebar-sublink__marker {
    border-color: color-mix(in srgb, var(--drl-account-nav) 44%, transparent);
}

#drl-sidebar-panel-workspace .drl-sidebar-sublink:is(:hover, :focus-visible, .drl-is-active) .drl-sidebar-sublink__marker {
    border-color: var(--drl-account-nav);
    background: var(--drl-account-nav);
}

.drl-account-navigation {
    display: grid;
    grid-column: 2;
    min-width: 0;
    gap: 0;
}

.drl-account-navigation__groups,
.drl-account-navigation__routes {
    display: flex;
    min-width: 0;
    gap: 4px;
    overflow-x: auto;
    border-bottom: 1px solid var(--drl-account-border);
    scrollbar-width: thin;
}

.drl-account-navigation__groups {
    border-bottom: 1px solid var(--drl-account-border);
}

.drl-account-navigation__group,
.drl-account-navigation__route {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.drl-account-navigation__group {
    border-bottom: 2px solid transparent;
    padding: 7px 10px 8px;
}

.drl-account-navigation__route {
    min-height: 30px;
    border: 1px solid transparent;
    padding: 6px 9px;
}

.drl-account-navigation :is(.drl-account-navigation__group, .drl-account-navigation__route):hover,
.drl-account-navigation :is(.drl-account-navigation__group, .drl-account-navigation__route):focus-visible {
    background: var(--drl-account-nav-soft);
    color: var(--drl-account-nav);
    outline: 0;
}

.drl-account-navigation__group.drl-is-active {
    border-bottom-color: var(--drl-account-nav);
    color: var(--drl-account-nav);
}

.drl-account-navigation__route.drl-is-active {
    border-color: var(--drl-account-border);
    background: var(--drl-account-chip);
    box-shadow: inset 0 -2px 0 var(--drl-account-nav);
    color: var(--drl-account-nav);
}

.drl-account-work-switcher {
    --drl-work-role-accent: var(--drl-workspace-nav);
    --drl-work-role-soft: var(--drl-workspace-nav-soft);
    display: grid;
    grid-column: 1 / -1;
    width: 100%;
    gap: 16px;
    margin-top: 18px;
    border: 0;
    background: transparent;
    padding: 0;
}

.drl-account-work-switcher--participant {
    --drl-work-role-accent: var(--drl-success);
    --drl-work-role-soft: color-mix(in srgb, var(--drl-success) 11%, var(--drl-surface));
}

.drl-account-work-switcher--teams {
    --drl-work-role-accent: var(--drl-team-up-accent);
    --drl-work-role-soft: var(--drl-team-up-accent-soft);
}

.drl-account-work-switcher__tabs {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 2px;
    overflow-x: auto;
    border-bottom: 1px solid var(--drl-account-border);
    background: transparent;
    padding: 0;
    scrollbar-width: thin;
}

.drl-account-work-switcher__tab {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    min-width: 0;
}

.drl-account-work-switcher__tabs a {
    display: inline-flex;
    min-height: 42px;
    min-width: 0;
    align-items: center;
    border-bottom: 3px solid transparent;
    padding: 9px 14px 8px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 720;
    white-space: nowrap;
    text-decoration: none;
}

.drl-account-work-switcher__tab .drldial-tooltip {
    top: calc(100% + 8px);
    bottom: auto;
    left: 0;
    width: 260px;
    transform: none;
    pointer-events: none;
    text-align: left;
}

.drl-account-work-switcher__tab--participant .drldial-tooltip,
.drl-account-work-switcher__tab--teams .drldial-tooltip {
    right: 0;
    left: auto;
}

.drl-account-work-switcher__tab > a:hover + .drldial-tooltip,
.drl-account-work-switcher__tab > a:focus-visible + .drldial-tooltip {
    display: block;
}

.drl-account-work-switcher__tabs a:hover,
.drl-account-work-switcher__tabs a:focus-visible {
    background: var(--drl-work-role-soft);
    color: var(--drl-work-role-accent);
    outline: 0;
}

.drl-account-work-switcher__tabs a.drl-is-active {
    border-bottom-color: var(--drl-work-role-accent);
    background: color-mix(in srgb, var(--drl-work-role-soft) 64%, transparent);
    color: var(--drl-work-role-accent);
}

.drldial-create-selector.drl-account-work-switcher__types {
    border-bottom: 0;
    padding-bottom: 0;
}

.drldial-create-selector.drl-account-work-switcher__types nav {
    padding-bottom: 0;
}

.drl-account-work-switcher__types .drldial-create-selector-item::after {
    display: none;
}

.drldial-app-surface--account .drl-page-heading .drl-account-work-switcher__type-description {
    width: 100%;
    max-width: none;
    grid-column: auto;
    margin: 0;
    border-top: 2px solid var(--item-accent);
    padding: 18px 0 0;
    color: var(--item-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4;
}

.drl-page-heading .drl-account-work-switcher__types {
    border-bottom: 0;
}

@media (max-width: 760px) {
    .drl-account-navigation {
        grid-column: 1;
        width: calc(100% + 2 * var(--drl-gutter));
        margin-inline: calc(-1 * var(--drl-gutter));
    }

    .drl-account-navigation__groups,
    .drl-account-navigation__routes {
        padding-inline: var(--drl-gutter);
    }
}

body.drl-work-role-onboarding-active {
    overflow: hidden;
}

.drl-work-role-onboarding[hidden] {
    display: none;
}

.drl-work-role-onboarding {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    overflow: auto;
    background: color-mix(in srgb, var(--drl-bg) 44%, transparent);
    opacity: 0;
    padding: clamp(24px, 6vw, 72px);
    backdrop-filter: blur(13px) saturate(0.72);
    transition: opacity 180ms ease, background 520ms ease, backdrop-filter 520ms ease;
}

.drl-work-role-onboarding.drl-is-visible {
    opacity: 1;
}

.drl-work-role-onboarding.drl-is-leaving {
    background: transparent;
    backdrop-filter: blur(0) saturate(1);
    pointer-events: none;
}

.drl-work-role-onboarding__content {
    display: grid;
    width: min(100%, 780px);
    justify-items: center;
    gap: 14px;
    color: var(--drl-text);
    text-align: center;
}

.drl-work-role-onboarding__eyebrow {
    color: var(--drl-workspace-nav);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.drl-work-role-onboarding__content h2 {
    max-width: 680px;
    margin: 0;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.04;
}

.drl-work-role-onboarding__content > p {
    max-width: 650px;
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 16px;
    line-height: 1.6;
}

.drl-work-role-onboarding__roles {
    display: grid;
    width: min(100%, 560px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0 4px;
}

.drl-work-role-onboarding__role {
    --drl-onboarding-role-accent: var(--drl-workspace-nav);
    display: grid;
    min-height: 76px;
    place-items: center;
    border: 1px solid var(--drl-onboarding-role-accent);
    background: color-mix(in srgb, var(--drl-onboarding-role-accent) 12%, var(--drl-surface));
    color: var(--drl-onboarding-role-accent);
    font-family: var(--drl-font-ui);
    font-size: 18px;
    font-weight: 750;
    text-decoration: none;
    transition: background 180ms ease, color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.drl-work-role-onboarding__role--participant {
    --drl-onboarding-role-accent: var(--drl-success);
}

.drl-work-role-onboarding__role:hover,
.drl-work-role-onboarding__role.drl-is-selected {
    background: var(--drl-onboarding-role-accent);
    color: var(--drl-surface-raised);
    transform: translateY(-2px);
}

.drl-work-role-onboarding__role:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--drl-onboarding-role-accent) 24%, transparent);
}

.drl-work-role-onboarding__note {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--drl-success) !important;
    font-size: 16px !important;
    font-weight: 700;
}

.drl-work-role-onboarding__note::before {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 35%, transparent);
    content: "";
    animation: drl-work-role-note-pulse 2.2s ease-in-out infinite;
}

@keyframes drl-work-role-note-pulse {
    0%,
    100% {
        opacity: 0.65;
        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 30%, transparent);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 0 5px transparent;
    }
}

.drl-work-role-onboarding.drl-is-leaving .drl-work-role-onboarding__content > :not(.drl-work-role-onboarding__roles) {
    opacity: 0;
    transition: opacity 160ms ease;
}

.drl-work-role-onboarding.drl-is-leaving .drl-work-role-onboarding__role:not(.drl-is-selected) {
    opacity: 0.35;
}

@media (max-width: 720px) {
    .drl-account-work-switcher__tabs {
        padding-inline: var(--drl-gutter);
    }

    .drl-work-role-onboarding__roles {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-work-role-onboarding,
    .drl-work-role-onboarding__role {
        transition: none;
    }

    .drl-work-role-onboarding__note::before {
        animation: none;
    }
}

.drl-sidebar-promos {
    display: grid;
    flex: 0 0 auto;
    gap: 8px;
    margin: auto 24px 0 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
}

.drl-sidebar-promos .drl-sidebar-ad {
    width: 100%;
    max-width: none;
    margin: 0;
}

.drl-sidebar-promos .drl-sidebar-ad[hidden],
.drl-sidebar-promos .drl-sidebar-ad.wpmc-commercial-slot--empty {
    display: none;
}

.drl-sidebar-promos .wpmc-commercial-label {
    display: none;
}

.drl-sidebar-promos:not(:has(.drl-sidebar-ad:not([hidden]):not(.wpmc-commercial-slot--empty):not(:empty))) {
    display: none;
}

.drl-site-footer__trust {
    display: grid;
    max-width: 440px;
    flex: 1 1 320px;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-inline: auto;
}

.drl-site-footer__trust-mark {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 3px solid transparent;
    border-radius: 50%;
    background:
        linear-gradient(var(--drl-bg), var(--drl-bg)) padding-box,
        conic-gradient(
            #e07166 0 16%,
            #e3a33b 16% 32%,
            #a8ba3e 32% 48%,
            #4eb9ae 48% 64%,
            #4c9fbd 64% 78%,
            #7a6fc2 78% 90%,
            #c26091 90% 100%
        ) border-box;
    color: var(--drl-text);
    font: 800 13px/1 var(--drl-font-ui);
}

.drl-site-footer__trust p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.55;
}

.drldial-shell {
    width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-container));
    margin-inline: auto;
}

.drl-app-main .drldial-shell {
    width: 100%;
}

.drl-page-heading {
    display: grid;
    width: 100%;
    gap: 6px;
    padding: 28px 0 30px;
}

.drldial-create-heading {
    display: grid;
    max-width: 760px;
    gap: 6px;
    padding: 28px 0 30px;
}

.drl-page-heading__section {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: none;
}

.drl-page-heading h1 {
    margin: 0;
}

.drl-heading-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

.drl-heading-title-icon {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    color: var(--dialogue-accent);
}

.drl-heading-title-icon > .drl-heading-title-icon__glyph {
    width: 32px;
    height: 32px;
}

.drl-page-heading p {
    max-width: 640px;
    margin: 2px 0 0;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.5;
}

.drl-page-heading--has-character {
    grid-template-columns: minmax(260px, 0.58fr) minmax(520px, 1fr);
    align-items: center;
    gap: clamp(28px, 5vw, 76px);
    border-bottom: 1px solid var(--dialogue-accent);
    padding-block: 36px 42px;
}

.drl-page-heading__copy {
    display: grid;
    align-content: center;
    gap: 10px;
}

.drl-dialogue-character {
    position: relative;
    margin: 0;
}

.drl-dialogue-character__image {
    display: block;
    width: min(100%, 360px);
    height: auto;
    object-fit: contain;
}

.drl-dialogue-character__quote {
    position: relative;
    isolation: isolate;
    z-index: 2;
    display: flex;
    height: calc(3lh + 28px);
    align-items: center;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-line));
    border-radius: 28px 9px 28px 9px;
    background: color-mix(in srgb, var(--drl-surface) 94%, var(--dialogue-accent) 6%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 12%, transparent);
    padding: 14px 25px 12px 30px;
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 500;
    line-height: 1.42;
}

.drl-dialogue-character__quote-shine {
    position: absolute;
    z-index: 1;
    inset: -2px;
    border-radius: inherit;
    background: conic-gradient(
        from var(--drl-quote-shine-angle),
        transparent 0deg 246deg,
        color-mix(in srgb, var(--dialogue-accent) 76%, #65e8ff) 274deg,
        var(--dialogue-accent) 306deg,
        color-mix(in srgb, var(--dialogue-accent) 58%, #ffffff) 322deg,
        #ffffff 329deg,
        var(--dialogue-accent) 341deg,
        transparent 360deg
    );
    padding: 2px;
    content: "";
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--dialogue-accent) 72%, transparent));
    pointer-events: none;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: drl-dialogue-quote-current 5.8s linear infinite;
}

.drl-dialogue-character__quote::after {
    position: absolute;
    top: 58%;
    right: -11px;
    width: 20px;
    height: 20px;
    border-top: 1px solid color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-line));
    border-right: 1px solid color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-line));
    background: color-mix(in srgb, var(--drl-surface) 94%, var(--dialogue-accent) 6%);
    content: "";
    transform: translateY(-50%) rotate(45deg);
}

.drl-dialogue-character__quote p {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    width: 100%;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@property --drl-quote-shine-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes drl-dialogue-quote-current {
    to {
        --drl-quote-shine-angle: 360deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-dialogue-character__quote-shine {
        animation: none;
    }
}

.drl-page-heading__character {
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(210px, 0.8fr) minmax(280px, 360px);
    align-items: end;
    gap: clamp(18px, 3vw, 38px);
}

.drl-page-heading__character::after {
    position: absolute;
    z-index: 0;
    right: 100px;
    bottom: 5px;
    width: 240px;
    height: 38px;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--dialogue-accent) 34%, #b99045) 0%,
        color-mix(in srgb, var(--dialogue-accent) 18%, transparent) 43%,
        transparent 74%
    );
    content: "";
    filter: blur(11px);
    opacity: 0.48;
    pointer-events: none;
}

.drl-page-heading__character .drl-dialogue-character__quote {
    align-self: center;
    margin-bottom: 35px;
}

.drl-page-heading__character .drl-dialogue-character__image {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}

[data-drl-content-title] {
    font-size: clamp(24px, 2vw, 28px);
}

.drldial-archive {
    padding-block: 48px 96px;
}

.drldial-archive.drldial-archive--project-match,
.drldial-archive.drldial-archive--long-run,
.drldial-archive.drldial-archive--team-up,
.drldial-archive.drldial-archive--co-build,
.drldial-archive.drldial-archive--project-relay,
.drldial-archive.drldial-archive--warm-intro,
.drldial-archive.drldial-archive--expert-check {
    padding-top: 0;
}

.drldial-app h1,
.drldial-app h2,
.drldial-app h3,
.drldial-app p {
    margin-top: 0;
}

.drldial-app h1,
.drldial-app h2 {
    font-family: var(--drl-font-display);
    font-weight: 470;
    letter-spacing: -0.018em;
}

.drldial-app h1 {
    font-size: clamp(25px, 2.2vw, 28px);
    line-height: 1.16;
}

.drldial-app h2 {
    font-size: clamp(24px, 2vw, 28px);
    line-height: 1.18;
}

.drldial-app h3 {
    font-size: clamp(18px, 1.6vw, 24px);
    line-height: 1.25;
}

.drldial-app small {
    font-size: 12px;
}

.drldial-eyebrow,
.drldial-workflow-signal-kicker,
.drldial-filters label > span {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.drldial-hero {
    --drldial-hero-edge-space: clamp(22px, 2.5vw, 28px);
    --drldial-hero-copy-gap: clamp(24px, 3vw, 42px);
    --drldial-hero-copy-max: 760px;
    --drldial-hero-image-column: 320px;
    --drldial-hero-button-offset: 60px;
    --drldial-hero-visible-foot-offset: 72px;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.62fr);
    grid-template-rows: auto auto;
    gap: 16px clamp(32px, 4vw, 64px);
    border-bottom: 1px solid var(--dialogue-accent);
    padding: 48px 0 52px;
}

.drldial-hero-copy {
    position: relative;
    isolation: isolate;
    display: grid;
    align-self: center;
    width: 100%;
    max-width: var(--drldial-hero-copy-max);
    grid-template-columns: minmax(280px, 1fr) minmax(280px, var(--drldial-hero-image-column));
    column-gap: var(--drldial-hero-copy-gap);
    row-gap: 0;
}

.drldial-hero-copy__text {
    display: contents;
}

.drldial-hero-copy__text > .drldial-eyebrow {
    grid-column: 1 / -1;
    grid-row: 1;
}

.drldial-hero-copy__text > .drldial-hero-title {
    grid-column: 1 / -1;
    grid-row: 2;
}

.drldial-hero-copy__text > .drldial-hero-subtitle {
    grid-column: 1 / -1;
    grid-row: 3;
}

.drldial-hero-copy__text > p:last-child {
    z-index: 2;
    grid-column: 1 / -1;
    grid-row: 4;
    align-self: start;
}

.drldial-workflow-family-label {
    display: none;
}

@media (min-width: 1181px) {
    .drldial-hero {
        padding-block: 0;
    }

    .drldial-hero-copy {
        align-self: start;
        padding-top: var(--drldial-hero-edge-space);
    }

    .drldial-hero-copy__text > .drldial-eyebrow {
        display: none;
    }

    .drldial-workflow-family-label {
        position: absolute;
        z-index: 4;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 30px;
        background: var(--dialogue-accent);
        color: #ffffff;
        pointer-events: none;
        transform: translateX(-100%);
    }

    .drldial-workflow-family-label svg {
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

    .drldial-workflow-family-label text {
        fill: #ffffff;
        font-family: var(--drl-font-ui);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0;
        paint-order: stroke;
        stroke: color-mix(in srgb, var(--dialogue-accent) 72%, #000000);
        stroke-width: 0.35px;
        text-transform: uppercase;
    }
}

.drldial-hero-copy > .drldial-eyebrow,
.drldial-hero-copy__text > .drldial-eyebrow {
    margin-bottom: 16px;
}

.drldial-hero h1 {
    margin: 0 0 12px;
    max-width: 620px;
}

.drldial-hero-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

.drldial-hero-title-icon {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
}

.drldial-hero-title-icon > .drldial-hero-title-icon__glyph {
    width: 32px;
    height: 32px;
}

.drldial-archive > .drldial-hero h1 {
    color: var(--dialogue-accent);
}

.drldial-hero .drldial-hero-subtitle {
    margin: 0 0 12px;
    max-width: 620px;
}

.drldial-hero .drldial-hero-subtitle {
    font-family: var(--drl-font-display);
    font-size: clamp(25px, 2.2vw, 28px);
    font-weight: 470;
    letter-spacing: -0.018em;
    line-height: 1.16;
}

.drldial-hero-type-summary {
    max-width: 620px;
    margin: 0 0 12px;
}

.drldial-hero-copy > p:last-child,
.drldial-hero-copy__text > p:last-child {
    max-width: 680px;
    margin-bottom: 0;
    color: var(--drl-text-muted);
    font-size: 17px;
}

.drldial-hero-character {
    display: contents;
}

.drldial-hero-character .drl-dialogue-character__quote {
    grid-column: 1;
    grid-row: 5;
    align-self: start;
    justify-self: stretch;
    margin-top: 14px;
    transform: translateY(46px);
}

.drldial-hero-character .drl-dialogue-character__image {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 4 / span 2;
    align-self: end;
    justify-self: end;
    width: min(100%, 280px);
    margin-top: 0;
    transform: translateY(
        calc(
            var(--drldial-hero-button-offset)
            + var(--drldial-hero-visible-foot-offset)
        )
    );
}

.drldial-archive {
    --drldial-hero-ground-right: 20px;
}

.drldial-archive--project-match,
.drldial-archive--co-build,
.drldial-archive--project-relay {
    --drldial-hero-ground-right: 78px;
}

.drldial-archive--expert-check {
    --drldial-hero-ground-right: 50px;
}

.drldial-archive:not(.drldial-archive--long-run) .drldial-hero-copy::after {
    position: absolute;
    z-index: 0;
    right: var(--drldial-hero-ground-right);
    bottom: -152px;
    width: 240px;
    height: 38px;
    border-radius: 50%;
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--dialogue-accent) 34%, #b99045) 0%,
        color-mix(in srgb, var(--dialogue-accent) 18%, transparent) 43%,
        transparent 74%
    );
    content: "";
    filter: blur(11px);
    opacity: 0.48;
    pointer-events: none;
}

.drldial-hero > .drldial-button {
    grid-column: 1;
    width: clamp(
        280px,
        calc(
            min(100%, var(--drldial-hero-copy-max))
            - var(--drldial-hero-copy-gap)
            - var(--drldial-hero-image-column)
        ),
        398px
    );
    align-self: end;
    justify-self: start;
}

.drldial-workflow-signal {
    grid-column: 2;
    grid-row: 1 / span 2;
    border-left: 1px solid var(--drl-line);
    padding-left: clamp(28px, 4vw, 56px);
}

.drldial-workflow-signal-kicker {
    margin-bottom: 18px;
}

.drldial-workflow-signal ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.drldial-workflow-signal li {
    position: relative;
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 16px;
    min-height: 64px;
}

.drldial-workflow-signal li:not(:last-child)::after {
    position: absolute;
    top: 46px;
    bottom: -2px;
    left: 19px;
    width: 1px;
    background: var(--drl-line-strong);
    content: "";
}

.drldial-workflow-signal-node {
    position: relative;
    z-index: 1;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-bg);
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.drldial-workflow-signal .drldial-is-current .drldial-workflow-signal-node {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: var(--drl-bg);
    box-shadow: 0 0 0 5px var(--dialogue-accent-soft);
}

.drldial-workflow-signal strong,
.drldial-workflow-signal small {
    display: block;
}

.drldial-workflow-signal strong {
    font-size: 14px;
    font-weight: 650;
}

.drldial-workflow-signal small {
    margin-top: 2px;
    color: var(--drl-text-muted);
}

.drldial-workflow-signal-note {
    margin: 22px 0 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 18px;
    color: var(--drl-text-muted);
    font-family: var(--drl-font-display);
    font-size: 16px;
}

.drldial-create-hub {
    padding-bottom: 96px;
}

.drldial-create-progress {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 0;
    list-style: none;
}

.drldial-create-progress::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--drl-line-strong);
    content: "";
}

.drldial-create-progress li {
    position: relative;
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 550;
}

.drldial-create-progress li:nth-child(2) {
    justify-content: center;
}

.drldial-create-progress li:last-child {
    justify-content: flex-end;
}

.drldial-create-progress li span {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-bg);
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-create-progress li.drldial-is-current {
    color: var(--drl-text);
}

.drldial-create-progress li.drldial-is-current span {
    border-color: var(--drl-text);
    background: var(--drl-text);
    color: var(--drl-bg);
}

.drldial-create-heading h1 {
    max-width: 720px;
    margin: 0;
}

.drldial-create-heading-kicker {
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: none;
}

.drldial-create-heading p {
    max-width: 640px;
    margin: 2px 0 0;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.5;
}

.drldial-create-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    padding-top: 32px;
}

.drldial-create-selector {
    min-width: 0;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 20px;
}

.drldial-create-selector h2 {
    margin: 0 0 14px;
    color: var(--drl-text-subtle);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-create-selector nav {
    display: grid;
    grid-template-columns: repeat(7, minmax(132px, 1fr));
    gap: 3px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.drldial-create-selector-item {
    --item-accent: var(--drl-text-muted);
    --item-accent-soft: var(--drl-surface-soft);
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 52px;
    align-items: center;
    gap: 12px;
    border-bottom: 2px solid transparent;
    padding: 9px 12px;
    color: var(--drl-text-muted);
    text-decoration: none;
}

.drldial-create-selector-item > .drl-sidebar-link__icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    margin: 0;
    color: var(--item-accent);
}

.drldial-create-selector-item > .drl-sidebar-link__icon :is(svg, .drl-site-icon) {
    width: 20px;
    height: 20px;
}

.drldial-create-selector-item:hover {
    background: var(--drl-surface-soft);
    color: var(--drl-text);
}

.drldial-create-selector-item.drldial-is-current {
    border-bottom-color: var(--item-accent);
    background: var(--item-accent-soft);
    color: var(--drl-text);
}

.drldial-create-selector-dot {
    width: 10px;
    height: 10px;
    justify-self: center;
    border-radius: 50%;
    background: var(--item-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--item-accent) 12%, transparent);
}

.drldial-create-selector-item strong,
.drldial-create-selector-item small {
    display: block;
}

.drldial-create-selector-item strong {
    color: inherit;
    font-size: 14px;
    font-weight: 650;
}

.drldial-create-selector-item small {
    display: none;
}

.drldial-create-selector-note {
    display: none;
}

.drldial-create-selector-item--project-match,
.drldial-create-detail--project-match {
    --item-accent: var(--drl-project-match-accent);
    --item-accent-strong: var(--drl-project-match-accent-strong);
    --item-accent-soft: var(--drl-project-match-accent-soft);
}

.drldial-create-selector-item--long-run,
.drldial-create-detail--long-run {
    --item-accent: var(--drl-long-run-accent);
    --item-accent-strong: var(--drl-long-run-accent-strong);
    --item-accent-soft: var(--drl-long-run-accent-soft);
}

.drldial-create-selector-item--team-up,
.drldial-create-detail--team-up {
    --item-accent: var(--drl-team-up-accent);
    --item-accent-strong: var(--drl-team-up-accent-strong);
    --item-accent-soft: var(--drl-team-up-accent-soft);
}

.drldial-create-selector-item--co-build,
.drldial-create-detail--co-build {
    --item-accent: var(--drl-co-build-accent);
    --item-accent-strong: var(--drl-co-build-accent-strong);
    --item-accent-soft: var(--drl-co-build-accent-soft);
}

.drldial-create-selector-item--project-relay,
.drldial-create-detail--project-relay {
    --item-accent: var(--drl-project-relay-accent);
    --item-accent-strong: var(--drl-project-relay-accent-strong);
    --item-accent-soft: var(--drl-project-relay-accent-soft);
}

.drldial-create-selector-item--warm-intro,
.drldial-create-detail--warm-intro {
    --item-accent: var(--drl-warm-intro-accent);
    --item-accent-strong: var(--drl-warm-intro-accent-strong);
    --item-accent-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-create-selector-item--expert-check,
.drldial-create-detail--expert-check {
    --item-accent: var(--drl-expert-check-accent);
    --item-accent-strong: var(--drl-expert-check-accent-strong);
    --item-accent-soft: var(--drl-expert-check-accent-soft);
}

.drldial-create-details {
    min-width: 0;
}

.drldial-create-detail {
    min-width: 0;
}

.drldial-create-detail-kicker {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-create-detail-kicker strong {
    color: var(--item-accent-strong);
}

.drldial-create-detail > h2 {
    max-width: 660px;
    margin: 0;
}

.drldial-create-path {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 38px 0 0;
    padding: 0;
    list-style: none;
}

.drldial-create-path::before {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    height: 1px;
    background: var(--drl-line-strong);
    content: "";
}

.drldial-create-path li {
    position: relative;
    min-width: 0;
}

.drldial-create-path li > span {
    position: relative;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-bg);
}

.drldial-create-path li.drldial-is-current > span {
    border: 8px solid color-mix(in srgb, var(--item-accent) 24%, var(--drl-bg));
    background: var(--item-accent);
    box-shadow: 0 0 0 1px var(--item-accent);
}

.drldial-create-path li strong {
    display: block;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 550;
    line-height: 1.4;
}

.drldial-create-path li.drldial-is-current strong {
    color: var(--drl-text);
}

.drldial-create-signal-lines {
    position: absolute;
    z-index: 1;
    top: -23px;
    right: calc(100% - 20px);
    width: clamp(36px, 4vw, 56px);
    height: 86px;
    overflow: visible;
    pointer-events: none;
}

.drldial-create-signal-lines > path {
    fill: none;
    stroke: var(--item-accent);
    stroke-linecap: round;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.drldial-create-signal-lines path:nth-child(1),
.drldial-create-signal-lines path:nth-child(7) {
    opacity: 0.28;
}

.drldial-create-signal-lines path:nth-child(2),
.drldial-create-signal-lines path:nth-child(6) {
    opacity: 0.42;
}

.drldial-create-signal-lines path:nth-child(3),
.drldial-create-signal-lines path:nth-child(5) {
    opacity: 0.62;
}

.drldial-create-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 38px;
    border-top: 1px solid var(--drl-line);
    padding-top: 26px;
}

.drldial-create-facts article {
    border-left: 2px solid var(--item-accent);
    padding-left: 14px;
}

.drldial-create-facts h3 {
    margin: 0 0 7px;
    font-family: var(--drl-font-ui);
    font-size: 14px;
    font-weight: 650;
}

.drldial-create-facts p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-create-actions {
    display: flex;
    align-items: center;
    gap: 14px 24px;
    margin-top: 32px;
}

.drldial-create-primary,
.drldial-create-example {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 9px 18px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.drldial-create-detail .drldial-create-primary {
    min-width: 260px;
    border: 1px solid var(--item-accent);
    background: var(--item-accent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--item-accent) 22%, transparent);
    color: #ffffff;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html[data-theme="dark"] .drldial-create-detail .drldial-create-primary {
    color: #071012;
}

.drldial-create-detail .drldial-create-primary:hover,
.drldial-create-detail .drldial-create-primary:focus-visible {
    border-color: var(--item-accent-strong);
    background: var(--item-accent-strong);
    box-shadow:
        0 10px 24px color-mix(in srgb, var(--item-accent) 30%, transparent),
        0 0 0 3px color-mix(in srgb, var(--item-accent) 16%, transparent);
    color: #ffffff;
    transform: translateY(-1px);
}

html[data-theme="dark"] .drldial-create-detail .drldial-create-primary:hover,
html[data-theme="dark"] .drldial-create-detail .drldial-create-primary:focus-visible {
    color: #071012;
}

.drldial-create-example {
    color: var(--item-accent-strong);
}

.drldial-create-example:hover {
    background: var(--item-accent-soft);
    color: var(--item-accent-strong);
}

.drldial-create-privacy {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 32px 0 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 20px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-create-privacy-lock {
    position: relative;
    width: 14px;
    height: 12px;
    flex: 0 0 14px;
    border: 1px solid currentColor;
    border-radius: 1px;
}

.drldial-create-privacy-lock::before {
    position: absolute;
    bottom: 100%;
    left: 3px;
    width: 6px;
    height: 6px;
    border: 1px solid currentColor;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    content: "";
}

.drldial-create-panel {
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-create-hub-form {
    --dialogue-accent: var(--item-accent);
    --dialogue-accent-strong: var(--item-accent-strong);
    --dialogue-accent-soft: var(--item-accent-soft);
    margin-top: clamp(36px, 6vw, 72px);
    scroll-margin-top: 24px;
}

.drldial-create-hub-form[hidden] {
    display: none;
}

.drldial-create-panel > .drldial-login-required {
    margin: 28px 0 80px;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: clamp(24px, 4vw, 48px);
}

.drldial-login-required {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.drldial-login-required p {
    margin: 0;
}

.drldial-list-section {
    position: relative;
    padding-top: 72px;
}

.drldial-archive > .drldial-list-section::before {
    position: absolute;
    top: 36px;
    right: 0;
    left: 0;
    height: 1px;
    background: color-mix(in srgb, var(--dialogue-accent) 28%, var(--drl-line));
    content: "";
    pointer-events: none;
}

.drldial-section-heading {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(520px, auto);
    align-items: end;
    gap: 32px;
    border-bottom: 1px solid var(--drl-line-strong);
    padding-bottom: 20px;
}

.drldial-section-heading h2 {
    margin: 10px 0 0;
}

.drldial-type-heading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.drldial-tooltip-wrap {
    position: relative;
    display: inline-flex;
}

.drldial-tooltip-trigger {
    display: inline-grid;
    width: 40px;
    min-height: 40px;
    place-items: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: 50%;
    background: transparent;
    color: var(--dialogue-accent-strong);
    cursor: pointer;
    font-family: var(--drl-font-ui);
    font-size: 14px;
    font-weight: 700;
}

.drldial-tooltip {
    position: absolute;
    z-index: 20;
    bottom: calc(100% + 12px);
    left: 50%;
    display: none;
    width: 260px;
    transform: translateX(-50%);
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-raised);
    box-shadow: var(--drl-shadow);
    padding: 14px 16px;
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 13px;
    font-weight: 450;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
}

.drldial-tooltip-trigger[aria-expanded="true"] + .drldial-tooltip,
.drldial-tooltip-trigger:hover + .drldial-tooltip,
.drldial-tooltip-trigger:focus-visible + .drldial-tooltip {
    display: block;
}

.drldial-action-tooltip-wrap,
.drldial-action-tooltip-wrap > .drldial-button {
    width: 100%;
}

.drldial-action-tooltip-wrap > .drldial-button:hover + .drldial-tooltip,
.drldial-action-tooltip-wrap > .drldial-button:focus-visible + .drldial-tooltip {
    display: block;
}

.drldial-action-tooltip-wrap > .drldial-tooltip {
    width: min(260px, calc(100vw - 40px));
    pointer-events: none;
    text-align: left;
}

.drldial-filters {
    display: flex;
    min-width: 0;
    align-items: end;
    justify-content: flex-end;
    gap: 10px;
}

.drldial-filters label {
    display: grid;
    min-width: 110px;
    max-width: 190px;
    flex: 1 1 150px;
    gap: 7px;
}

.drldial-filters > .drldial-button {
    width: auto;
    min-width: 82px;
    flex: 0 0 auto;
    padding-inline: 14px;
}

.drldial-filters select,
.drldial-app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.drldial-app textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 9px 12px;
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-app textarea {
    min-height: 128px;
    resize: vertical;
}

.drldial-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: var(--drl-radius);
    padding: 9px 20px;
    background: transparent;
    color: var(--dialogue-accent-strong);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

.drldial-button:hover {
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-button--primary {
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-button--primary {
    color: #071012;
}

.drldial-button--primary:hover {
    background: var(--dialogue-accent-strong);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-button--primary:hover {
    color: #071012;
}

.drldial-app-route--home .drldial-button--primary,
.drldial-app-route--search .drldial-button--primary,
.drldial-app-route--create .drldial-button--primary,
.drldial-app-route--professionals .drldial-button--primary,
.drldial-app-route--professional .drldial-button--primary {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-action);
    color: var(--drl-workspace-on-action);
}

.drldial-app-route--home .drldial-button--primary:hover,
.drldial-app-route--search .drldial-button--primary:hover,
.drldial-app-route--create .drldial-button--primary:hover,
.drldial-app-route--professionals .drldial-button--primary:hover,
.drldial-app-route--professional .drldial-button--primary:hover {
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.drldial-app-route--create .drldial-archive .drldial-button--primary {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: #ffffff;
}

.drldial-app-route--create .drldial-archive .drldial-button--primary:hover,
.drldial-app-route--create .drldial-archive .drldial-button--primary:focus-visible {
    border-color: var(--dialogue-accent-strong);
    background: var(--dialogue-accent-strong);
    box-shadow: 0 0 0 3px var(--dialogue-accent-soft);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-app-route--create .drldial-archive .drldial-button--primary,
html[data-theme="dark"] .drldial-app-route--create .drldial-archive .drldial-button--primary:hover,
html[data-theme="dark"] .drldial-app-route--create .drldial-archive .drldial-button--primary:focus-visible {
    color: #071012;
}

.drldial-form {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0;
    margin: 28px 0 80px;
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-form-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 24px;
}

.drldial-form-heading > div:first-child {
    max-width: 760px;
}

.drldial-form-heading .drldial-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.11em;
    line-height: 1.4;
    text-transform: uppercase;
}

.drldial-form-heading h2 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(24px, 2.4vw, 28px);
    font-weight: 500;
    line-height: 1.2;
}

.drldial-form-heading p {
    max-width: 700px;
    margin: 8px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-form-heading > .drldial-type-heading {
    min-height: 20px;
    flex: 0 0 auto;
    gap: 7px;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 650;
}

.drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger {
    width: 19px;
    height: 19px;
    min-height: 19px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 45%, var(--drl-line));
    background: transparent;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    opacity: 0.72;
    transition: border-color 150ms ease, color 150ms ease, opacity 150ms ease;
}

.drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger:hover,
.drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger:focus-visible,
.drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger[aria-expanded="true"] {
    border-color: var(--dialogue-accent);
    background: transparent;
    color: var(--dialogue-accent-strong);
    opacity: 1;
}

.drldial-form-heading > .drldial-type-heading .drldial-tooltip {
    right: 0;
    left: auto;
    transform: none;
}

.drldial-form > .drldial-field,
.drldial-form > .drldial-form-grid,
.drldial-form > .drldial-co-build-foundation-fields,
.drldial-form > .drldial-team-roles-fieldset,
.drldial-form > .drldial-warm-intro-consent-note,
.drldial-form > .drldial-specialization-field,
.drldial-form > .drldial-project-match-form-section {
    margin-top: 20px;
}

.drldial-field {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.drldial-field > span:first-child,
.drldial-team-roles-fieldset > legend {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.drldial-field > small,
.drldial-team-roles-fieldset > p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.drldial-form select,
.drldial-form textarea {
    border-color: var(--drl-line-strong);
    background: var(--drl-bg);
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
.drldial-form select:hover,
.drldial-form textarea:hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 50%, var(--drl-line-strong));
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.drldial-form select:focus,
.drldial-form textarea:focus {
    border-color: var(--dialogue-accent);
    outline: 0;
    box-shadow: 0 0 0 3px var(--dialogue-accent-soft);
    background: var(--drl-surface-raised);
}

.drldial-form textarea {
    line-height: 1.55;
}

.drldial-form > .drldial-field > textarea {
    min-height: 132px;
    height: 132px;
}

.drldial-form > .drldial-field > textarea[rows="8"] {
    min-height: 156px;
    height: 156px;
}

.drldial-form-grid,
.drldial-co-build-foundation-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    align-items: start;
    gap: 14px;
}

.drldial-image-picker {
    position: relative;
    display: grid;
    min-height: 76px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px 15px;
    border: 1px solid transparent;
    background: var(--dialogue-accent-soft);
    padding: 14px;
}

.drldial-image-picker::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line)) 0 9px, transparent 9px 15px) 0 0 / 15px 1px repeat-x,
        linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line)) 0 9px, transparent 9px 15px) 0 100% / 15px 1px repeat-x,
        linear-gradient(180deg, color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line)) 0 9px, transparent 9px 15px) 0 0 / 1px 15px repeat-y,
        linear-gradient(180deg, color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line)) 0 9px, transparent 9px 15px) 100% 0 / 1px 15px repeat-y;
    content: "";
    pointer-events: none;
}

.drldial-image-picker-preview:not(:empty) {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 8px;
}

.drldial-image-picker-preview:empty,
.drldial-image-picker-slots[hidden] {
    display: none;
}

.drldial-image-picker-preview-image {
    width: 56px;
    height: 56px;
    border: 1px solid var(--drl-line-strong);
    object-fit: cover;
}

.drldial-form .drldial-image-picker-label {
    display: inline-flex;
    width: fit-content;
    justify-self: start;
}

.drldial-form .drldial-image-picker-button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dialogue-accent);
    background: var(--dialogue-accent);
    padding: 9px 14px;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
}

.drldial-form .drldial-image-picker-button::before {
    margin-right: 7px;
    content: "+";
    font-size: 18px;
    font-weight: 450;
    line-height: 1;
}

html[data-theme="dark"] .drldial-form .drldial-image-picker-button {
    color: #071012;
}

.drldial-image-picker-help {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.drldial-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 28px;
    border-top: 1px solid var(--drl-line);
    padding-top: 22px;
}

.drldial-form-actions > p {
    max-width: 690px;
    flex: 1 1 auto;
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-form-actions > .drldial-button {
    min-width: 220px;
    flex: 0 0 auto;
}

.drldial-notice {
    margin-top: 18px;
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 13px 15px;
    font-size: 13px;
}

.drldial-notice--error {
    border-color: var(--drl-danger);
    color: var(--drl-danger);
}

.drldial-warm-intro-consent-note {
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 45%, var(--drl-line));
    border-left: 3px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 15px 17px;
}

.drldial-warm-intro-consent-note strong {
    display: block;
    font-size: 13px;
}

.drldial-warm-intro-consent-note p {
    margin: 4px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-form .drldial-team-roles-fieldset {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 18px;
}

.drldial-form .drldial-team-roles-fieldset > legend {
    padding: 0 7px;
}

.drldial-form .drldial-team-roles-editor,
.drldial-form .drldial-team-role-list {
    display: grid;
    gap: 10px;
}

.drldial-form .drldial-team-roles-editor {
    margin-top: 14px;
}

.drldial-form .drldial-team-role-row {
    display: grid;
    grid-template-columns: minmax(160px, 0.8fr) minmax(240px, 1.5fr) 88px 42px;
    align-items: end;
    gap: 10px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 12px;
}

.drldial-form .drldial-team-role-row textarea {
    min-height: 70px;
}

.drldial-form .drldial-team-role-remove {
    display: grid;
    width: 42px;
    min-height: 44px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    background: transparent;
    color: var(--drl-danger);
    cursor: pointer;
    font-size: 20px;
}

.drldial-form .drldial-team-role-remove:hover {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 9%, transparent);
}

.drldial-form .drldial-team-role-add {
    justify-self: start;
}

.drldial-project-match-form-section {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: clamp(18px, 2.4vw, 26px);
}

.drldial-project-match-form-section > header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 15px;
}

.drldial-project-match-form-section > header > span {
    color: var(--dialogue-accent-strong);
    font-size: 13px;
    font-weight: 750;
}

.drldial-project-match-form-section > header h3 {
    margin: 0;
    font-size: 19px;
    line-height: 1.3;
}

.drldial-project-match-form-section > header p {
    margin: 4px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-project-match-form-section > .drldial-field + .drldial-field,
.drldial-project-match-form-section > .drldial-form-grid + .drldial-field,
.drldial-project-match-form-section > .drldial-field + .drldial-form-grid {
    margin-top: 16px;
}

@media (max-width: 820px) {
    .drldial-form-heading {
        flex-direction: column;
        gap: 16px;
    }

    .drldial-form-heading > .drldial-type-heading {
        align-self: flex-start;
    }

    .drldial-form .drldial-team-role-row {
        grid-template-columns: minmax(0, 1fr) 90px 42px;
    }

    .drldial-form .drldial-team-role-skills {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .drldial-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-form-actions > .drldial-button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .drldial-form {
        margin-top: 18px;
        padding: 18px;
    }

    .drldial-form-grid,
    .drldial-co-build-foundation-fields {
        grid-template-columns: 1fr;
    }

    .drldial-form-heading > .drldial-type-heading {
        width: auto;
        justify-content: flex-start;
    }

    .drldial-image-picker {
        grid-template-columns: 1fr;
    }

    .drldial-form .drldial-image-picker-button {
        width: 100%;
    }

    .drldial-form .drldial-team-role-row {
        grid-template-columns: minmax(0, 1fr) 42px;
    }

    .drldial-form .drldial-team-role-row > .drldial-field {
        grid-column: 1 / -1;
    }

    .drldial-form .drldial-team-role-remove {
        grid-column: 2;
        justify-self: end;
    }
}

.drldial-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    padding-top: 24px;
}

.drldial-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 14px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 20px;
}

.drldial-card-topline {
    display: flex;
    min-height: 29px;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 11px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-card-topline time {
    margin-left: auto;
}

.drldial-opportunity-icon-actions {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
}

.drldial-opportunity-icon-actions .drldial-action-form--icon,
.drldial-opportunity-icon-actions .drldial-action-tooltip-wrap,
.drldial-opportunity-icon-actions .drldial-action-tooltip-wrap > .drldial-button {
    display: inline-flex;
    width: auto;
}

.drldial-action-form--icon {
    margin: 0;
}

.drldial-action-form--icon .drldial-action-icon {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    color: var(--dialogue-accent-strong);
    transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.drldial-action-form--icon .drldial-action-icon:is(:hover, :focus-visible) {
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
    transform: translateY(-1px);
}

.drldial-action-form--icon .drldial-action-icon:focus-visible {
    outline: 2px solid var(--dialogue-accent);
    outline-offset: 2px;
}

.drldial-action-form--icon .drldial-action-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.drldial-action-form--icon.drldial-action-form--save .drldial-action-icon svg {
    stroke-width: 1.7;
}

.drldial-action-form--icon.drldial-action-form--save .drldial-action-icon {
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.drldial-action-form--icon.drldial-action-form--save .drldial-action-icon:is(:hover, :focus-visible) {
    background: transparent;
}

.drldial-action-form--icon.drldial-action-form--save.drldial-action-form--active .drldial-action-icon {
    background: transparent;
    color: var(--dialogue-accent);
}

.drldial-action-form--icon.drldial-action-form--save.drldial-action-form--active .drldial-action-icon svg {
    fill: currentColor;
    stroke: var(--dialogue-accent-strong);
}

.drldial-action-form--icon.drldial-action-form--hide .drldial-action-icon {
    width: 26px;
    height: 26px;
    border-radius: 0;
    color: var(--drl-text-muted);
}

.drldial-action-form--icon.drldial-action-form--hide .drldial-action-icon:is(:hover, :focus-visible) {
    background: transparent;
}

.drldial-action-form--icon.drldial-action-form--hide.drldial-action-form--active .drldial-action-icon {
    background: transparent;
    color: var(--dialogue-accent);
}

.drldial-action-form--icon.drldial-action-form--hide.drldial-action-form--active .drldial-action-icon svg {
    fill: currentColor;
    stroke: var(--dialogue-accent-strong);
}

html[data-theme="dark"] .drldial-action-form--icon.drldial-action-form--hide.drldial-action-form--active .drldial-action-icon svg circle {
    fill: #091012;
    stroke: #091012;
}

.drldial-action-form--icon.drldial-action-form--hide.drldial-action-form--active .drldial-action-icon__slash {
    opacity: 0;
}

.drldial-action-form--icon .drldial-tooltip {
    display: none !important;
}

.drldial-floating-action-tooltip {
    position: fixed;
    z-index: 2147483647;
    width: min(260px, calc(100vw - 40px));
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-raised);
    box-shadow: var(--drl-shadow);
    padding: 14px 16px;
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 13px;
    font-weight: 450;
    letter-spacing: normal;
    line-height: 1.5;
    text-transform: none;
    pointer-events: none;
}

.drldial-floating-action-tooltip[hidden] {
    display: none;
}

.drldial-status {
    --drl-status-color: var(--drl-status-closed);
    display: inline-flex;
    width: max-content;
    max-width: none;
    min-height: 26px;
    flex: 0 0 auto;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-status-color) 68%, var(--drl-line));
    border-radius: 999px;
    background:
        repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--drl-status-color) 7%, transparent) 10px 18px),
        color-mix(in srgb, var(--drl-status-color) 10%, var(--drl-surface));
    padding: 2px 9px;
    color: var(--drl-status-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.drldial-status:is(
    .drldial-status--tone-open,
    .drldial-status--open,
    .drldial-status--published,
    .drldial-status--recruiting,
    .drldial-status--ready,
    .drldial-status--both-ready,
    .drldial-status--completed
) {
    --drl-status-color: var(--drl-success);
}

.drldial-status:is(
    .drldial-status--tone-progress,
    .drldial-status--team-formed,
    .drldial-status--collaboration-agreed,
    .drldial-status--partner-found,
    .drldial-status--handoff-arranged,
    .drldial-status--expert-selected,
    .drldial-status--forming,
    .drldial-status--scope-alignment,
    .drldial-status--alignment,
    .drldial-status--brief-confirmed,
    .drldial-status--in-progress,
    .drldial-status--trial-in-progress,
    .drldial-status--work-in-progress,
    .drldial-status--co-building,
    .drldial-status--review-in-progress,
    .drldial-status--handoff-in-progress,
    .drldial-status--introduced,
    .drldial-status--active,
    .drldial-status--ongoing,
    .drldial-status--selection-accepted,
    .drldial-status--result-delivered,
    .drldial-status--connected,
    .drldial-status--reviewing,
    .drldial-status--workspace-open,
    .drldial-status--partner-selected
) {
    --drl-status-color: var(--drl-status-progress);
}

.drldial-status:is(
    .drldial-status--tone-pending,
    .drldial-status--pending,
    .drldial-status--consent-pending,
    .drldial-status--one-side-ready,
    .drldial-status--selection-pending,
    .drldial-status--completion-requested,
    .drldial-status--outcome-review,
    .drldial-status--review
) {
    --drl-status-color: var(--drl-status-pending);
}

.drldial-status:is(
    .drldial-status--tone-danger,
    .drldial-status--declined,
    .drldial-status--rejected,
    .drldial-status--failed,
    .drldial-status--blocked
) {
    --drl-status-color: var(--drl-danger);
}

.drldial-status:is(
    .drldial-status--tone-closed,
    .drldial-status--closed,
    .drldial-status--cancelled,
    .drldial-status--withdrawn,
    .drldial-status--expired,
    .drldial-status--unavailable
) {
    --drl-status-color: var(--drl-status-closed);
}

.drldial-card h2 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(19px, 1.6vw, 22px);
    font-weight: 480;
    line-height: 1.24;
}

.drldial-card h2 a {
    display: inline-flex;
    min-height: 40px;
    align-items: flex-start;
    text-decoration: none;
}

.drldial-card-excerpt {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.drldial-card-main {
    display: grid;
    gap: 4px;
}

.drldial-card-open {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-self: start;
    color: var(--dialogue-accent-strong);
    font-size: 13px;
    font-weight: 650;
}

.drldial-card-context {
    display: grid;
    gap: 10px;
}

.drldial-card-details,
.drldial-co-build-card-foundation,
.drldial-project-relay-card-flow,
.drldial-expert-check-card-brief {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-line);
}

.drldial-card-details > div,
.drldial-co-build-card-foundation > span,
.drldial-project-relay-card-flow > span,
.drldial-expert-check-card-brief > span {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
    background: var(--drl-surface-soft);
    padding: 9px 10px;
    color: var(--drl-text);
    font-size: 13px;
    line-height: 1.4;
}

.drldial-card-details > div:first-child {
    grid-column: 1 / -1;
}

.drldial-card-details dt,
.drldial-co-build-card-foundation small,
.drldial-project-relay-card-flow small,
.drldial-expert-check-card-brief small {
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-card-details dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.drldial-card-privacy {
    margin: 0;
    border-left: 2px solid var(--dialogue-accent);
    padding-left: 10px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

.drldial-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.drldial-card-tags > span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    border: 1px solid var(--drl-line);
    border-radius: 999px;
    padding: 4px 9px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.3;
}

.drldial-team-role-chips {
    display: grid;
    align-self: start;
    width: 100%;
    border-top: 1px solid var(--drl-line);
}

.drldial-team-role-chips > span {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--drl-line);
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-team-role-chips strong {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: 50%;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
}

.drldial-team-role-chips .drldial-is-filled {
    opacity: 0.58;
}

.drldial-card-footer {
    display: flex;
    min-height: 51px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    gap: 20px;
    border-top: 1px solid var(--drl-line);
    padding-top: 12px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-author {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.drldial-avatar,
.drldial-author img {
    width: 32px;
    height: 32px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    object-fit: cover;
}

.drldial-card-actions {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
}

.drldial-card-actions > a,
.drldial-card-actions > form {
    display: flex;
    min-width: 0;
    flex: 1 1 110px;
}

.drldial-card-actions .drldial-button {
    width: 100%;
    flex: 1 1 auto;
    padding-inline: 12px;
}

.drldial-warm-intro-card-connection {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 10px;
}

.drldial-warm-intro-card-connection > span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.drldial-warm-intro-card-connection strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.drldial-warm-intro-card-connection i {
    color: var(--dialogue-accent-strong);
    font-style: normal;
}

.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.screen-reader-text:focus {
    z-index: 100000;
    top: 8px;
    left: 8px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    background: var(--drl-surface-raised);
    padding: 12px 16px !important;
    white-space: normal !important;
}

/* Dialogue single pages */
.drldial-single {
    min-width: 0;
    padding: 36px 0 88px;
}

.drldial-single-header {
    position: relative;
    border-top: 2px solid var(--dialogue-accent);
    border-bottom: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 24px clamp(22px, 3vw, 36px) 26px;
}

.drldial-single-header:has(.drldial-opportunity-icon-actions) {
    padding-right: calc(clamp(22px, 3vw, 36px) + 56px);
}

.drldial-single-header > .drldial-opportunity-icon-actions {
    position: absolute;
    top: 24px;
    right: clamp(22px, 3vw, 36px);
    left: auto;
    flex-direction: column;
    gap: 8px;
}

.drldial-single-header .drldial-action-tooltip-wrap > .drldial-tooltip {
    top: calc(100% + 10px);
    right: auto;
    bottom: auto;
    left: 0;
    transform: none;
}

.drldial-back-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    margin: -8px 0 10px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 550;
    text-decoration: none;
}

.drldial-back-link:hover {
    color: var(--dialogue-accent-strong);
}

.drldial-single-kicker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 600;
}

.drldial-single-kicker .drldial-type-heading {
    color: var(--dialogue-accent-strong);
}

.drldial-single-kicker .drldial-tooltip-trigger {
    width: 40px;
    min-height: 40px;
    font-size: 13px;
}

.drldial-single-header h1 {
    max-width: 840px;
    margin: 14px 0 16px;
}

.drldial-single-author {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-single-author .drldial-avatar,
.drldial-single-author img {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
}

.drldial-single-author > span {
    display: grid;
    gap: 1px;
}

.drldial-single-author strong,
.drldial-single-author time,
.drldial-single-author small {
    display: block;
}

.drldial-single-author strong {
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-single-author a {
    text-decoration: none;
}

.drldial-single > .drldial-workflow-signal {
    grid-column: auto;
    grid-row: auto;
    border-right: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    border-left: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 20px clamp(22px, 3vw, 36px);
}

.drldial-single > .drldial-workflow-signal .drldial-workflow-signal-kicker {
    margin: 0 0 14px;
}

.drldial-single > .drldial-workflow-signal ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
}

.drldial-single > .drldial-workflow-signal li {
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 52px;
    gap: 10px;
    padding-right: 14px;
}

.drldial-single > .drldial-workflow-signal li:not(:last-child)::after {
    top: 25px;
    right: 0;
    bottom: auto;
    left: 36px;
    width: auto;
    height: 1px;
}

.drldial-single > .drldial-workflow-signal .drldial-workflow-signal-node {
    width: 36px;
    height: 36px;
    background: var(--drl-surface);
}

.drldial-single > .drldial-workflow-signal strong {
    font-size: 13px;
}

.drldial-single > .drldial-workflow-signal small {
    max-width: 150px;
    font-size: 12px;
    line-height: 1.35;
}

.drldial-single > .drldial-workflow-signal .drldial-workflow-signal-note {
    margin: 14px 0 0;
    padding-top: 14px;
    font-family: var(--drl-font-ui);
    font-size: 13px;
}

.drldial-project-match-public-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 22px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--drl-line);
    list-style: none;
}

.drldial-project-match-public-rail::before {
    position: absolute;
    top: 38px;
    right: 11%;
    left: 11%;
    height: 1px;
    background: var(--drl-line-strong);
    content: "";
}

.drldial-project-match-public-rail li {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 7px;
    color: var(--drl-text-muted);
    font-size: 13px;
    text-align: center;
}

.drldial-project-match-public-rail li > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-surface);
    font-size: 12px;
}

.drldial-project-match-public-rail .drldial-is-complete > span,
.drldial-project-match-public-rail .drldial-is-current > span {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-project-match-public-rail .drldial-is-complete > span,
html[data-theme="dark"] .drldial-project-match-public-rail .drldial-is-current > span {
    color: #071012;
}

.drldial-project-match-public-rail .drldial-is-current > span {
    box-shadow: 0 0 0 5px var(--dialogue-accent-soft);
}

.drldial-project-match-public-rail .drldial-is-current strong {
    color: var(--dialogue-accent-strong);
}

.drldial-project-match-access-note {
    margin: 18px 0 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-request-specializations {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    border-right: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    border-left: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 14px clamp(22px, 3vw, 36px);
    font-size: 13px;
}

.drldial-request-specializations > strong {
    color: var(--drl-text-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-request-overview {
    display: grid;
    align-items: stretch;
    gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.drldial-request-expertise {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: 14px 0;
}

.drldial-request-expertise > strong {
    color: var(--drl-text-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-request-expertise-empty {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-request-description {
    border-top: 1px solid var(--drl-line);
    padding: 20px 0 22px;
}

.drldial-request-description h2 {
    margin: 0 0 12px;
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.drldial-request-description-body {
    max-width: 80ch;
    color: var(--drl-text);
    font-size: 15px;
    line-height: 1.7;
}

.drldial-request-description-body p:last-child {
    margin-bottom: 0;
}

.drldial-specialization-badges,
.drldial-professional-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.drldial-specialization-badges > span,
.drldial-professional-tags > span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 52%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    padding: 3px 9px;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 600;
}

.drldial-specialization-badge,
.drldial-specialization-choice {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.drldial-specialization-icon {
    display: inline-grid;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    place-items: center;
}

.drldial-specialization-icon svg {
    width: 16px;
    height: 16px;
}

.drldial-specialization-icon--brand {
    width: 22px;
    flex-basis: 22px;
}

.drldial-specialization-icon--brand svg {
    width: 22px;
}

.drldial-home {
    display: grid;
    min-width: 0;
    padding-bottom: 96px;
}

.drldial-signal-strip {
    --drl-signal-pointer-x: 50%;
    --drl-signal-pointer-y: 50%;
    --drl-signal-shift-x: 0px;
    --drl-signal-shift-y: 0px;
    --drl-signal-project-match: var(--drl-project-match-accent);
    --drl-signal-long-run: var(--drl-long-run-accent);
    --drl-signal-team-up: var(--drl-team-up-accent);
    --drl-signal-co-build: var(--drl-co-build-accent);
    --drl-signal-project-relay: var(--drl-project-relay-accent);
    --drl-signal-warm-intro: var(--drl-warm-intro-accent);
    --drl-signal-expert-check: var(--drl-expert-check-accent);
    --drl-strip-background:
        radial-gradient(ellipse at 50% 50%, rgba(55, 125, 126, 0.12), transparent 40%),
        linear-gradient(135deg, #f8f5ed 0%, #eef3ee 56%, #f5f1e8 100%);
    --drl-strip-flow-art: url("assets/images/home-hero-flow-light.svg");
    --drl-strip-core-bg: #e8ede6;
    --drl-strip-core-line: rgba(64, 95, 91, 0.27);
    --drl-strip-spark-outline: rgba(21, 25, 26, 0.22);
    --drl-wordpress-cyan: #247493;
    --drl-wordpress-violet: #594ca9;
    --drl-wordpress-rose: #b7475e;
    --drl-wordpress-amber: #b86b18;
    --drl-wordpress-lime: #718e2d;
    --drl-wordpress-teal: #247963;
    position: relative;
    height: clamp(190px, 20vw, 224px);
    isolation: isolate;
    overflow: hidden;
    border-top: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    background: var(--drl-strip-background);
}

html[data-theme="dark"] .drldial-signal-strip {
    --drl-signal-project-match: var(--drl-project-match-accent);
    --drl-signal-long-run: var(--drl-long-run-accent);
    --drl-signal-team-up: var(--drl-team-up-accent);
    --drl-signal-co-build: var(--drl-co-build-accent);
    --drl-signal-project-relay: var(--drl-project-relay-accent);
    --drl-signal-warm-intro: var(--drl-warm-intro-accent);
    --drl-signal-expert-check: var(--drl-expert-check-accent);
    --drl-strip-background:
        radial-gradient(ellipse at 50% 50%, rgba(35, 124, 137, 0.09), transparent 42%),
        #080e10;
    --drl-strip-flow-art: url("assets/images/home-hero-flow-dark.svg");
    --drl-strip-core-bg: #080e10;
    --drl-strip-core-line: transparent;
    --drl-strip-spark-outline: #080e10;
    --drl-wordpress-cyan: #62d8f0;
    --drl-wordpress-violet: #b4a0ff;
    --drl-wordpress-rose: #ff8f9f;
    --drl-wordpress-amber: #ffad3e;
    --drl-wordpress-lime: #d7ee42;
    --drl-wordpress-teal: #75e2c0;
}

.drldial-signal-strip::before {
    position: absolute;
    z-index: -1;
    inset: -8%;
    background: var(--drl-strip-flow-art) center / cover no-repeat;
    content: "";
    opacity: 0.72;
    pointer-events: none;
}

.drldial-signal-strip__wires {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: translate3d(var(--drl-signal-shift-x), var(--drl-signal-shift-y), 0);
    transition: transform 80ms linear;
}

.drldial-signal-strip__wire {
    fill: none;
    stroke: var(--drl-wire-color);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.drldial-signal-strip__base-lines .drldial-signal-strip__wire {
    stroke-width: 0.65;
    opacity: 0.44;
}

.drldial-signal-strip__glow-lines .drldial-signal-strip__wire {
    stroke-width: 3.8;
    opacity: 0.065;
}

.drldial-signal-strip__live-lines .drldial-signal-strip__wire {
    stroke-width: 1;
    stroke-dasharray: 2 15 34 25;
    opacity: 0.8;
    animation: drl-signal-current 6.8s linear infinite;
}

.drldial-signal-strip__live-lines .drldial-signal-strip__wire:nth-child(2n) {
    animation-duration: 7.9s;
    animation-direction: reverse;
}

.drldial-signal-strip__spark,
.drldial-signal-strip__endpoint {
    fill: var(--drl-wire-color);
    stroke: var(--drl-strip-spark-outline);
    stroke-width: 0.4;
}

.drldial-signal-strip__node {
    position: absolute;
    z-index: 3;
    color: var(--drl-wire-color);
    font-size: 10px;
    font-weight: 680;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-decoration: none;
    transition: color 160ms ease, filter 160ms ease, transform 160ms ease;
}

.drldial-signal-strip__node:hover,
.drldial-signal-strip__node:focus-visible {
    color: var(--drl-text);
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--drl-wire-color) 34%, transparent));
}

.drldial-signal-strip__node--project-match {
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
}

.drldial-signal-strip__node--project-match:hover,
.drldial-signal-strip__node--project-match:focus-visible {
    transform: translateX(-50%) translateY(-2px);
}

.drldial-signal-strip__node--long-run {
    top: 15%;
    left: 2.5%;
}

.drldial-signal-strip__node--team-up {
    top: 15%;
    right: 2.5%;
}

.drldial-signal-strip__node--co-build {
    top: 45%;
    left: 1.5%;
}

.drldial-signal-strip__node--project-relay {
    top: 45%;
    right: 1.5%;
}

.drldial-signal-strip__node--warm-intro {
    bottom: 9px;
    left: 4.5%;
}

.drldial-signal-strip__node--expert-check {
    right: 4.5%;
    bottom: 9px;
}

.drldial-signal-strip__core {
    position: absolute;
    z-index: 4;
    top: 51%;
    left: 50%;
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    border: 1px solid var(--drl-strip-core-line);
    border-radius: 50%;
    background: var(--drl-strip-core-bg);
    box-shadow:
        0 0 24px color-mix(in srgb, var(--drl-workspace-nav) 10%, transparent),
        0 0 52px color-mix(in srgb, var(--drl-wordpress-teal) 10%, transparent);
    text-decoration: none;
    transform: translate(-50%, -50%);
    transition: box-shadow 180ms ease, transform 180ms ease;
}

.drldial-signal-strip__core:hover,
.drldial-signal-strip__core:focus-visible {
    box-shadow:
        0 0 30px color-mix(in srgb, var(--drl-wordpress-amber) 16%, transparent),
        0 0 66px color-mix(in srgb, var(--drl-wordpress-cyan) 17%, transparent);
    transform: translate(-50%, -50%) scale(1.055);
}

.drldial-signal-strip__orbit {
    position: absolute;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg 34deg,
        color-mix(in srgb, var(--drl-wordpress-cyan) 64%, transparent) 48deg,
        transparent 68deg 145deg,
        color-mix(in srgb, var(--drl-wordpress-amber) 62%, transparent) 166deg,
        transparent 188deg 264deg,
        color-mix(in srgb, var(--drl-wordpress-violet) 64%, transparent) 286deg,
        transparent 316deg
    );
    inset: 5px;
    -webkit-mask: radial-gradient(circle, transparent 62%, #000 64% 68%, transparent 70%);
    mask: radial-gradient(circle, transparent 62%, #000 64% 68%, transparent 70%);
    animation: drl-wordpress-orbit 10s linear infinite;
}

.drldial-signal-strip__wordpress {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    background: conic-gradient(
        from 25deg,
        var(--drl-wordpress-cyan),
        var(--drl-wordpress-violet),
        var(--drl-wordpress-rose),
        var(--drl-wordpress-amber),
        var(--drl-wordpress-lime),
        var(--drl-wordpress-teal),
        var(--drl-wordpress-cyan)
    );
    background-size: 180% 180%;
    filter:
        drop-shadow(0 0 4px color-mix(in srgb, var(--drl-wordpress-teal) 68%, transparent))
        drop-shadow(0 0 10px color-mix(in srgb, var(--drl-wordpress-cyan) 48%, transparent));
    -webkit-mask: url("assets/images/plugin-logos/wordpress.png") center / contain no-repeat;
    mask: url("assets/images/plugin-logos/wordpress.png") center / contain no-repeat;
    animation:
        drl-wordpress-prism 7.2s ease-in-out infinite,
        drl-wordpress-breathe 3.8s ease-in-out infinite;
}

.drldial-home-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 28px;
    border-top: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    padding: 24px 0 28px;
}

.drldial-home-search {
    display: grid;
    gap: 16px;
}

.drldial-home-search-copy label {
    display: block;
    margin-top: 6px;
    color: var(--drl-text);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.35;
}

.drldial-home-search-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.drldial-home-search-field input {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 9px 13px;
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-home-search-field input:focus {
    border-color: var(--dialogue-accent);
}

.drldial-home-search-field .drldial-button {
    width: auto;
    min-width: 108px;
    min-height: 46px;
}

.drldial-home-shortcuts {
    display: grid;
    align-content: center;
    border-left: 1px solid var(--drl-line);
    padding-left: 28px;
}

.drldial-home-shortcuts a {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--drl-line);
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.drldial-home-shortcuts a:last-child {
    border-bottom: 0;
}

.drldial-home-shortcuts a:hover,
.drldial-home-shortcuts a:hover b {
    color: var(--dialogue-accent-strong);
}

.drldial-home-shortcuts b {
    color: var(--drl-text-subtle);
    font-size: 17px;
    font-weight: 500;
}

.drldial-home-section {
    margin-top: 56px;
}

.drldial-home .drldial-section-heading {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
}

.drldial-home .drldial-section-heading h2 {
    margin-top: 7px;
    font-size: clamp(22px, 2vw, 26px);
}

.drldial-home .drldial-section-heading > a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    align-self: end;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.drldial-home .drldial-section-heading > a:hover {
    color: var(--dialogue-accent-strong);
}

.drldial-home-type-grid,
.drldial-home .drldial-opportunity-grid,
.drldial-professional-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    padding-top: 20px;
}

.drldial-home-type-card {
    display: grid;
    min-width: 0;
    min-height: 108px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 18px 19px;
    color: var(--drl-text);
    text-decoration: none;
}

.drldial-home-type-card:hover {
    background: color-mix(in srgb, var(--dialogue-accent) 5%, var(--drl-surface));
    color: var(--drl-text);
}

.drldial-home-type-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 52%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-home-type-icon .drl-sidebar-link__icon,
.drldial-home-type-icon .drl-sidebar-link__icon :is(svg, .drl-site-icon) {
    width: 21px;
    height: 21px;
    margin: 0;
    color: inherit;
}

.drldial-home-type-icon .drl-site-icon--artwork {
    transform: scale(1.5);
}

.drldial-home-type-copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.drldial-home-type-copy strong {
    color: var(--dialogue-accent-strong);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.drldial-home-type-copy small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-home-type-open {
    color: var(--dialogue-accent-strong);
    font-size: 18px;
}

.drldial-home .drldial-opportunity-card,
.drldial-professional-card {
    display: flex;
    min-width: 0;
    min-height: 290px;
    flex-direction: column;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-home .drldial-opportunity-card {
    border-left: 3px solid var(--dialogue-accent);
}

.drldial-home .drldial-opportunity-card:hover,
.drldial-professional-card:hover {
    background: color-mix(in srgb, var(--dialogue-accent) 4%, var(--drl-surface));
}

.drldial-home .drldial-opportunity-card-meta {
    display: flex;
    min-height: 26px;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.drldial-home .drldial-opportunity-card-meta > span:first-child {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-home .drldial-opportunity-card-meta > span:nth-child(2) {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: 999px;
    padding: 2px 9px;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.drldial-home .drldial-opportunity-card h2 {
    margin: 18px 0 0;
    font-family: var(--drl-font-display);
    font-size: clamp(20px, 1.7vw, 23px);
    font-weight: 520;
    line-height: 1.18;
}

.drldial-home .drldial-opportunity-card h2 a,
.drldial-home .drldial-opportunity-link {
    text-decoration: none;
}

.drldial-home .drldial-opportunity-card h2 a:hover,
.drldial-home .drldial-opportunity-link:hover {
    color: var(--dialogue-accent-strong);
}

.drldial-home .drldial-opportunity-card > p {
    margin: 12px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-home .drldial-opportunity-card .drldial-request-specializations {
    display: block;
    margin-top: auto;
    border: 0;
    background: transparent;
    padding: 16px 0 0;
}

.drldial-home .drldial-opportunity-card .drldial-specialization-badges {
    gap: 6px;
}

.drldial-home .drldial-opportunity-card .drldial-specialization-badges > span {
    min-height: 26px;
    padding: 3px 8px;
}

.drldial-home .drldial-opportunity-link {
    display: flex;
    min-height: 40px;
    align-items: end;
    justify-content: space-between;
    margin-top: auto;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
    color: var(--dialogue-accent-strong);
    font-size: 13px;
    font-weight: 700;
}

.drldial-home .drldial-opportunity-card:has(.drldial-request-specializations) .drldial-opportunity-link {
    margin-top: 16px;
}

.drldial-professional-card-grid {
    --dialogue-accent: var(--drl-workspace-nav);
    --dialogue-accent-strong: var(--drl-workspace-nav);
    --dialogue-accent-soft: var(--drl-workspace-nav-soft);
}

.drldial-professional-card {
    min-height: 320px;
    border-top: 3px solid var(--drl-workspace-nav);
}

.drldial-professional-card-head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.drldial-professional-avatar {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    object-fit: cover;
}

.drldial-professional-card-head > div {
    min-width: 0;
}

.drldial-professional-card .drldial-professional-availability {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    color: var(--drl-success);
    font-size: 12px;
    font-weight: 700;
}

.drldial-professional-card h3 {
    margin: 2px 0 0;
    font-family: var(--drl-font-ui);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.drldial-professional-card h3 a {
    text-decoration: none;
}

.drldial-professional-card-head p {
    margin: 3px 0 0;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-professional-card .drldial-professional-headline {
    margin: 18px 0 0;
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 650;
}

.drldial-professional-card .drldial-professional-card-bio {
    margin: 8px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.drldial-professional-card .drldial-professional-tags {
    margin-top: auto;
    padding-top: 16px;
}

.drldial-professional-card .drldial-button {
    width: 100%;
    margin-top: 18px;
}

.drldial-home .drldial-empty {
    margin-top: 20px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-home .drldial-empty p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
}

.drldial-home-type-card--project-match,
.drldial-professional-interaction--project-match,
.drldial-home .drldial-opportunity-card--project-match {
    --dialogue-accent: var(--drl-project-match-accent);
    --dialogue-accent-strong: var(--drl-project-match-accent-strong);
    --dialogue-accent-soft: var(--drl-project-match-accent-soft);
}

.drldial-home-type-card--long-run,
.drldial-professional-interaction--long-run,
.drldial-home .drldial-opportunity-card--long-run {
    --dialogue-accent: var(--drl-long-run-accent);
    --dialogue-accent-strong: var(--drl-long-run-accent-strong);
    --dialogue-accent-soft: var(--drl-long-run-accent-soft);
}

.drldial-home-type-card--team-up,
.drldial-professional-interaction--team-up,
.drldial-home .drldial-opportunity-card--team-up {
    --dialogue-accent: var(--drl-team-up-accent);
    --dialogue-accent-strong: var(--drl-team-up-accent-strong);
    --dialogue-accent-soft: var(--drl-team-up-accent-soft);
}

.drldial-home-type-card--co-build,
.drldial-professional-interaction--co-build,
.drldial-home .drldial-opportunity-card--co-build {
    --dialogue-accent: var(--drl-co-build-accent);
    --dialogue-accent-strong: var(--drl-co-build-accent-strong);
    --dialogue-accent-soft: var(--drl-co-build-accent-soft);
}

.drldial-home-type-card--project-relay,
.drldial-professional-interaction--project-relay,
.drldial-home .drldial-opportunity-card--project-relay {
    --dialogue-accent: var(--drl-project-relay-accent);
    --dialogue-accent-strong: var(--drl-project-relay-accent-strong);
    --dialogue-accent-soft: var(--drl-project-relay-accent-soft);
}

.drldial-home-type-card--warm-intro,
.drldial-professional-interaction--warm-intro,
.drldial-home .drldial-opportunity-card--warm-intro {
    --dialogue-accent: var(--drl-warm-intro-accent);
    --dialogue-accent-strong: var(--drl-warm-intro-accent-strong);
    --dialogue-accent-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-home-type-card--expert-check,
.drldial-professional-interaction--expert-check,
.drldial-home .drldial-opportunity-card--expert-check {
    --dialogue-accent: var(--drl-expert-check-accent);
    --dialogue-accent-strong: var(--drl-expert-check-accent-strong);
    --dialogue-accent-soft: var(--drl-expert-check-accent-soft);
}

@media (max-width: 900px) {
    .drldial-signal-strip {
        height: 180px;
    }

    .drldial-signal-strip__node {
        font-size: 9px;
    }

    .drldial-home-tools {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .drldial-home-shortcuts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        border-left: 0;
        padding-left: 0;
    }

    .drldial-home-shortcuts a,
    .drldial-home-shortcuts a:last-child {
        border: 1px solid var(--drl-line);
        padding: 0 14px;
    }
}

@media (max-width: 720px) {
    .drldial-signal-strip {
        height: 150px;
    }

    .drldial-signal-strip__node {
        display: none;
    }

    .drldial-signal-strip__core {
        width: 60px;
        height: 60px;
    }

    .drldial-signal-strip__orbit {
        inset: 4px;
    }

    .drldial-signal-strip__wordpress {
        width: 36px;
        height: 36px;
    }

    .drldial-home {
        padding-bottom: 72px;
    }

    .drldial-home-type-grid,
    .drldial-home .drldial-opportunity-grid,
    .drldial-professional-card-grid {
        grid-template-columns: 1fr;
    }

    .drldial-home .drldial-opportunity-card,
    .drldial-professional-card {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    .drldial-signal-strip {
        height: 132px;
    }

    .drldial-signal-strip__core {
        width: 54px;
        height: 54px;
    }

    .drldial-signal-strip__wordpress {
        width: 32px;
        height: 32px;
    }

    .drldial-home-tools {
        padding-top: 20px;
        padding-bottom: 22px;
    }

    .drldial-home-search-field,
    .drldial-home-shortcuts {
        grid-template-columns: 1fr;
    }

    .drldial-home-search-field .drldial-button {
        width: 100%;
    }

    .drldial-home-section {
        margin-top: 46px;
    }

    .drldial-home .drldial-section-heading {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .drldial-home .drldial-section-heading > a {
        justify-self: start;
    }

    .drldial-home-type-card {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 12px;
        padding: 16px;
    }

    .drldial-home-type-icon {
        width: 38px;
        height: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-signal-strip__live-lines .drldial-signal-strip__wire,
    .drldial-signal-strip__orbit,
    .drldial-signal-strip__wordpress {
        animation: none;
    }

    .drldial-signal-strip__sparks {
        display: none;
    }

    .drldial-signal-strip__live-lines {
        filter: none;
    }

    .drldial-signal-strip__wires {
        transform: none;
    }
}

/* Account card primitives */
.drldial-app-surface--account {
    --drl-account-card-radius: 20px;
    --drl-account-card-radius-small: 13px;
    --drl-account-card-shadow: 0 14px 36px rgba(22, 47, 57, 0.09);
    --drl-account-card-shadow-hover: 0 22px 48px rgba(22, 47, 57, 0.14);
    --drl-account-card-highlight: color-mix(in srgb, var(--drl-surface-raised) 86%, transparent);
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 17h6M17 14v6'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .drldial-app-surface--account {
    --drl-account-card-shadow: 0 16px 40px rgba(0, 0, 0, 0.24);
    --drl-account-card-shadow-hover: 0 24px 54px rgba(0, 0, 0, 0.34);
    --drl-account-card-highlight: color-mix(in srgb, var(--drl-account-panel) 88%, #ffffff 12%);
}

.drldial-app-surface--account .wpmc-account-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.drldial-app-surface--account .wpmc-account-item {
    --item-accent: var(--account-item-accent, var(--drl-workspace-nav));
    --item-accent-soft: var(--account-item-soft, var(--drl-workspace-nav-soft));
    display: grid;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    border: 1px solid color-mix(in srgb, var(--item-accent) 24%, var(--drl-account-border));
    border-top-width: 1px;
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--item-accent) 11%, transparent), transparent 32%),
        linear-gradient(125deg, color-mix(in srgb, var(--item-accent) 4%, var(--drl-account-panel)), var(--drl-account-panel) 52%);
    box-shadow: var(--drl-account-card-shadow);
    padding: 0;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.drldial-app-surface--account .wpmc-account-item::before {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--item-accent), color-mix(in srgb, var(--item-accent) 34%, transparent) 46%, transparent 84%);
    content: "";
}

.drldial-app-surface--account .wpmc-account-item::after {
    display: block;
    position: absolute;
    z-index: -1;
    right: -72px;
    bottom: -98px;
    width: 230px;
    height: 230px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 9%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 24px color-mix(in srgb, var(--item-accent) 3%, transparent),
        0 0 0 54px color-mix(in srgb, var(--item-accent) 2%, transparent);
    content: "";
    pointer-events: none;
}

.drldial-app-surface--account .wpmc-account-item:hover {
    border-color: color-mix(in srgb, var(--item-accent) 54%, var(--drl-account-border));
    box-shadow: var(--drl-account-card-shadow-hover);
    transform: translateY(-3px);
}

.drldial-app-surface--account .wpmc-account-item--project-match {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='4'/%3E%3Cpath d='M3.5 20c.7-4.1 2.5-6 5.5-6 1.6 0 2.9.5 3.8 1.4M15 15l2 2 4-5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--long-run {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 7C4.5 7 3 9.2 3 12s1.5 5 4.5 5c4.5 0 5.5-10 9-10 3 0 4.5 2.2 4.5 5s-1.5 5-4.5 5c-4.5 0-5.5-10-9-10Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--team-up,
.drldial-app-surface--account .wpmc-account-item--drl-team {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M2.5 20c.6-4.2 2.4-6 5.5-6s4.9 1.8 5.5 6M14 15c3.5-.7 5.9.8 6.5 4'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--co-build {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5-8 4.5-8-4.5L12 3Z'/%3E%3Cpath d='m4 12 8 4.5 8-4.5M4 16.5l8 4.5 8-4.5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--project-relay {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h12M13 4l3 3-3 3M20 17H8M11 14l-3 3 3 3'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--warm-intro {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='8' r='2.5'/%3E%3Ccircle cx='18' cy='8' r='2.5'/%3E%3Cpath d='M2.5 19c.5-3.2 1.6-5 3.5-5s3 1.8 3.5 5M14.5 19c.5-3.2 1.6-5 3.5-5s3 1.8 3.5 5M9 9h6M12 6l3 3-3 3'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--expert-check {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 7 3v5c0 4.8-2.8 8.1-7 10-4.2-1.9-7-5.2-7-10V6l7-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account :is(
    .wpmc-account-item--comment,
    .wpmc-account-item--reply
) {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account :is(
    .wpmc-account-item--drl-invitation,
    .wpmc-account-item--drl-sent-invitation
) {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.7-3.4 2.5-5 5.5-5s4.8 1.6 5.5 5M16 12l2 2 4-5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-recommendation {
    --drl-account-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.7 4.8L18.5 9l-4.8 1.7L12 15.5l-1.7-4.8L5.5 9l4.8-1.2L12 3ZM18 15l.9 2.1L21 18l-2.1.9L18 21l-.9-2.1L15 18l2.1-.9L18 15Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item-main {
    display: flex;
    min-width: 0;
    align-content: initial;
    flex-direction: column;
    gap: 0;
    padding: 30px 32px 26px;
}

.drldial-app-surface--account .wpmc-account-item.has-account-item-visual .wpmc-account-item-visual {
    overflow: hidden;
    padding: 3px;
}

.drldial-app-surface--account .wpmc-account-item-visual-avatar {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid var(--drl-account-panel);
    border-radius: 14px;
    object-fit: cover;
}

.drldial-app-surface--account .wpmc-account-item-header {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
    gap: 17px;
}

.drldial-app-surface--account .wpmc-account-item-visual {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--item-accent) 34%, var(--drl-account-border));
    border-radius: 18px;
    background: color-mix(in srgb, var(--item-accent) 10%, var(--drl-account-panel));
    box-shadow: 0 9px 22px color-mix(in srgb, var(--item-accent) 12%, transparent);
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-item-visual > span {
    width: 25px;
    height: 25px;
    background: currentColor;
    -webkit-mask: var(--drl-account-card-icon) center / contain no-repeat;
    mask: var(--drl-account-card-icon) center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-item-heading {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.drldial-app-surface--account .wpmc-account-item-type {
    display: inline-flex;
    grid-area: auto;
    width: fit-content;
    align-items: center;
    gap: 7px;
    justify-self: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 780;
    letter-spacing: .12em;
}

.drldial-app-surface--account .wpmc-account-item-type::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 10px currentColor;
    content: "";
}

.drldial-app-surface--account .wpmc-account-item-title {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(23px, 2.2vw, 31px);
    font-weight: 520;
    letter-spacing: -.026em;
    line-height: 1.14;
}

.drldial-app-surface--account .wpmc-account-item-excerpt {
    display: block;
    grid-area: auto;
    max-width: 820px;
    margin-top: 20px;
    padding: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.65;
}

.drldial-app-surface--account .wpmc-edited-note {
    display: inline-flex;
    grid-area: auto;
    width: fit-content;
    align-items: center;
    gap: 6px;
    margin-top: 13px;
    border-radius: 999px;
    background: var(--drl-account-chip);
    padding: 5px 9px;
    color: var(--drl-text-subtle);
    font-size: 10px;
}

.drldial-app-surface--account .wpmc-account-item-meta {
    display: grid;
    grid-area: auto;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    align-self: auto;
    justify-content: normal;
    gap: 8px;
    margin-top: 24px;
    padding: 0;
    text-align: left;
}

.drldial-app-surface--account .wpmc-account-item-meta > span:not(:first-child)::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-item-fact {
    display: flex;
    position: relative;
    min-width: 0;
    min-height: 48px;
    align-items: center;
    gap: 10px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 14%, var(--drl-account-border));
    border-radius: 12px;
    background: color-mix(in srgb, var(--drl-account-panel-soft) 78%, transparent);
    padding: 9px 11px;
    color: var(--drl-text-muted);
    font-size: 11px;
    line-height: 1.4;
    text-align: left;
}

.drldial-app-surface--account .wpmc-account-item-fact > :last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.drldial-app-surface--account .wpmc-account-item-fact-icon {
    --drl-account-fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: var(--item-accent);
    -webkit-mask: var(--drl-account-fact-icon) center / contain no-repeat;
    mask: var(--drl-account-fact-icon) center / contain no-repeat;
    opacity: .8;
}

.drldial-app-surface--account .wpmc-account-item-fact--comments .wpmc-account-item-fact-icon {
    --drl-account-fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item-fact--kind .wpmc-account-item-fact-icon {
    --drl-account-fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4zM8 9h8M8 13h5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item-fact--detail .wpmc-account-item-fact-icon {
    --drl-account-fact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 9-8 9-8-9 8-9Z'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin: 0;
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 72%, transparent);
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-item-actions__context {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 15px 18px;
}

.drldial-app-surface--account .wpmc-account-item-actions__primary,
.drldial-app-surface--account .wpmc-account-item-actions__utility {
    min-width: 0;
}

.drldial-app-surface--account .wpmc-account-item-actions__utility {
    border-left: 1px solid var(--drl-account-border);
}

.drldial-app-surface--account .wpmc-account-item-actions__primary:last-child {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-open-link,
.drldial-app-surface--account .wpmc-account-edit > summary {
    display: flex;
    width: 100%;
    min-height: 62px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 740;
    text-decoration: none;
    transition: background 160ms ease, color 160ms ease;
}

.drldial-app-surface--account .wpmc-account-open-link {
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-open-link::after,
.drldial-app-surface--account .wpmc-account-edit > summary::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-action-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background: currentColor;
}

.drldial-app-surface--account .wpmc-account-open-link .wpmc-account-action-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 7l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 7l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-edit .wpmc-account-action-icon {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l11-11-4-4L4 16v4Z'/%3E%3Cpath d='m13 7 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l11-11-4-4L4 16v4Z'/%3E%3Cpath d='m13 7 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-open-link:hover,
.drldial-app-surface--account .wpmc-account-open-link:focus-visible,
.drldial-app-surface--account .wpmc-account-edit > summary:hover,
.drldial-app-surface--account .wpmc-account-edit > summary:focus-visible {
    background: color-mix(in srgb, var(--item-accent) 10%, transparent);
    color: var(--item-accent);
    box-shadow: none;
    outline: 0;
    transform: none;
}

.drldial-app-surface--account .wpmc-account-edit {
    width: 100%;
}

.drldial-app-surface--account .wpmc-account-edit[open] > summary {
    margin: 0;
    background: color-mix(in srgb, var(--item-accent) 10%, transparent);
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-edit-surface {
    border-top: 1px solid var(--drl-account-border);
    background: var(--drl-account-panel);
    padding: 24px;
}

.drldial-app-surface--account .wpmc-account-item:has(.wpmc-account-edit[open]) .wpmc-account-item-actions__primary,
.drldial-app-surface--account .wpmc-account-item:has(.wpmc-account-edit[open]) .wpmc-account-item-actions__utility {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-item:has(.wpmc-account-edit[open]) .wpmc-account-item-actions__utility {
    border-top: 1px solid var(--drl-account-border);
    border-left: 0;
}

img.drl-theme-logo--dark {
    display: none;
}

html[data-theme="dark"] img.drl-theme-logo--light {
    display: none;
}

html[data-theme="dark"] img.drl-theme-logo--dark {
    display: block;
}

.drl-site-footer__nav {
    display: flex;
    align-items: center;
    gap: 24px;
}

.drl-field-notes-shell {
    width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-container));
    margin-inline: auto;
}

.drl-field-notes-breadcrumbs {
    min-width: 0;
    margin-bottom: 22px;
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 620;
}

.drl-field-notes-breadcrumbs ol {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.drl-field-notes-breadcrumbs li {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

.drl-field-notes-breadcrumbs li + li::before {
    color: var(--drl-line-strong);
    content: "/";
}

.drl-field-notes-breadcrumbs a {
    color: var(--drl-text-muted);
    text-decoration: none;
}

.drl-field-notes-breadcrumbs a:hover {
    color: var(--drl-workspace-nav);
}

.drl-field-notes-breadcrumbs [aria-current="page"] {
    max-width: min(460px, 48vw);
    overflow: hidden;
    color: var(--drl-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drl-field-notes-archive {
    padding: 20px 0 clamp(72px, 9vw, 128px);
}

.drl-field-notes-heading {
    max-width: 840px;
}

.drl-field-notes-heading__eyebrow,
.drl-field-note-sidebar__eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 720;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.drl-field-notes-heading h1,
.drl-field-note-header h1 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(44px, 7vw, 78px);
    font-weight: 430;
    letter-spacing: -0.025em;
    line-height: 0.98;
}

.drl-field-notes-heading p {
    max-width: 720px;
    margin: 24px 0 0;
    color: var(--drl-text-muted);
    font-size: clamp(17px, 2vw, 20px);
    line-height: 1.6;
}

.drl-field-notes-filters {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: clamp(36px, 5vw, 62px);
    overflow-x: auto;
    padding-bottom: 3px;
    scrollbar-width: thin;
}

.drl-field-notes-filters a {
    display: inline-flex;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    border: 1px solid var(--drl-line);
    border-radius: 999px;
    padding: 7px 15px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.drl-field-notes-filters a:hover,
.drl-field-notes-filters a.drl-is-active {
    border-color: var(--drl-text);
    background: var(--drl-text);
    color: var(--drl-bg);
}

.drl-field-notes-grid {
    display: grid;
    max-width: 920px;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: clamp(40px, 6vw, 72px);
    border-top: 1px solid var(--drl-line);
}

.drl-field-note-card,
body:not(.drldial-app) #main > article.drl-field-note-card {
    width: auto;
    margin: 0;
    border-bottom: 1px solid var(--drl-line);
    padding: clamp(24px, 3.5vw, 36px) 0;
}

.drl-field-note-card__link {
    display: grid;
    gap: 18px;
    color: var(--drl-text);
    text-decoration: none;
}

.drl-field-note-card__top {
    display: grid;
    grid-template-columns: clamp(150px, 22vw, 210px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(20px, 3.5vw, 38px);
}

.drl-field-note-card__media {
    position: relative;
    aspect-ratio: 3 / 2;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
}

.drl-field-note-card__media img {
    width: 100%;
    height: 100%;
}

.drl-field-note-card__media img {
    object-fit: cover;
    transition: transform 400ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

.drl-field-note-card__body {
    display: grid;
    gap: 11px;
    align-content: center;
}

.drl-field-note-card h2 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(25px, 2.5vw, 34px);
    font-weight: 470;
    letter-spacing: -0.015em;
    line-height: 1.12;
    transition: color 160ms ease;
}

.drl-field-note-card__excerpt {
    max-width: 780px;
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.65;
}

.drl-field-note-card time,
.drl-field-note-header time {
    color: var(--drl-text-subtle);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drl-field-note-card__link:hover {
    color: var(--drl-text);
}

.drl-field-note-card__link:hover img {
    transform: scale(1.025);
}

.drl-field-note-card__link:hover h2 {
    color: var(--drl-workspace-nav);
}

.drl-field-notes-empty {
    margin-top: 54px;
    border-top: 1px solid var(--drl-line);
    padding-top: 34px;
}

.drl-field-notes-empty h2 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: 32px;
    font-weight: 480;
}

.drl-field-notes-empty p {
    margin: 10px 0 0;
    color: var(--drl-text-muted);
}

.drl-field-notes-archive .navigation.pagination {
    margin-top: clamp(52px, 7vw, 86px);
    border-top: 1px solid var(--drl-line);
    padding-top: 24px;
}

.drl-field-notes-archive .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.drl-field-notes-archive .page-numbers {
    display: grid;
    min-width: 40px;
    min-height: 40px;
    place-items: center;
    border: 1px solid transparent;
    padding: 7px 12px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.drl-field-notes-archive .page-numbers:hover,
.drl-field-notes-archive .page-numbers.current {
    border-color: var(--drl-line-strong);
    color: var(--drl-text);
}

.drl-field-note-single {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: start;
    gap: clamp(54px, 7vw, 104px);
    padding-top: 20px;
    padding-bottom: clamp(80px, 10vw, 144px);
}

.drl-field-note-article {
    min-width: 0;
}

.drl-field-note-header {
    max-width: 900px;
    margin-top: 0;
}

.drl-field-note-header h1 {
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.02;
}

.drl-field-note-header time {
    display: block;
    margin-top: 24px;
}

.drl-field-note-hero {
    aspect-ratio: 3 / 2;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
}

.drl-field-note-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.drl-field-note-intro {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(26px, 4vw, 46px);
    margin-top: clamp(38px, 5vw, 58px);
}

.drl-field-note-lead {
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(18px, 1.65vw, 20px);
    line-height: 1.75;
}

.drl-field-note-lead > :first-child,
.drl-field-note-lead > :last-child {
    margin-top: 0;
    margin-bottom: 0;
}

.drl-field-note-lead a {
    color: var(--drl-workspace-nav);
}

.drl-field-note-content {
    max-width: 780px;
    margin-top: clamp(38px, 5vw, 58px);
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(18px, 1.65vw, 20px);
    line-height: 1.75;
}

.drl-field-note-content > :first-child {
    margin-top: 0;
}

.drl-field-note-content > :last-child {
    margin-bottom: 0;
}

.drl-field-note-content p,
.drl-field-note-content ul,
.drl-field-note-content ol,
.drl-field-note-content blockquote,
.drl-field-note-content figure {
    margin-top: 0;
    margin-bottom: 1.45em;
}

.drl-field-note-content h2,
.drl-field-note-content h3,
.drl-field-note-content h4 {
    margin: 2em 0 0.7em;
    font-family: var(--drl-font-display);
    font-weight: 540;
    letter-spacing: -0.012em;
    line-height: 1.15;
}

.drl-field-note-content h2 {
    font-size: clamp(30px, 4vw, 44px);
}

.drl-field-note-content h3 {
    font-size: clamp(24px, 3vw, 31px);
}

.drl-field-note-content h4 {
    font-size: 22px;
}

.drl-field-note-content a {
    color: var(--drl-workspace-nav);
}

.drl-field-note-content ul,
.drl-field-note-content ol {
    padding-left: 1.25em;
}

.drl-field-note-content li + li {
    margin-top: 0.5em;
}

.drl-field-note-content blockquote {
    border-left: 3px solid var(--drl-workspace-nav);
    padding: 0.25em 0 0.25em clamp(20px, 3vw, 34px);
    color: var(--drl-text-muted);
    font-size: 1.08em;
}

.drl-field-note-content blockquote p:last-child {
    margin-bottom: 0;
}

.drl-field-note-content img {
    height: auto;
}

.drl-field-note-content figcaption {
    margin-top: 8px;
    color: var(--drl-text-subtle);
    font-family: var(--drl-font-ui);
    font-size: 12px;
}

.drl-field-note-sidebar {
    position: sticky;
    top: 24px;
}

.drl-field-note-sidebar__inner {
    border: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-surface) 88%, transparent);
    padding: clamp(22px, 3vw, 30px);
}

.drl-field-note-sidebar__ad--above.wpmc-commercial-slot,
.drl-field-note-sidebar__ad--below.wpmc-commercial-slot {
    width: 100%;
    max-width: 340px;
}

.drl-field-note-sidebar__ad--above.wpmc-commercial-slot {
    margin: 0 0 18px;
}

.drl-field-note-sidebar__ad--below.wpmc-commercial-slot {
    margin: 18px 0 0;
}

.drl-field-note-sidebar__ad--above.wpmc-commercial-slot[hidden],
.drl-field-note-sidebar__ad--below.wpmc-commercial-slot[hidden] {
    margin: 0;
}

.drl-field-note-sidebar__eyebrow {
    margin-bottom: 7px;
}

.drl-field-note-sidebar h2 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: 29px;
    font-weight: 500;
    line-height: 1.12;
}

.drl-field-note-accordion {
    margin-top: 26px;
    border-top: 1px solid var(--drl-line);
}

.drl-field-note-accordion details {
    border-bottom: 1px solid var(--drl-line);
}

.drl-field-note-accordion summary {
    display: grid;
    min-height: 54px;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    color: var(--drl-text);
    cursor: pointer;
    font-size: 14px;
    font-weight: 680;
    list-style: none;
}

.drl-field-note-accordion summary::-webkit-details-marker {
    display: none;
}

.drl-field-note-accordion summary small {
    display: grid;
    min-width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: var(--drl-surface-soft);
    color: var(--drl-text-subtle);
    font-size: 10px;
}

.drl-field-note-accordion summary svg {
    width: 18px;
    height: 18px;
    color: var(--drl-text-subtle);
    transition: transform 180ms ease;
}

.drl-field-note-accordion details[open] summary svg {
    transform: rotate(180deg);
}

.drl-field-note-accordion__panel {
    display: grid;
    gap: 3px;
    padding: 0 0 16px;
}

.drl-field-note-accordion__panel > a {
    display: grid;
    gap: 5px;
    border-left: 2px solid transparent;
    padding: 9px 10px 9px 12px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.42;
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.drl-field-note-accordion__panel > a:hover,
.drl-field-note-accordion__panel > a.drl-is-current {
    border-left-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-text);
}

.drl-field-note-accordion__panel time {
    color: var(--drl-text-subtle);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drl-field-note-accordion__panel > a.drl-field-note-accordion__category-link {
    display: inline-flex;
    width: max-content;
    margin-top: 4px;
    border-left: 0;
    padding: 8px 0 4px;
    color: var(--drl-workspace-nav);
    font-size: 11px;
    font-weight: 700;
}

.drl-field-note-accordion__panel > a.drl-field-note-accordion__category-link:hover {
    background: transparent;
}

@media (max-width: 1040px) {
    .drl-field-note-single {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
        gap: 48px;
    }
}

@media (max-width: 820px) {
    .drl-field-note-single {
        grid-template-columns: 1fr;
    }

    .drl-field-note-sidebar {
        position: static;
    }

    .drl-field-note-sidebar__inner {
        max-width: 620px;
    }
}

@media (max-width: 620px) {
    .drl-site-footer__nav {
        flex-wrap: wrap;
        gap: 2px 20px;
    }

    .drl-field-notes-archive {
        padding-top: 16px;
    }

    .drl-field-notes-breadcrumbs {
        margin-bottom: 18px;
    }

    .drl-field-note-card__link {
        gap: 14px;
    }

    .drl-field-note-card__top {
        grid-template-columns: minmax(120px, 34vw) minmax(0, 1fr);
        gap: 18px;
    }

    .drl-field-note-card h2 {
        font-size: clamp(22px, 6vw, 29px);
    }

    .drl-field-note-single {
        gap: 58px;
        padding-top: 16px;
    }

    .drl-field-note-header {
        margin-top: 32px;
    }

    .drl-field-note-content {
        margin-top: 36px;
    }
}

@media (max-width: 480px) {
    .drl-field-note-intro {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .drl-field-note-hero {
        width: min(220px, 70vw);
    }
}

.drldial-professional-directory {
    display: grid;
    min-width: 0;
    padding-bottom: 96px;
}

.drldial-professional-directory-tools {
    border-top: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    padding: 24px 0 28px;
}

.drldial-professional-filters {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) repeat(3, minmax(145px, 1fr));
    align-items: end;
    gap: 12px;
}

.drldial-professional-filters label {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.drldial-professional-filters label > span,
.drldial-professional-results-head > div:first-child > span {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}

.drldial-professional-filters input,
.drldial-professional-filters select {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 9px 12px;
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-professional-filters input:focus,
.drldial-professional-filters select:focus {
    border-color: var(--drl-workspace-nav);
}

.drldial-professional-filters > .drldial-button {
    width: auto;
    min-width: 92px;
    min-height: 46px;
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-action);
    color: var(--drl-workspace-on-action);
}

.drldial-professional-filters > .drldial-button:hover {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.drldial-professional-directory-body {
    min-width: 0;
}

.drldial-professional-results-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    border-bottom: 1px solid var(--drl-line-strong);
    padding: 30px 0 18px;
}

.drldial-professional-results-head h2 {
    margin: 5px 0 0;
    font-size: clamp(22px, 2vw, 26px);
    line-height: 1.18;
}

.drldial-professional-directory-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.drldial-professional-directory-actions > a:not(.drldial-button) {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.drldial-professional-directory-actions > a:not(.drldial-button):hover {
    color: var(--drl-workspace-nav);
}

.drldial-professional-directory-actions .drldial-button {
    min-height: 42px;
    border-color: var(--drl-workspace-nav);
    color: var(--drl-workspace-nav);
}

.drldial-professional-directory .drldial-empty {
    margin-top: 20px;
    padding: 24px;
}

.drldial-professional-directory .drldial-empty h3 {
    font-family: var(--drl-font-ui);
    font-size: 18px;
}

.drldial-professional-directory .drldial-empty p {
    font-size: 14px;
}

.drldial-professional-card .drldial-professional-availability--limited {
    color: #a75c00;
}

.drldial-professional-card .drldial-professional-availability--next-month {
    color: var(--drl-workspace-nav);
}

.drldial-professional-card .drldial-professional-availability--not-available,
.drldial-professional-card .drldial-professional-availability--unknown {
    color: var(--drl-text-subtle);
}

html[data-theme="dark"] .drldial-professional-card .drldial-professional-availability--limited {
    color: #f3aa38;
}

@media (max-width: 1120px) {
    .drldial-professional-filters {
        grid-template-columns: repeat(3, minmax(140px, 1fr)) auto;
    }

    .drldial-professional-filter-search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .drldial-professional-directory {
        padding-bottom: 72px;
    }

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

    .drldial-professional-filter-search {
        grid-column: 1 / -1;
    }

    .drldial-professional-filters > .drldial-button {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .drldial-professional-directory-tools {
        padding-top: 20px;
        padding-bottom: 22px;
    }

    .drldial-professional-filters {
        grid-template-columns: 1fr;
    }

    .drldial-professional-filter-search {
        grid-column: auto;
    }

    .drldial-professional-results-head {
        align-items: start;
        flex-direction: column;
        gap: 12px;
    }

    .drldial-professional-directory-actions {
        justify-content: flex-start;
    }
}

.drldial-professional-profile {
    --dialogue-accent: var(--drl-workspace-nav);
    --dialogue-accent-strong: var(--drl-workspace-nav);
    --dialogue-accent-soft: var(--drl-workspace-nav-soft);
    display: grid;
    min-width: 0;
    padding: 32px 0 96px;
}

.drldial-professional-profile > .drldial-back-link {
    justify-self: start;
    margin: 0 0 12px;
}

.drldial-professional-profile-header {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) minmax(190px, 220px);
    align-items: center;
    gap: 30px;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--drl-workspace-nav);
    background: var(--drl-surface-raised);
    padding: 32px;
}

.drldial-professional-profile-avatar {
    display: grid;
    width: 118px;
    height: 118px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 58%, var(--drl-line));
    border-radius: 50%;
    background: var(--drl-workspace-nav-soft);
    padding: 6px;
}

.drldial-professional-profile-avatar img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50%;
    object-fit: cover;
}

.drldial-professional-profile-identity {
    min-width: 0;
}

.drldial-professional-profile-meta,
.drldial-professional-profile-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.drldial-professional-profile-meta {
    margin-bottom: 7px;
}

.drldial-professional-profile .drldial-professional-availability {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 7px;
    color: var(--drl-success);
    font-size: 12px;
    font-weight: 700;
}

.drldial-professional-profile .drldial-professional-availability::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.drldial-professional-profile .drldial-professional-availability--limited {
    color: #a75c00;
}

.drldial-professional-profile .drldial-professional-availability--next-month {
    color: var(--drl-workspace-nav);
}

.drldial-professional-profile .drldial-professional-availability--not-available,
.drldial-professional-profile .drldial-professional-availability--unknown {
    color: var(--drl-text-subtle);
}

html[data-theme="dark"] .drldial-professional-profile .drldial-professional-availability--limited {
    color: #f3aa38;
}

.drldial-professional-profile-title h1 {
    margin: 0;
    font-size: clamp(25px, 2.2vw, 28px);
    line-height: 1.15;
}

.drldial-professional-profile-role {
    margin: 6px 0 0;
    color: var(--drl-workspace-nav);
    font-size: 14px;
    font-weight: 650;
}

.drldial-professional-profile-headline {
    max-width: 760px;
    margin: 9px 0 0;
    color: var(--drl-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
}

.drldial-professional-profile-action {
    display: grid;
    align-self: stretch;
    align-content: center;
    gap: 10px;
    border-left: 1px solid var(--drl-line);
    padding-left: 24px;
}

.drldial-professional-profile-action > span {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.drldial-professional-profile-action .drldial-button {
    width: 100%;
    justify-content: space-between;
    gap: 18px;
}

.drldial-professional-profile-action .drldial-button b {
    font-size: 17px;
    font-weight: 500;
}

.drldial-professional-profile-action small {
    color: var(--drl-text-subtle);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-verification-badge {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--drl-success);
    border-radius: 999px;
    padding: 2px 9px;
    color: var(--drl-success);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.drldial-verification-badge > span {
    display: grid;
    width: 16px;
    height: 16px;
    place-items: center;
    border-radius: 50%;
    background: var(--drl-success);
    color: var(--drl-surface);
    font-size: 12px;
}

.drldial-verification-badge--compact {
    margin-top: 4px;
}

.drldial-professional-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    align-items: start;
    gap: 24px;
    margin-top: 24px;
}

.drldial-professional-profile-main,
.drldial-professional-profile-sidebar {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.drldial-professional-profile-section,
.drldial-professional-profile-facts,
.drldial-professional-profile-links,
.drldial-direct-dialogue-card,
.drldial-trust-summary {
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-professional-profile-section h2,
.drldial-professional-profile-facts h2,
.drldial-professional-profile-links h2,
.drldial-direct-dialogue-card h2,
.drldial-trust-summary h2 {
    margin: 6px 0 0;
    font-size: clamp(20px, 1.8vw, 23px);
    line-height: 1.2;
}

.drldial-professional-profile-section > p {
    margin: 14px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.65;
}

.drldial-professional-profile-section > p:last-child {
    margin-bottom: 0;
}

.drldial-professional-profile .drldial-professional-tags--large {
    gap: 8px;
    margin-top: 16px;
}

.drldial-professional-profile .drldial-professional-tags--large > span {
    min-height: 31px;
    padding: 4px 10px;
    font-size: 12px;
}

.drldial-professional-profile-section--ai {
    border-top: 3px solid var(--drl-workspace-nav);
}

.drldial-professional-interaction-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.drldial-professional-interaction {
    display: grid;
    min-width: 0;
    min-height: 96px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    background: var(--drl-surface-raised);
    padding: 14px;
    color: var(--drl-text);
    text-decoration: none;
}

.drldial-professional-interaction:hover {
    background: color-mix(in srgb, var(--dialogue-accent) 5%, var(--drl-surface));
    color: var(--drl-text);
}

.drldial-professional-interaction-icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 52%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-professional-interaction-icon .drl-sidebar-link__icon,
.drldial-professional-interaction-icon .drl-sidebar-link__icon svg {
    width: 19px;
    height: 19px;
    margin: 0;
    color: inherit;
}

.drldial-professional-interaction-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drldial-professional-interaction-copy strong {
    color: var(--dialogue-accent-strong);
    font-size: 14px;
    line-height: 1.3;
}

.drldial-professional-interaction-copy small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.drldial-professional-interaction-open {
    color: var(--dialogue-accent-strong);
    font-size: 17px;
}

.drldial-professional-profile-facts h2,
.drldial-professional-profile-links h2,
.drldial-direct-dialogue-card h2,
.drldial-trust-summary h2 {
    font-family: var(--drl-font-ui);
    font-size: 18px;
    font-weight: 700;
}

.drldial-professional-profile-facts dl {
    display: grid;
    gap: 0;
    margin: 16px 0 0;
}

.drldial-professional-profile-facts dl > div {
    display: grid;
    gap: 3px;
    border-top: 1px solid var(--drl-line);
    padding: 12px 0;
}

.drldial-professional-profile-facts dl > div:last-child {
    padding-bottom: 0;
}

.drldial-professional-profile-facts dt {
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.drldial-professional-profile-facts dd {
    margin: 0;
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 600;
}

.drldial-professional-profile-links {
    display: grid;
}

.drldial-professional-profile-links a {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid var(--drl-line);
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.drldial-professional-profile-links h2 + a {
    margin-top: 14px;
}

.drldial-direct-dialogue-card {
    scroll-margin-top: 24px;
    border-top: 3px solid var(--drl-workspace-nav);
}

.drldial-direct-dialogue-eyebrow {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-direct-dialogue-card > p,
.drldial-trust-summary > p {
    margin: 12px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.drldial-direct-dialogue-card > .drldial-button,
.drldial-direct-dialogue-form .drldial-button {
    width: 100%;
    margin-top: 16px;
}

.drldial-direct-dialogue-form,
.drldial-direct-dialogue-form label {
    display: grid;
    gap: 7px;
}

.drldial-direct-dialogue-form {
    margin-top: 16px;
}

.drldial-direct-dialogue-form label > span {
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
}

.drldial-direct-dialogue-form select {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface);
    padding: 8px 11px;
    font-size: 13px;
}

.drldial-trust-summary {
    border-top: 3px solid var(--drl-success);
}

.drldial-trust-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.drldial-trust-stats > span {
    display: grid;
    min-width: 0;
    gap: 2px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-raised);
    padding: 11px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.35;
}

.drldial-trust-stats strong {
    color: var(--drl-text);
    font-size: 20px;
    line-height: 1.1;
}

.drldial-trust-summary > small {
    display: block;
    margin-top: 12px;
    color: var(--drl-text-subtle);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-professional-contact-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 16px;
}

.drldial-professional-contact-lock {
    position: relative;
    width: 15px;
    height: 13px;
    flex: 0 0 15px;
    margin-top: 6px;
    border: 1px solid var(--drl-text-subtle);
}

.drldial-professional-contact-lock::before {
    position: absolute;
    bottom: 100%;
    left: 3px;
    width: 7px;
    height: 6px;
    border: 1px solid var(--drl-text-subtle);
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    content: "";
}

.drldial-professional-contact-note strong {
    font-size: 13px;
}

.drldial-professional-contact-note p {
    margin: 4px 0 0;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.drldial-collaboration-history > p {
    max-width: 680px;
}

.drldial-collaboration-history-list {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.drldial-collaboration-history-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-raised);
    padding: 13px;
}

.drldial-collaboration-check {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--drl-success);
    border-radius: 50%;
    color: var(--drl-success);
    font-size: 14px;
    font-weight: 700;
}

.drldial-collaboration-history-item strong,
.drldial-collaboration-history-item p,
.drldial-collaboration-history-item time,
.drldial-collaboration-history-item > a {
    font-size: 12px;
}

.drldial-collaboration-history-item p {
    margin: 2px 0 0;
    color: var(--drl-text-muted);
}

.drldial-collaboration-history-item time {
    color: var(--drl-text-subtle);
}

.drldial-collaboration-history-item > a {
    grid-column: 2 / -1;
    color: var(--drl-workspace-nav);
}

@media (max-width: 900px) {
    .drldial-professional-profile-layout {
        grid-template-columns: 1fr;
    }

    .drldial-professional-profile-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-professional-contact-note {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .drldial-professional-profile {
        padding-bottom: 72px;
    }

    .drldial-professional-profile-header {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 18px;
        padding: 22px;
    }

    .drldial-professional-profile-avatar {
        width: 92px;
        height: 92px;
    }

    .drldial-professional-profile-action {
        grid-column: 1 / -1;
        border-top: 1px solid var(--drl-line);
        border-left: 0;
        padding-top: 18px;
        padding-left: 0;
    }
}

@media (max-width: 620px) {
    .drldial-professional-interaction-grid,
    .drldial-professional-profile-sidebar {
        grid-template-columns: 1fr;
    }

    .drldial-professional-contact-note {
        grid-column: auto;
    }
}

@media (max-width: 820px) {
    .drl-header-tools {
        gap: 10px;
    }
}

@media (max-width: 460px) {
    .drldial-professional-profile {
        padding-top: 22px;
    }

    .drldial-professional-profile-header {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 14px;
        padding: 18px;
    }

    .drldial-professional-profile-avatar {
        width: 78px;
        height: 78px;
        padding: 4px;
    }

    .drldial-professional-profile-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .drldial-professional-profile-section,
    .drldial-professional-profile-facts,
    .drldial-professional-profile-links,
    .drldial-direct-dialogue-card,
    .drldial-trust-summary {
        padding: 18px;
    }

    .drldial-collaboration-history-item {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .drldial-collaboration-history-item time {
        grid-column: 2;
    }
}

.drldial-search-page {
    display: grid;
    min-width: 0;
    padding-bottom: 96px;
}

.drldial-search-tools {
    border-top: 1px solid var(--drl-line);
    border-bottom: 1px solid var(--drl-line);
    padding: 24px 0 28px;
}

.drldial-search-intro {
    max-width: none;
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-search-form {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(150px, 180px) minmax(150px, 180px) minmax(120px, 145px) auto;
    align-items: end;
    gap: 12px;
    margin-top: 20px;
}

.drldial-search-form label {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.drldial-search-form label > span,
.drldial-search-results-head > div > span {
    color: var(--drl-text-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}

.drldial-search-form input,
.drldial-search-form select {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 9px 12px;
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-search-form input:focus,
.drldial-search-form select:focus {
    border-color: var(--dialogue-accent);
}

.drldial-search-form > .drldial-button {
    width: auto;
    min-width: 104px;
    min-height: 46px;
    padding-inline: 18px;
}

.drldial-search-results-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    border-bottom: 1px solid var(--drl-line);
    padding: 30px 0 18px;
}

.drldial-search-results-head h2 {
    margin: 4px 0 0;
    font-size: clamp(22px, 2vw, 26px);
    line-height: 1.15;
}

.drldial-search-results-head p {
    margin: 0 0 2px;
    color: var(--drl-text-muted);
    font-size: 13px;
    text-align: right;
}

.drldial-search-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
    padding-top: 20px;
}

.drldial-search-result {
    display: flex;
    min-width: 0;
    min-height: 310px;
    flex-direction: column;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-search-result:hover {
    background: color-mix(in srgb, var(--dialogue-accent) 4%, var(--drl-surface));
}

.drldial-search-result-meta {
    display: flex;
    min-height: 26px;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.drldial-search-type {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-search-access {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    border-left: 1px solid var(--drl-line-strong);
    padding-left: 8px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 600;
}

.drldial-search-result > h2 {
    margin: 18px 0 0;
    font-family: var(--drl-font-display);
    font-size: clamp(20px, 1.7vw, 23px);
    font-weight: 520;
    line-height: 1.18;
}

.drldial-search-result > h2 a {
    text-decoration: none;
}

.drldial-search-result > h2 a:hover {
    color: var(--dialogue-accent-strong);
}

.drldial-search-result > p {
    margin: 12px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-search-result-requirements {
    min-height: 26px;
    margin-top: auto;
    padding-top: 16px;
}

.drldial-search-result .drldial-request-specializations {
    display: block;
    margin-top: 0;
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-search-result .drldial-specialization-badges {
    gap: 6px;
}

.drldial-search-result .drldial-specialization-badges > span {
    min-height: 26px;
    padding: 3px 8px;
}

.drldial-search-result > footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 16px;
    margin-top: 16px;
    border-top: 1px solid var(--drl-line);
    padding-top: 16px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-search-result-author,
.drldial-search-result-facts {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.drldial-search-result > footer > a {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    color: var(--dialogue-accent-strong);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.drldial-search-result--project-match {
    --dialogue-accent: var(--drl-project-match-accent);
    --dialogue-accent-strong: var(--drl-project-match-accent-strong);
    --dialogue-accent-soft: var(--drl-project-match-accent-soft);
}

.drldial-search-result--long-run {
    --dialogue-accent: var(--drl-long-run-accent);
    --dialogue-accent-strong: var(--drl-long-run-accent-strong);
    --dialogue-accent-soft: var(--drl-long-run-accent-soft);
}

.drldial-search-result--team-up {
    --dialogue-accent: var(--drl-team-up-accent);
    --dialogue-accent-strong: var(--drl-team-up-accent-strong);
    --dialogue-accent-soft: var(--drl-team-up-accent-soft);
}

.drldial-search-result--co-build {
    --dialogue-accent: var(--drl-co-build-accent);
    --dialogue-accent-strong: var(--drl-co-build-accent-strong);
    --dialogue-accent-soft: var(--drl-co-build-accent-soft);
}

.drldial-search-result--project-relay {
    --dialogue-accent: var(--drl-project-relay-accent);
    --dialogue-accent-strong: var(--drl-project-relay-accent-strong);
    --dialogue-accent-soft: var(--drl-project-relay-accent-soft);
}

.drldial-search-result--warm-intro {
    --dialogue-accent: var(--drl-warm-intro-accent);
    --dialogue-accent-strong: var(--drl-warm-intro-accent-strong);
    --dialogue-accent-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-search-result--expert-check {
    --dialogue-accent: var(--drl-expert-check-accent);
    --dialogue-accent-strong: var(--drl-expert-check-accent-strong);
    --dialogue-accent-soft: var(--drl-expert-check-accent-soft);
}

@media (max-width: 1180px) {
    .drldial-search-form {
        grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(130px, 1fr)) auto;
    }
}

html[data-theme="dark"] .drldial-archive > .drldial-hero > .drldial-button,
html[data-theme="dark"] .drldial-archive > .drldial-hero > .drldial-button:hover,
html[data-theme="dark"] .drldial-archive > .drldial-hero > .drldial-button:focus-visible {
    color: #070909;
}

html[data-theme="dark"] .drldial-archive > .drldial-hero .drldial-workflow-family-label text {
    fill: #070909;
}

html[data-theme="dark"] .drldial-archive > .drldial-hero .drldial-workflow-family-label::before,
html[data-theme="dark"] .drldial-archive > .drldial-hero .drldial-workflow-family-label::after {
    background: #070909;
}

@media (min-width: 1181px) {
    body:not(.logged-in) .drldial-archive--warm-intro > .drldial-hero {
        height: clamp(500px, 34vw, 520px);
    }
}

@media (max-width: 1200px) {
    .drldial-search-query {
        grid-column: 1 / -1;
    }

    .drldial-search-form {
        grid-template-columns: repeat(3, minmax(130px, 1fr)) auto;
    }
}

@media (max-width: 760px) {
    .drldial-search-page {
        padding-bottom: 72px;
    }

    .drldial-search-tools {
        padding: 20px 0 24px;
    }

    .drldial-search-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-search-query {
        grid-column: 1 / -1;
    }

    .drldial-search-form > .drldial-button {
        width: 100%;
    }

    .drldial-search-results-head {
        align-items: start;
        flex-direction: column;
        gap: 8px;
    }

    .drldial-search-results-head p {
        text-align: left;
    }

    .drldial-search-results {
        grid-template-columns: 1fr;
    }

    .drldial-search-result {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    .drldial-search-form {
        grid-template-columns: 1fr;
    }

    .drldial-search-query {
        grid-column: auto;
    }

    .drldial-search-result {
        padding: 18px;
    }
}

.drldial-opportunity-overview,
.drldial-single-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    align-items: start;
    gap: clamp(22px, 3vw, 36px);
}

.drldial-opportunity-overview {
    min-width: 0;
}

.drldial-opportunity-overview__main {
    display: grid;
    min-width: 0;
    gap: 0;
}

.drldial-opportunity-overview__aside {
    display: grid;
    min-width: 0;
    align-self: start;
    gap: 14px;
}

.drldial-application-disclosure {
    min-width: 0;
    margin-top: 14px;
    border: 1px solid var(--drl-line-strong);
    border-left: 3px solid var(--dialogue-accent);
    background: var(--drl-surface);
}

.drldial-application-response {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    margin-top: 14px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 55%, var(--drl-line));
    border-left: 3px solid var(--dialogue-accent);
    background:
        radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--dialogue-accent) 12%, transparent), transparent 34%),
        var(--drl-surface);
    padding: 15px 17px;
}

.drldial-application-response__icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: 50%;
    color: var(--dialogue-accent-strong);
}

.drldial-application-response__icon::before {
    content: "\2713";
    font-size: 16px;
    font-weight: 800;
}

.drldial-application-response__copy {
    display: grid;
    gap: 2px;
}

.drldial-application-response__copy > small,
.drldial-submission-status__copy > small {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-application-response__copy > strong {
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 16px;
    line-height: 1.3;
}

.drldial-application-response__copy > span {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-application-disclosure > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
    color: var(--drl-text);
    cursor: pointer;
    list-style: none;
}

.drldial-application-disclosure > summary::-webkit-details-marker {
    display: none;
}

.drldial-application-disclosure > summary:hover {
    background: var(--dialogue-accent-soft);
}

.drldial-application-disclosure > summary:focus-visible {
    outline: 2px solid var(--dialogue-accent);
    outline-offset: 3px;
}

.drldial-application-disclosure[open] > summary {
    background: var(--dialogue-accent-soft);
}

.drldial-application-disclosure__copy {
    display: grid;
    gap: 3px;
}

.drldial-application-disclosure__copy > small {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 10px;
    font-style: normal;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-application-disclosure__copy > strong {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 16px;
    line-height: 1.3;
}

.drldial-application-disclosure__copy > span {
    max-width: 760px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-application-disclosure__toggle {
    display: inline-flex;
    min-width: 72px;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: var(--dialogue-accent-strong);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.drldial-application-disclosure__toggle i {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid var(--dialogue-accent);
    border-radius: 50%;
}

.drldial-application-disclosure__toggle i::before,
.drldial-application-disclosure__toggle i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 1px;
    background: currentColor;
    content: "";
    transform: translate(-50%, -50%);
}

.drldial-application-disclosure__toggle i::after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 160ms ease;
}

.drldial-application-disclosure[open] .drldial-application-disclosure__toggle i::after {
    transform: translate(-50%, -50%) rotate(0);
}

.drldial-application-disclosure__close-label,
.drldial-application-disclosure[open] .drldial-application-disclosure__open-label {
    display: none;
}

.drldial-application-disclosure[open] .drldial-application-disclosure__close-label {
    display: inline;
}

.drldial-application-disclosure__body {
    border-top: 1px solid var(--drl-line);
    padding: clamp(18px, 2.5vw, 26px);
}

.drldial-application-disclosure__body > .drldial-action-panel {
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-application-disclosure__body > .drldial-action-panel > h2:first-child {
    display: none;
}

.drldial-application-disclosure__body :is(
    .drldial-match-application-grid,
    .drldial-long-run-application-grid,
    .drldial-team-application-row,
    .drldial-co-build-proposal-selects,
    .drldial-expert-check-offer-grid
) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.drldial-application-disclosure__body :is(
    .drldial-match-application-grid,
    .drldial-long-run-application-grid,
    .drldial-team-application-row,
    .drldial-co-build-proposal-selects,
    .drldial-expert-check-offer-grid
) > label {
    display: grid;
    grid-template-rows: minmax(42px, auto) 52px minmax(50px, auto);
    align-content: start;
}

.drldial-application-disclosure__body :is(
    .drldial-match-application-grid,
    .drldial-long-run-application-grid,
    .drldial-team-application-row,
    .drldial-co-build-proposal-selects,
    .drldial-expert-check-offer-grid
) > label > :is(select, input:not([type="hidden"])) {
    width: 100%;
    min-height: 52px;
    align-self: start;
}

.drldial-application-disclosure__body :is(
    .drldial-match-application-grid,
    .drldial-long-run-application-grid,
    .drldial-team-application-row,
    .drldial-co-build-proposal-selects,
    .drldial-expert-check-offer-grid
) .drldial-candidate-field-label,
.drldial-application-disclosure__body .drldial-long-run-application-grid .drldial-long-run-application-label {
    min-height: 42px;
}

.drldial-application-disclosure__body :is(
    .drldial-candidate-form,
    .drldial-long-run-application-form
) {
    gap: 18px;
}

.drldial-application-disclosure__body :is(
    .drldial-candidate-form-intro,
    .drldial-long-run-application-intro
) {
    margin-bottom: 2px;
    padding: 12px 14px;
}

.drldial-application-disclosure__body :is(
    .drldial-candidate-form textarea,
    .drldial-long-run-application-form textarea
) {
    min-height: 96px;
}

.drldial-application-disclosure__body :is(
    .drldial-action-form--save,
    .drldial-thread-start-form--request-details
) {
    margin-top: 16px;
    border-top: 1px solid var(--drl-line);
    padding-top: 16px;
}

.drldial-application-disclosure__body .drldial-button--wide,
.drldial-application-disclosure__body :is(
    .drldial-candidate-form,
    .drldial-long-run-application-form
) > button[type="submit"] {
    width: 100%;
    max-width: none;
}

@media (max-width: 620px) {
    .drldial-application-disclosure > summary {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 14px;
    }

    .drldial-application-disclosure__toggle {
        justify-content: flex-start;
    }

    .drldial-application-disclosure__body {
        padding: 16px 14px;
    }

    .drldial-application-disclosure__body :is(
        .drldial-match-application-grid,
        .drldial-long-run-application-grid,
        .drldial-team-application-row,
        .drldial-co-build-proposal-selects,
        .drldial-expert-check-offer-grid
    ) {
        grid-template-columns: 1fr;
    }

    .drldial-application-disclosure__body :is(
        .drldial-match-application-grid,
        .drldial-long-run-application-grid,
        .drldial-team-application-row,
        .drldial-co-build-proposal-selects,
        .drldial-expert-check-offer-grid
    ) > label {
        grid-template-rows: auto 52px auto;
    }

    .drldial-application-disclosure__body :is(
        .drldial-match-application-grid,
        .drldial-long-run-application-grid,
        .drldial-team-application-row,
        .drldial-co-build-proposal-selects,
        .drldial-expert-check-offer-grid
    ) .drldial-candidate-field-label,
    .drldial-application-disclosure__body .drldial-long-run-application-grid .drldial-long-run-application-label {
        min-height: 0;
    }
}

.drldial-opportunity-overview__main > .drldial-workflow-signal {
    grid-column: auto;
    grid-row: auto;
    border-left: 0;
    padding-left: 0;
}

.drldial-opportunity-summary {
    align-self: start;
}

.drldial-single-layout {
    padding-top: 30px;
}

.drldial-single-layout--single-column {
    grid-template-columns: minmax(0, 1fr);
}

.drldial-single-layout--single-column > .drldial-single-sidebar {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drldial-opportunity-actions {
    --drldial-edit-blue: #1d5fd1;
    --drldial-save-green: #148a58;
    display: flex;
    flex-wrap: wrap;
    min-height: 64px;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 9px;
}

.drldial-submission-status {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    overflow: hidden;
    margin-bottom: 9px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 60%, var(--drl-line));
    background:
        radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--dialogue-accent) 20%, transparent), transparent 38%),
        linear-gradient(115deg, color-mix(in srgb, var(--dialogue-accent) 8%, var(--drl-surface)), var(--drl-surface) 72%);
    padding: 13px 14px;
    isolation: isolate;
    animation: drldial-submission-arrive 560ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.drldial-submission-status::after {
    position: absolute;
    z-index: -1;
    top: -60%;
    left: -35%;
    width: 36%;
    height: 220%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--dialogue-accent) 22%, transparent), transparent);
    content: "";
    opacity: 0.7;
    pointer-events: none;
    transform: rotate(14deg);
    animation: drldial-submission-sweep 4.8s ease-in-out 900ms infinite;
}

.drldial-submission-status__signal {
    position: relative;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 70%, var(--drl-line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--dialogue-accent) 9%, var(--drl-surface));
}

.drldial-submission-status__signal::before,
.drldial-submission-status__signal::after {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 62%, transparent);
    border-radius: 50%;
    content: "";
    inset: 5px;
    animation: drldial-submission-pulse 2.8s ease-out infinite;
}

.drldial-submission-status__signal::after {
    animation-delay: 1.4s;
}

.drldial-submission-status__signal i {
    width: 9px;
    height: 9px;
    border: 2px solid var(--drl-surface);
    border-radius: 50%;
    background: var(--dialogue-accent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--dialogue-accent) 72%, transparent);
}

.drldial-submission-status__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drldial-submission-status__copy > strong {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 16px;
    line-height: 1.25;
}

.drldial-submission-status__copy > span {
    color: var(--drl-text-muted);
    font-size: 11px;
    line-height: 1.4;
}

html[data-theme="dark"] .drldial-opportunity-actions {
    --drldial-edit-blue: #5ba7ff;
    --drldial-save-green: #49d496;
}

.drldial-opportunity-actions .drldial-action-form--save:not(.drldial-action-form--active),
.drldial-opportunity-actions .drldial-action-tooltip-wrap {
    width: 100%;
}

.drldial-opportunity-actions .drldial-action-form--save .drldial-button {
    display: inline-flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-color: var(--drldial-save-green);
    border-radius: 999px;
    background: var(--drldial-save-green);
    color: #ffffff;
    transition:
        width 180ms ease,
        min-width 180ms ease,
        border-radius 180ms ease,
        transform 140ms ease,
        box-shadow 180ms ease;
}

html[data-theme="dark"] .drldial-opportunity-actions .drldial-action-form--save .drldial-button {
    color: #07130e;
}

.drldial-opportunity-actions .drldial-action-form--save .drldial-button:hover {
    border-color: var(--drldial-save-green);
    background: var(--drldial-save-green);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--drldial-save-green) 24%, transparent);
    transform: translateY(-1px);
}

.drldial-opportunity-actions .drldial-action-form--save .drldial-button:active {
    animation: drldial-save-press 320ms ease;
}

.drldial-opportunity-actions .drldial-save-action__icon {
    display: inline-grid;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.drldial-opportunity-actions .drldial-save-action__icon::before {
    content: "+";
    font-size: 15px;
    font-weight: 750;
    line-height: 1;
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active {
    width: 100%;
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-action-tooltip-wrap,
.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-button {
    width: 100%;
    min-width: 0;
    min-height: 46px;
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-button {
    padding: 10px 18px;
    border-color: var(--drl-danger);
    border-radius: 999px;
    background: transparent;
    color: var(--drl-danger);
    box-shadow: none;
}

html[data-theme="dark"] .drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-button {
    color: var(--drl-danger);
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-button:hover {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 10%, transparent);
    color: var(--drl-danger);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--drl-danger) 18%, transparent);
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-save-action__icon {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border: 1px solid currentColor;
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-action-form--active .drldial-save-action__icon::before {
    content: "\2212";
    font-size: 14px;
}

.drldial-opportunity-actions .drldial-action-form--save.drldial-is-pending .drldial-button {
    cursor: wait;
    opacity: 0.72;
}

.drldial-opportunity-actions__status {
    width: 100%;
    color: var(--drldial-save-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.drldial-opportunity-actions__status:empty {
    display: none;
}

.drldial-opportunity-actions__status.drldial-is-error {
    color: #b42318;
}

.drldial-opportunity-edit {
    display: grid;
    width: 100%;
    min-height: 46px;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 1px solid var(--drldial-edit-blue);
    border-radius: 999px;
    background: var(--drldial-edit-blue);
    padding: 7px 13px 7px 8px;
    color: #ffffff;
    text-decoration: none;
    transition:
        transform 140ms ease,
        box-shadow 180ms ease;
}

html[data-theme="dark"] .drldial-opportunity-edit {
    color: #07101f;
}

.drldial-opportunity-edit:hover {
    box-shadow: 0 8px 20px color-mix(in srgb, var(--drldial-edit-blue) 24%, transparent);
    color: #ffffff;
    transform: translateY(-1px);
}

html[data-theme="dark"] .drldial-opportunity-edit:hover {
    color: #07101f;
}

.drldial-opportunity-edit--admin {
    border-color: #050607;
    background: #050607;
    color: #9da3a8;
}

.drldial-opportunity-edit--admin:hover {
    border-color: #16191c;
    background: #16191c;
    box-shadow: 0 8px 20px rgb(0 0 0 / 22%);
    color: #c1c5c9;
}

html[data-theme="dark"] .drldial-opportunity-edit--admin {
    border-color: #aeb4ba;
    background: #aeb4ba;
    color: #080a0c;
}

html[data-theme="dark"] .drldial-opportunity-edit--admin:hover {
    border-color: #c3c8cd;
    background: #c3c8cd;
    box-shadow: 0 8px 20px rgb(0 0 0 / 28%);
    color: #080a0c;
}

.drldial-opportunity-edit__avatar {
    width: 30px;
    height: 30px;
    border: 2px solid color-mix(in srgb, #ffffff 72%, transparent);
    border-radius: 50%;
    object-fit: cover;
}

.drldial-opportunity-edit__admin-mark {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
}

.drldial-opportunity-edit > span {
    display: grid;
    min-width: 0;
    gap: 0;
}

.drldial-opportunity-edit small {
    color: inherit;
    font-size: 9px;
    font-weight: 650;
    letter-spacing: 0.08em;
    line-height: 1.2;
    opacity: 0.82;
    text-transform: uppercase;
}

.drldial-opportunity-edit strong {
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-opportunity-actions .drldial-action-form--hide {
    width: 100%;
    margin-top: 2px;
}

.drldial-opportunity-actions .drldial-action-form--hide .drldial-button {
    width: 100%;
    min-height: 42px;
    border-color: var(--drl-line-strong);
    border-radius: 999px;
    background: transparent;
    color: var(--drl-text-muted);
}

.drldial-opportunity-actions .drldial-action-form--hide .drldial-button:is(:hover, :focus-visible) {
    border-color: var(--dialogue-accent);
    background: color-mix(in srgb, var(--dialogue-accent) 8%, transparent);
    color: var(--dialogue-accent-strong);
}

.drldial-opportunity-actions .drldial-action-form--hide.drldial-action-form--active .drldial-button {
    border-color: var(--dialogue-accent);
    color: var(--dialogue-accent-strong);
}

@keyframes drldial-save-press {
    0%,
    100% {
        transform: scale(1);
    }

    45% {
        transform: scale(0.9) rotate(-2deg);
    }

    70% {
        transform: scale(1.04) rotate(1deg);
    }
}

@keyframes drldial-submission-arrive {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes drldial-submission-pulse {
    0% {
        opacity: 0.72;
        transform: scale(0.55);
    }

    80%,
    100% {
        opacity: 0;
        transform: scale(1.42);
    }
}

@keyframes drldial-submission-sweep {
    0%,
    56% {
        left: -35%;
        opacity: 0;
    }

    66% {
        opacity: 0.7;
    }

    86%,
    100% {
        left: 118%;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-opportunity-actions .drldial-action-form--save .drldial-button,
    .drldial-opportunity-edit {
        transition: none;
    }

    .drldial-opportunity-actions .drldial-action-form--save .drldial-button:active {
        animation: none;
    }

    .drldial-submission-status,
    .drldial-submission-status::after,
    .drldial-submission-status__signal::before,
    .drldial-submission-status__signal::after {
        animation: none;
    }
}

.drldial-single-main,
.drldial-single-sidebar {
    display: grid;
    min-width: 0;
    gap: 22px;
}

.drldial-single-sidebar {
    position: sticky;
    top: 20px;
}

.drldial-request-content,
.drldial-team-open-roles,
.drldial-co-build-foundation,
.drldial-project-relay-plan,
.drldial-expert-check-brief,
.drldial-warm-intro-connection,
.drldial-warm-intro-reason,
.drldial-warm-intro-consent,
.drldial-conversation,
.drldial-current-protocol,
.drldial-long-run-protocol-v1,
.drldial-match-protocol-v1,
.drldial-expert-protocol-v1,
.drldial-co-build-workspace,
.drldial-co-build-protocol,
.drldial-team-protocol-map,
.drldial-team-room-manifest,
.drldial-warm-protocol-trace {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-request-content {
    border-left: 3px solid var(--dialogue-accent);
    color: var(--drl-text);
    font-size: 15px;
}

.drldial-request-content > header {
    margin: -2px 0 18px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 16px;
}

.drldial-request-content > header > span {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-request-content h2 {
    margin: 8px 0 0;
}

.drldial-request-content p:last-child,
.drldial-request-content-body p:last-child,
.drldial-warm-intro-reason p:last-child {
    margin-bottom: 0;
}

.drldial-single .drldial-section-heading {
    grid-template-columns: 1fr;
    gap: 0;
    border-color: var(--drl-line);
    padding-bottom: 16px;
}

.drldial-single .drldial-section-heading h2 {
    margin-top: 7px;
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-weight: 700;
    letter-spacing: 0;
}

.drldial-single .drldial-conversation > .drldial-section-heading h2 {
    color: var(--drl-workspace-nav);
}

.drldial-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.drldial-gallery a {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
}

.drldial-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.drldial-detail-card,
.drldial-action-panel,
.drldial-owner-panel {
    min-width: 0;
    border: 1px solid var(--drl-line);
    border-top: 2px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 18px;
}

.drldial-detail-card h2,
.drldial-action-panel h2,
.drldial-owner-panel h2 {
    margin: 7px 0 15px;
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.drldial-detail-card > h2:first-child,
.drldial-action-panel > h2:first-child,
.drldial-owner-panel > h2:first-child {
    margin-top: 0;
}

.drldial-detail-card dl,
.drldial-action-panel dl,
.drldial-owner-panel dl {
    display: grid;
    margin: 0;
}

.drldial-detail-card dl > div,
.drldial-action-panel dl > div,
.drldial-owner-panel dl > div {
    display: grid;
    gap: 3px;
    border-top: 1px solid var(--drl-line);
    padding: 11px 0;
}

.drldial-detail-card dl > div:last-child,
.drldial-action-panel dl > div:last-child,
.drldial-owner-panel dl > div:last-child {
    padding-bottom: 0;
}

.drldial-detail-card dt,
.drldial-action-panel dt,
.drldial-owner-panel dt {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.drldial-detail-card dd,
.drldial-action-panel dd,
.drldial-owner-panel dd {
    margin: 0;
    color: var(--drl-text);
    font-size: 13px;
    overflow-wrap: anywhere;
}

.drldial-action-panel p,
.drldial-owner-panel p,
.drldial-action-hint {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-action-panel form,
.drldial-owner-panel form,
.drldial-action-form,
.drldial-owner-status-form {
    display: grid;
    gap: 10px;
}

.drldial-action-panel form + form,
.drldial-owner-panel form + form,
.drldial-action-panel form + .drldial-button,
.drldial-owner-panel form + .drldial-button {
    margin-top: 10px;
}

.drldial-single-sidebar .drldial-action-panel {
    display: grid;
    gap: 8px;
}

.drldial-single-sidebar .drldial-action-panel > h2 {
    margin-bottom: 8px;
}

.drldial-single-sidebar .drldial-action-panel > form,
.drldial-single-sidebar .drldial-action-panel > .drldial-button,
.drldial-single-sidebar .drldial-action-panel form > .drldial-button {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.drldial-single-sidebar .drldial-action-panel > .drldial-thread-start-form--request-details,
.drldial-single-sidebar .drldial-action-panel > .drldial-thread-link--request-details {
    margin-top: 8px;
    border-top: 1px solid var(--drl-line);
    padding-top: 16px;
}

.drldial-single-sidebar .drldial-action-panel .drldial-thread-start-form--start-dialogue .drldial-button,
.drldial-single-sidebar .drldial-action-panel .drldial-thread-link--start-dialogue {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-single-sidebar .drldial-action-panel .drldial-thread-start-form--start-dialogue .drldial-button,
html[data-theme="dark"] .drldial-single-sidebar .drldial-action-panel .drldial-thread-link--start-dialogue {
    color: #071012;
}

.drldial-single-sidebar .drldial-action-panel > .drldial-action-form--save {
    margin-top: 8px;
    border-top: 1px solid var(--drl-line);
    padding-top: 16px;
}

.drldial-single-sidebar .drldial-action-form--save .drldial-button,
.drldial-single-sidebar .drldial-action-form--hide .drldial-button {
    border-color: var(--drl-line-strong);
    background: transparent;
    color: var(--drl-text-muted);
}

.drldial-action-form--save.drldial-action-form--active .drldial-button {
    border-color: var(--drl-danger);
    background: transparent;
    color: var(--drl-danger);
}

.drldial-action-form--save.drldial-action-form--active .drldial-button:hover {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 10%, transparent);
    color: var(--drl-danger);
}

.drldial-single-sidebar .drldial-action-form--express-interest .drldial-is-active {
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-action-panel label,
.drldial-owner-panel label {
    display: grid;
    gap: 6px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 600;
}

.drldial-long-run-application-form {
    display: grid;
    gap: 20px;
}

.drldial-long-run-application-intro,
.drldial-long-run-application-next-step {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 450;
    line-height: 1.55;
}

.drldial-long-run-application-intro {
    border-left: 2px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 11px 12px;
}

.drldial-long-run-application-grid {
    display: grid;
    gap: 20px;
}

.drldial-long-run-application-form > label,
.drldial-long-run-application-grid > label {
    gap: 8px;
}

.drldial-long-run-application-label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    color: var(--drl-text);
    line-height: 1.4;
}

.drldial-long-run-application-label > small {
    flex: 0 0 auto;
    border: 1px solid var(--drl-line);
    padding: 2px 5px;
    color: var(--drl-text-subtle);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.25;
    text-transform: uppercase;
}

.drldial-long-run-application-help {
    color: var(--drl-text-subtle);
    font-size: 11px;
    font-weight: 450;
    line-height: 1.5;
}

.drldial-long-run-application-form textarea::placeholder {
    color: var(--drl-text-subtle);
    opacity: 1;
}

.drldial-long-run-application-next-step {
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
}

html[data-theme="dark"] .drldial-long-run-application-form select {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
    -webkit-text-fill-color: var(--drl-text);
    color-scheme: dark;
}

html[data-theme="dark"] .drldial-long-run-application-form select option {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
}

.drldial-candidate-form {
    display: grid;
    gap: 20px;
}

.drldial-candidate-form-intro,
.drldial-candidate-form-next-step {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 450;
    line-height: 1.55;
}

.drldial-candidate-form-intro {
    border-left: 2px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 11px 12px;
}

.drldial-candidate-form > label,
.drldial-candidate-form > div > label {
    gap: 8px;
}

.drldial-candidate-field-label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    color: var(--drl-text);
    line-height: 1.4;
}

.drldial-candidate-field-label > small {
    flex: 0 0 auto;
    border: 1px solid var(--drl-line);
    padding: 2px 5px;
    color: var(--drl-text-subtle);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.25;
    text-transform: uppercase;
}

.drldial-candidate-field-help {
    color: var(--drl-text-subtle);
    font-size: 11px;
    font-weight: 450;
    line-height: 1.5;
}

.drldial-candidate-form textarea::placeholder,
.drldial-candidate-form input::placeholder {
    color: var(--drl-text-subtle);
    opacity: 1;
}

.drldial-candidate-form-next-step {
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
}

html[data-theme="dark"] .drldial-candidate-form select {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
    -webkit-text-fill-color: var(--drl-text);
    color-scheme: dark;
}

html[data-theme="dark"] .drldial-candidate-form select option {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
}

.drldial-button--wide {
    width: 100%;
}

.drldial-team-role-cards,
.drldial-co-build-foundation-grid,
.drldial-project-relay-plan-grid,
.drldial-expert-check-brief-grid,
.drldial-warm-intro-consent-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.drldial-team-role-card,
.drldial-co-build-foundation-grid > article,
.drldial-project-relay-plan-grid > article,
.drldial-expert-check-brief-grid > article,
.drldial-warm-intro-consent-grid > article {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 15px;
}

.drldial-team-role-card h3,
.drldial-co-build-foundation-grid strong,
.drldial-project-relay-plan-grid strong,
.drldial-expert-check-brief-grid strong {
    font-size: 15px;
}

.drldial-team-role-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 10px;
}

.drldial-team-role-card-head h3 {
    margin: 0;
}

.drldial-team-role-card-head > span,
.drldial-co-build-foundation-grid > article > span,
.drldial-project-relay-plan-grid > article > span,
.drldial-expert-check-brief-grid > article > span {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
}

.drldial-team-role-card > p,
.drldial-co-build-foundation-grid p,
.drldial-project-relay-plan-grid p,
.drldial-expert-check-brief-grid p {
    margin: 10px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-project-relay-plan-grid > article,
.drldial-expert-check-brief-grid > article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
}

.drldial-team-role-members {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.drldial-team-role-members > span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.drldial-project-relay-privacy,
.drldial-expert-check-privacy,
.drldial-warm-intro-privacy,
.drldial-expert-check-owner-note,
.drldial-co-build-owner-note {
    margin-top: 14px;
    border-left: 2px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 12px 14px;
    font-size: 13px;
}

.drldial-project-relay-privacy p,
.drldial-expert-check-privacy p,
.drldial-warm-intro-privacy p,
.drldial-expert-check-owner-note p,
.drldial-co-build-owner-note p {
    margin: 4px 0 0;
    color: var(--drl-text-muted);
}

.drldial-warm-intro-people {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
    margin-top: 16px;
}

.drldial-warm-intro-people > article {
    display: grid;
    justify-items: center;
    gap: 7px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 18px;
    text-align: center;
}

.drldial-warm-intro-people .drldial-avatar {
    width: 52px;
    height: 52px;
}

.drldial-warm-intro-people article > span,
.drldial-warm-intro-people article > small {
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-warm-intro-bridge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--dialogue-accent-strong);
}

.drldial-warm-intro-bridge > span {
    height: 1px;
    flex: 1 1 auto;
    background: var(--dialogue-accent);
}

.drldial-warm-intro-bridge b {
    font-size: 18px;
    font-weight: 500;
}

.drldial-warm-intro-reason > div {
    margin-top: 12px;
}

.drldial-warm-intro-consent-grid > article {
    display: grid;
    gap: 4px;
}

.drldial-warm-intro-consent-grid > article > span {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-conversation {
    padding: 22px;
}

.wpmc-comments-section {
    margin-top: 18px;
}

.wpmc-comment-form-title,
.wpmc-comments-title {
    margin: 0 0 12px;
    color: var(--drl-workspace-nav);
    font-family: var(--drl-font-ui);
    font-size: 16px;
    font-weight: 650;
}

.wpmc-comment-form {
    display: grid;
    gap: 10px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 14px;
}

.wpmc-comment-form textarea {
    background: var(--drl-surface-raised);
}

.wpmc-comment-images-picker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.wpmc-image-upload-label,
.wpmc-comment-upload {
    display: inline-flex;
    cursor: pointer;
}

.wpmc-upload-button,
.drldial-image-picker-button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface);
    padding: 7px 12px;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 600;
}

.wpmc-help-text,
.drldial-image-picker-help {
    color: var(--drl-text-muted);
    font-size: 12px;
}

.wpmc-submit-comment,
.wpmc-reply-button,
.wpmc-toggle-replies,
.wpmc-comment__actions .wp-element-button {
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dialogue-accent);
    border-radius: var(--drl-radius);
    background: transparent;
    padding: 7px 14px;
    color: var(--dialogue-accent-strong);
    cursor: pointer;
    font-family: var(--drl-font-ui);
    font-size: 13px;
    font-weight: 600;
}

.wpmc-submit-comment {
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .wpmc-submit-comment {
    color: #071012;
}

.wpmc-comments-title {
    margin-top: 22px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 10px;
}

.wpmc-comments,
.wpmc-comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpmc-comments ul.wpmc-comments {
    margin-top: 12px;
    margin-left: 42px;
}

.wpmc-comment {
    border-bottom: 1px solid var(--drl-line);
    padding: 16px 0;
}

.wpmc-comment__inner {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
}

.wpmc-comment__avatar img,
.wpmc-avatar {
    width: 38px;
    height: 38px;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    object-fit: cover;
}

.wpmc-comment__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 9px;
    min-height: 24px;
    font-size: 12px;
}

.wpmc-comment__author {
    color: var(--drl-text);
    font-weight: 650;
}

.wpmc-comment__date,
.wpmc-edited-note {
    color: var(--drl-text-muted);
}

.wpmc-badge {
    border: 1px solid var(--dialogue-accent);
    padding: 1px 6px;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 650;
}

.wpmc-comment__text {
    margin-top: 5px;
    font-size: 14px;
}

.wpmc-comment__text p {
    margin: 0 0 8px;
}

.wpmc-comment__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.drldial-conversation {
    padding: 18px;
}

.drldial-conversation > .drldial-section-heading {
    display: block;
    padding-bottom: 10px;
}

.drldial-conversation > .drldial-section-heading > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.drldial-conversation > .drldial-section-heading .drldial-eyebrow {
    grid-column: 1;
    grid-row: 1;
}

.drldial-single .drldial-conversation > .drldial-section-heading h2 {
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid var(--dialogue-accent);
    border-radius: 999px;
    background: var(--dialogue-accent-soft);
    padding: 3px 8px;
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.drldial-conversation .wpmc-comments-section {
    margin-top: 10px;
}

.drldial-conversation .wpmc-comment-form-title {
    margin-bottom: 6px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.drldial-conversation .wpmc-comment-form {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-conversation .wpmc-comment-form .wpmc-form-group {
    min-width: 0;
}

.drldial-conversation .wpmc-comment-form textarea {
    width: 100%;
    min-height: 66px;
    border-color: var(--drl-line);
    background: var(--drl-surface);
    padding: 8px 10px;
    font-size: 13px;
    line-height: 1.45;
    resize: vertical;
}

.drldial-conversation .wpmc-submit-comment {
    min-height: 34px;
    padding: 6px 11px;
    font-size: 12px;
}

.drldial-conversation .wpmc-comments-title {
    margin: 11px 0 0;
    border: 0;
    padding: 0;
    color: var(--drl-text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-conversation .wpmc-comments {
    margin-top: 3px;
}

.drldial-conversation .wpmc-comments ul.wpmc-comments {
    margin-top: 6px;
    margin-left: 30px;
}

.drldial-conversation .wpmc-comment {
    padding: 10px 0;
}

.drldial-conversation .wpmc-comment__inner {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 8px;
}

.drldial-conversation .wpmc-comment__avatar img,
.drldial-conversation .wpmc-avatar {
    width: 30px;
    height: 30px;
}

.drldial-conversation .wpmc-comment__meta {
    gap: 3px 7px;
    min-height: 18px;
    font-size: 11px;
}

.drldial-conversation .wpmc-badge {
    padding: 0 5px;
    font-size: 10px;
}

.drldial-conversation .wpmc-comment__text {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.5;
}

.drldial-conversation .wpmc-comment__text p {
    margin-bottom: 5px;
}

.drldial-conversation .wpmc-comment__actions {
    gap: 5px;
    margin-top: 5px;
}

.drldial-conversation :is(
    .wpmc-reply-button,
    .wpmc-toggle-replies,
    .wpmc-comment__actions .wp-element-button
) {
    min-height: 28px;
    padding: 3px 8px;
    font-size: 11px;
}

.drldial-conversation .wpmc-comment > ul.wpmc-comments {
    margin: 9px 0 2px 18px;
    border-left: 2px solid var(--dialogue-accent);
    padding: 2px 0 2px 12px;
}

.drldial-conversation .wpmc-comment--reply {
    margin-top: 7px;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    background: var(--drl-surface-soft);
    padding: 10px 12px;
}

.drldial-conversation .wpmc-comment--reply + .wpmc-comment--reply {
    margin-top: 7px;
}

.drldial-conversation .wpmc-comment--reply .wpmc-comment__inner {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
}

.drldial-conversation .wpmc-comment--reply .wpmc-comment__avatar img,
.drldial-conversation .wpmc-comment--reply .wpmc-avatar {
    width: 26px;
    height: 26px;
}

.drldial-conversation .wpmc-reply-button,
.drldial-conversation .wpmc-toggle-replies {
    border-color: transparent;
    border-radius: 999px;
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-conversation .wpmc-reply-button::before {
    content: "↳";
    margin-right: 5px;
    font-size: 14px;
    line-height: 1;
}

.drldial-conversation .wpmc-toggle-replies::before {
    content: "▾";
    margin-right: 5px;
    font-size: 10px;
    transition: transform 160ms ease;
}

.drldial-conversation .wpmc-toggle-replies[aria-expanded="false"]::before {
    transform: rotate(-90deg);
}

.drldial-conversation :is(.wpmc-reply-button, .wpmc-toggle-replies):hover {
    border-color: var(--dialogue-accent);
    background: var(--drl-surface);
}

.drldial-conversation :is(.wpmc-reply-button, .wpmc-toggle-replies):focus-visible {
    outline: 3px solid var(--dialogue-accent-soft);
    outline-offset: 2px;
}

.drldial-conversation .wpmc-reply-form:not([hidden]) {
    margin: 9px 0 2px 38px;
}

.drldial-conversation .wpmc-reply-form .wpmc-comment-form {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    background: var(--drl-surface-soft);
    padding: 10px;
}

.drldial-conversation .wpmc-reply-form textarea {
    min-height: 58px;
    background: var(--drl-surface);
}

@media (max-width: 560px) {
    .drldial-conversation .wpmc-comment-form {
        grid-template-columns: 1fr;
    }

    .drldial-conversation .wpmc-submit-comment {
        justify-self: start;
    }

    .drldial-conversation .wpmc-comments ul.wpmc-comments {
        margin-left: 20px;
    }

    .drldial-conversation .wpmc-comment > ul.wpmc-comments {
        margin-left: 8px;
        padding-left: 9px;
    }

    .drldial-conversation .wpmc-comment--reply {
        padding: 9px;
    }

    .drldial-conversation .wpmc-reply-form:not([hidden]) {
        margin-left: 0;
    }

    .drldial-conversation .wpmc-reply-form .wpmc-comment-form {
        grid-template-columns: 1fr;
    }
}

.drldial-candidate-list,
.drldial-co-build-candidate-list,
.drldial-project-relay-candidate-list,
.drldial-expert-check-candidate-list,
.drldial-team-candidate-list {
    display: grid;
    gap: 10px;
}

.drldial-candidate,
.drldial-co-build-candidate,
.drldial-project-relay-candidate,
.drldial-expert-check-candidate,
.drldial-team-candidate {
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 12px;
}

.drldial-co-build-candidate-head,
.drldial-project-relay-candidate-head,
.drldial-expert-check-candidate-head,
.drldial-team-candidate-head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.drldial-co-build-candidate-actions,
.drldial-project-relay-candidate-actions,
.drldial-expert-check-candidate-actions,
.drldial-team-candidate-actions,
.drldial-warm-intro-response-actions,
.drldial-current-protocol-actions,
.drldial-long-run-protocol-actions,
.drldial-match-protocol-actions,
.drldial-expert-protocol-actions,
.drldial-co-build-protocol-actions {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.drldial-matching-panel {
    margin-top: 34px;
    border-top: 2px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 24px;
}

.drldial-matching-panel-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 16px;
}

.drldial-matching-panel-heading h2 {
    margin: 7px 0 0;
}

.drldial-matching-explanation,
.drldial-matching-empty {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-matching-professionals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 12px;
}

.drldial-match-card {
    display: grid;
    min-width: 0;
    height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 18px;
}

.drldial-match-card-head {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
}

.drldial-match-profile-link {
    display: grid;
    min-width: 0;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    color: var(--drl-text);
    text-decoration: none;
}

.drldial-match-profile-link .drldial-match-avatar {
    width: 52px;
    height: 52px;
    border: 2px solid color-mix(in srgb, var(--dialogue-accent) 34%, var(--drl-line));
    border-radius: 50%;
    background: var(--drl-surface);
    object-fit: cover;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.drldial-match-profile-copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.drldial-match-profile-copy h3 {
    margin: 0;
    color: var(--drl-text);
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.16;
}

.drldial-match-profile-copy > span {
    overflow: hidden;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.drldial-match-profile-link:hover h3,
.drldial-match-profile-link:focus-visible h3 {
    color: var(--dialogue-accent-strong);
}

.drldial-match-profile-link:hover .drldial-match-avatar,
.drldial-match-profile-link:focus-visible .drldial-match-avatar {
    border-color: var(--dialogue-accent);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--dialogue-accent) 18%, transparent);
    transform: translateY(-1px);
}

.drldial-match-profile-link:focus-visible {
    outline: 2px solid var(--dialogue-accent);
    outline-offset: 4px;
}

.drldial-match-card-aside {
    display: grid;
    justify-items: end;
    gap: 7px;
}

.drldial-match-view-link {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 52%, var(--drl-line));
    background: color-mix(in srgb, var(--dialogue-accent-soft) 64%, transparent);
    padding: 4px 10px;
    color: var(--dialogue-accent-strong);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.drldial-match-view-link:hover,
.drldial-match-view-link:focus-visible {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
    outline: 0;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dialogue-accent) 12%, transparent);
}

.drldial-match-card-body {
    min-width: 0;
}

.drldial-match-score {
    display: grid;
    justify-items: center;
    margin-left: auto;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
}

.drldial-match-card-aside .drldial-match-score {
    margin-left: 0;
}

.drldial-match-score strong {
    line-height: 1.15;
}

.drldial-match-reasons {
    margin: 16px 0 0;
    padding-left: 18px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-match-card-footer {
    display: grid;
    align-self: end;
    margin-top: 16px;
    border-top: 1px solid var(--drl-line);
    padding-top: 12px;
}

.drldial-match-card-actions,
.drldial-match-card-actions .drldial-invitation-owner-state {
    display: grid;
    min-width: 0;
    gap: 9px;
}

.drldial-match-card-actions :is(
    .drldial-invitation-send-form,
    .drldial-invitation-cancel-form
) {
    display: flex;
    width: 100%;
    margin: 0;
}

.drldial-match-card-actions .drldial-invitation-send-form .drldial-button {
    width: 100%;
}

.drldial-match-card-actions :is(
    .drldial-button,
    .drldial-invitation-text-button
) {
    min-height: 42px;
    margin: 0;
}

.drldial-match-card-actions .drldial-invitation-text-button {
    border: 1px solid color-mix(in srgb, var(--drl-danger) 58%, var(--drl-line));
    background: transparent;
    padding: 8px 13px;
    color: var(--drl-danger);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
}

.drldial-match-card-actions .drldial-invitation-text-button:hover,
.drldial-match-card-actions .drldial-invitation-text-button:focus-visible {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 9%, transparent);
    color: var(--drl-danger);
    outline: 0;
}

.drldial-match-card-actions .drldial-invitation-state {
    display: inline-flex;
    width: fit-content;
    min-height: 22px;
    align-items: center;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 680;
    line-height: 1.35;
}

@media (max-width: 560px) {
    .drldial-match-card {
        padding: 15px;
    }

    .drldial-match-card-head {
        gap: 10px;
    }

    .drldial-match-profile-link {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 9px;
    }

    .drldial-match-profile-link .drldial-match-avatar {
        width: 44px;
        height: 44px;
    }

    .drldial-match-profile-copy h3 {
        font-size: 16px;
    }
}

/* Authenticated dialogue states and protocol workspaces */
.drldial-team-console,
.drldial-warm-decision-dock,
.drldial-warm-thread-card {
    min-width: 0;
    border: 1px solid var(--drl-line);
    border-top: 2px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 18px;
}

.drldial-single-sidebar .drldial-match-stage-rail,
.drldial-single-sidebar .drldial-long-run-stage-track,
.drldial-single-sidebar .drldial-expert-stage-rail,
.drldial-single-sidebar .drldial-current-stage-line,
.drldial-single-sidebar .drldial-co-build-stage-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drldial-team-console > header,
.drldial-warm-decision-dock > header,
.drldial-match-protocol-v1 > header,
.drldial-long-run-protocol-head,
.drldial-expert-protocol-head,
.drldial-co-build-workspace-heading,
.drldial-team-protocol-map > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 13px;
}

.drldial-team-console > header span,
.drldial-warm-decision-dock > header span,
.drldial-match-protocol-v1 > header span,
.drldial-long-run-protocol-head span,
.drldial-expert-protocol-head span,
.drldial-co-build-table-code,
.drldial-team-protocol-map > header span,
.drldial-current-label {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-team-console > header h2,
.drldial-warm-decision-dock > header h2,
.drldial-match-protocol-v1 > header h2,
.drldial-long-run-protocol-head h2,
.drldial-expert-protocol-head h2,
.drldial-co-build-workspace-heading h2,
.drldial-team-protocol-map > header h2,
.drldial-current-protocol h2,
.drldial-co-build-protocol h2,
.drldial-warm-thread-card h2,
.drldial-team-room-manifest h2 {
    margin: 4px 0 0;
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
}

.drldial-team-console > p,
.drldial-warm-decision-dock > p,
.drldial-current-protocol > p,
.drldial-co-build-protocol > p,
.drldial-warm-thread-card > p,
.drldial-team-room-manifest > p,
.drldial-match-protocol-note,
.drldial-long-run-protocol-note,
.drldial-expert-protocol-note,
.drldial-co-build-waiting-note {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-team-room-preview {
    display: grid;
    min-width: 0;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 14px 0;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 32%, var(--drl-line));
    background: color-mix(in srgb, var(--dialogue-accent-soft) 55%, var(--drl-surface));
    padding: 13px;
}

.drldial-team-room-preview__icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 45%, var(--drl-line));
    border-radius: 50%;
    background: var(--drl-surface);
    color: var(--dialogue-accent-strong);
}

.drldial-team-room-preview__icon svg {
    width: 23px;
    height: 23px;
}

.drldial-team-room-preview__copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.drldial-team-room-preview__copy strong {
    color: var(--drl-text);
    font-size: 13px;
    line-height: 1.35;
}

.drldial-team-room-preview__copy > span {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-team-room-preview__status {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 38%, var(--drl-line));
    background: var(--drl-surface);
    padding: 5px 9px;
    color: var(--dialogue-accent-strong);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.045em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.drldial-team-room-preview--ready {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
}

.drldial-team-room-preview--ready .drldial-team-room-preview__status {
    border-color: var(--dialogue-accent);
}

.drldial-team-room-launch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
    border: 1px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 14px;
}

.drldial-team-room-launch > p {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin: 0;
}

.drldial-team-room-launch > p strong {
    color: var(--drl-text);
    font-size: 13px;
}

.drldial-team-room-launch > p span {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-team-room-launch .drldial-team-protocol-action {
    flex: 0 0 auto;
    margin: 0;
}

.drldial-team-room-launch .drldial-button {
    white-space: nowrap;
}

@media (max-width: 560px) {
    .drldial-team-room-preview {
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
    }

    .drldial-team-room-preview__icon {
        width: 36px;
        height: 36px;
    }

    .drldial-team-room-preview__status {
        grid-column: 2;
        justify-self: start;
    }

    .drldial-team-room-launch {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-team-room-launch .drldial-button {
        width: 100%;
        white-space: normal;
    }
}

.drldial-match-protocol-note,
.drldial-long-run-protocol-note,
.drldial-expert-protocol-note,
.drldial-current-protocol > p:last-child,
.drldial-co-build-waiting-note {
    margin: 14px 0 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 12px;
}

.drldial-match-stage-rail,
.drldial-long-run-stage-track,
.drldial-expert-stage-rail,
.drldial-current-stage-line,
.drldial-co-build-stage-rail,
.drldial-team-protocol-map ol,
.drldial-warm-protocol-trace ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
    gap: 8px;
    margin: 14px 0;
    padding: 0;
    list-style: none;
}

.drldial-match-stage-rail li,
.drldial-long-run-stage-track li,
.drldial-expert-stage-rail li,
.drldial-current-stage-line li,
.drldial-co-build-stage-rail li,
.drldial-team-protocol-map li,
.drldial-warm-protocol-trace li {
    display: grid;
    min-width: 0;
    align-content: start;
    justify-items: center;
    gap: 5px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 9px 6px;
    color: var(--drl-text-muted);
    font-size: 12px;
    text-align: center;
}

.drldial-match-stage-rail li > span,
.drldial-long-run-stage-track li > span,
.drldial-expert-stage-rail li > span,
.drldial-current-stage-line li > span,
.drldial-co-build-stage-rail li > span,
.drldial-team-protocol-map li > span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-surface);
    font-size: 12px;
}

.drldial-match-stage-rail .drldial-is-complete,
.drldial-match-stage-rail .drldial-is-current,
.drldial-long-run-stage-track .is-complete,
.drldial-long-run-stage-track .is-current,
.drldial-expert-stage-rail .is-complete,
.drldial-expert-stage-rail .is-current,
.drldial-current-stage-line .is-complete,
.drldial-current-stage-line .is-current,
.drldial-co-build-stage-rail .is-complete,
.drldial-co-build-stage-rail .is-current,
.drldial-team-protocol-map .is-passed,
.drldial-team-protocol-map .is-current,
.drldial-warm-protocol-trace .drldial-warm-trace--passed,
.drldial-warm-protocol-trace .drldial-warm-trace--current {
    border-color: color-mix(in srgb, var(--dialogue-accent) 60%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-match-stage-rail .drldial-is-current > span,
.drldial-long-run-stage-track .is-current > span,
.drldial-expert-stage-rail .is-current > span,
.drldial-current-stage-line .is-current > span,
.drldial-co-build-stage-rail .is-current > span,
.drldial-team-protocol-map .is-current > span {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-match-stage-rail .drldial-is-current > span,
html[data-theme="dark"] .drldial-long-run-stage-track .is-current > span,
html[data-theme="dark"] .drldial-expert-stage-rail .is-current > span,
html[data-theme="dark"] .drldial-current-stage-line .is-current > span,
html[data-theme="dark"] .drldial-co-build-stage-rail .is-current > span,
html[data-theme="dark"] .drldial-team-protocol-map .is-current > span {
    color: #071012;
}

.drldial-warm-protocol-trace {
    display: grid;
    grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}

.drldial-warm-protocol-trace__lead {
    display: grid;
    gap: 4px;
}

.drldial-warm-protocol-trace__lead > span {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-warm-protocol-trace__lead > strong {
    font-family: var(--drl-font-display);
    font-size: 20px;
    font-weight: 500;
}

.drldial-warm-protocol-trace li i {
    width: 10px;
    height: 10px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-surface);
}

.drldial-warm-protocol-trace .drldial-warm-trace--current i {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
}

.drldial-protocol-trace {
    display: grid;
    grid-template-columns: minmax(190px, 0.32fr) minmax(0, 1fr);
    align-items: center;
    gap: 18px 28px;
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-protocol-trace__lead {
    display: grid;
    align-content: center;
    gap: 5px;
}

.drldial-protocol-trace__lead > span {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-protocol-trace__lead > strong {
    color: var(--dialogue-accent-strong);
    font-family: var(--drl-font-ui);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.drldial-protocol-trace__lead > small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-protocol-trace > ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.drldial-protocol-trace > ol > li {
    display: grid;
    min-width: 0;
    min-height: 90px;
    align-content: center;
    justify-items: center;
    gap: 8px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 12px 9px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

.drldial-protocol-trace > ol > li > i {
    width: 10px;
    height: 10px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: var(--drl-surface);
}

.drldial-protocol-trace > ol > li > span {
    display: block;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: inherit;
}

.drldial-protocol-trace > ol > .drldial-protocol-trace-state--passed,
.drldial-protocol-trace > ol > .drldial-protocol-trace-state--current {
    border-color: color-mix(in srgb, var(--dialogue-accent) 60%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-protocol-trace > ol > .drldial-protocol-trace-state--passed > i {
    border-color: var(--dialogue-accent);
}

.drldial-protocol-trace > ol > .drldial-protocol-trace-state--current > i {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
}

.drldial-protocol-trace__note {
    grid-column: 1 / -1;
    margin: 0;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

@media (max-width: 820px) {
    .drldial-protocol-trace {
        grid-template-columns: 1fr;
        padding: 18px;
    }
}

@media (max-width: 520px) {
    .drldial-protocol-trace > ol {
        grid-template-columns: 1fr;
    }

    .drldial-protocol-trace > ol > li {
        min-height: 0;
    }
}

.drldial-match-scope-sheet,
.drldial-long-run-rhythm-sheet,
.drldial-expert-proof-sheet,
.drldial-team-charter-sheet,
.drldial-co-build-canvas-sheet {
    display: grid;
    gap: 0;
    margin: 14px 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 12px;
}

.drldial-match-scope-sheet > div,
.drldial-long-run-rhythm-sheet > div,
.drldial-expert-proof-sheet > div,
.drldial-team-charter-sheet > div,
.drldial-co-build-canvas-sheet > div {
    display: grid;
    gap: 4px;
    border-bottom: 1px solid var(--drl-line);
    padding: 10px 0;
}

.drldial-match-scope-sheet > div:last-child,
.drldial-long-run-rhythm-sheet > div:last-child,
.drldial-expert-proof-sheet > div:last-child,
.drldial-team-charter-sheet > div:last-child,
.drldial-co-build-canvas-sheet > div:last-child {
    border-bottom: 0;
}

.drldial-match-scope-sheet dt,
.drldial-long-run-rhythm-sheet dt,
.drldial-expert-proof-sheet dt,
.drldial-team-charter-sheet dt,
.drldial-co-build-canvas-sheet dt {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase;
}

.drldial-match-scope-sheet dd,
.drldial-long-run-rhythm-sheet dd,
.drldial-expert-proof-sheet dd,
.drldial-team-charter-sheet dd,
.drldial-co-build-canvas-sheet dd {
    margin: 0;
    font-size: 13px;
}

.drldial-match-scope-sheet dd p,
.drldial-long-run-rhythm-sheet dd p,
.drldial-expert-proof-sheet dd p,
.drldial-team-charter-sheet dd p,
.drldial-co-build-canvas-sheet dd p {
    margin: 0;
}

.drldial-match-scope-form,
.drldial-long-run-alignment-form,
.drldial-long-run-checkpoint-open,
.drldial-long-run-checkpoint-response,
.drldial-expert-brief-form,
.drldial-expert-result-form,
.drldial-expert-revision-form,
.drldial-co-build-canvas-form,
.drldial-co-build-progress-form,
.drldial-team-application,
.drldial-team-invite-station,
.drldial-team-charter-editor {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 12px;
}

.drldial-match-scope-form label,
.drldial-long-run-alignment-form label,
.drldial-long-run-checkpoint-open label,
.drldial-long-run-checkpoint-response label,
.drldial-expert-brief-form label,
.drldial-expert-result-form label,
.drldial-expert-revision-form label,
.drldial-co-build-canvas-form label,
.drldial-co-build-progress-form label,
.drldial-team-application label,
.drldial-team-invite-station label,
.drldial-team-charter-editor label {
    display: grid;
    gap: 6px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 600;
}

.drldial-team-application.drldial-candidate-form {
    gap: 20px;
}

.drldial-team-application.drldial-candidate-form label {
    gap: 8px;
}

.drldial-long-run-form-row,
.drldial-team-application-row,
.drldial-co-build-confirmation-columns,
.drldial-co-build-progress-columns,
.drldial-co-build-canvas-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.drldial-long-run-trial-signals,
.drldial-long-run-review-signals,
.drldial-co-build-confirmation-board,
.drldial-co-build-progress-board,
.drldial-co-build-review-gate,
.drldial-warm-decision-dock__waiting,
.drldial-warm-decision-dock__confirmed,
.drldial-team-confirmed-note {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    border-left: 2px solid var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    padding: 12px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-co-build-canvas-cell,
.drldial-co-build-maker-column,
.drldial-team-dossiers > article {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface-soft);
    padding: 12px;
}

.drldial-team-roster,
.drldial-team-dossiers,
.drldial-team-recruitment-ledger,
.drldial-long-run-logbook {
    display: grid;
    gap: 9px;
    margin-top: 12px;
}

.drldial-team-roster-person,
.drldial-team-recruitment-ledger > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid var(--drl-line);
    padding: 8px 0;
    font-size: 12px;
}

.drldial-team-roster-person > span,
.drldial-team-recruitment-ledger > div > span {
    display: grid;
}

.drldial-team-roster-person em {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-style: normal;
}

.drldial-team-dossiers > article > header {
    display: flex;
    align-items: center;
    gap: 9px;
}

.drldial-team-dossiers > article dl {
    margin-bottom: 0;
}

.drldial-warm-decision-dock__actions,
.drldial-warm-decision-dock__initiator {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.drldial-warm-decision-dock__initiator {
    justify-content: space-between;
    border-top: 1px solid var(--drl-line);
    padding-top: 12px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-empty {
    margin-top: 28px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 36px;
}

.drldial-empty h3 {
    margin-bottom: 8px;
}

.drldial-empty p {
    margin-bottom: 0;
    color: var(--drl-text-muted);
}

.drldial-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 32px;
}

.drldial-pagination a {
    display: grid;
    width: 42px;
    min-height: 42px;
    place-items: center;
    border: 1px solid var(--drl-line);
    text-decoration: none;
}

.drldial-pagination a.drldial-is-current {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent);
    color: #ffffff;
}

.drldial-notice,
.wpmc-notice {
    margin-bottom: 24px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 16px 18px;
    font-size: 14px;
}

.wpmc-commercial-slot:empty,
.wpmc-commercial-slot[data-collapse-empty="1"]:empty {
    display: none;
}

.wpmc-account-page,
.wpmc-account-workspace,
.wpmc-account-panels,
.wpmc-account-panel {
    min-width: 0;
    width: 100%;
}

.wpmc-account-page {
    padding-bottom: 96px;
}

.wpmc-account-panel:not(.is-active) {
    display: none;
}

.wpmc-account-login-gate {
    padding-bottom: 96px;
}

.wpmc-account-login-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    min-height: 270px;
    align-items: center;
    gap: 24px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-workspace-nav) 4%, var(--drl-surface));
    padding: 42px;
}

.wpmc-account-login-icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 55%, var(--drl-line));
    border-radius: 50%;
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.wpmc-account-login-icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wpmc-account-login-kicker {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.wpmc-account-login-card h2 {
    margin: 6px 0 0;
    font-family: var(--drl-font-display);
    font-size: clamp(23px, 2vw, 27px);
    font-weight: 520;
    line-height: 1.18;
}

.wpmc-account-login-card p {
    max-width: 660px;
    margin: 11px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.58;
}

.wpmc-account-login-actions {
    display: grid;
    min-width: 190px;
    gap: 10px;
}

.wpmc-account-login-primary,
.wpmc-account-login-secondary {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 1px solid var(--drl-workspace-nav);
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.wpmc-account-login-primary {
    background: var(--drl-workspace-action);
    color: var(--drl-workspace-on-action);
}

.wpmc-account-login-primary:hover {
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.wpmc-account-login-secondary {
    color: var(--drl-workspace-nav);
}

@media (max-width: 900px) {
    .wpmc-account-login-card {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .wpmc-account-login-actions {
        grid-column: 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .wpmc-account-login-card {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 20px;
    }

    .wpmc-account-login-actions {
        grid-column: auto;
        grid-template-columns: 1fr;
        width: 100%;
    }
}

.drldial-next-moves {
    display: grid;
    gap: 24px;
}

.drldial-next-moves-status {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.12em;
    line-height: 1.35;
    text-transform: uppercase;
}

.drldial-next-moves-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    align-items: end;
    gap: 32px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    padding: 24px 0;
}

.drldial-next-moves-summary h2,
.drldial-next-moves-empty h2 {
    margin: 6px 0 0;
    font-family: var(--drl-font-display);
    font-size: clamp(23px, 2vw, 27px);
    font-weight: 520;
    letter-spacing: -0.014em;
    line-height: 1.18;
}

.drldial-next-moves-summary > p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-next-move-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.drldial-next-move {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    min-height: 264px;
    gap: 0 16px;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--drl-workspace-nav);
    background: var(--drl-surface);
    padding: 22px;
    color: var(--drl-text);
    text-decoration: none;
}

.drldial-next-move:hover {
    border-color: var(--drl-workspace-nav);
    background: color-mix(in srgb, var(--drl-workspace-nav) 5%, var(--drl-surface));
    color: var(--drl-text);
}

.drldial-next-move__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 54%, var(--drl-line));
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drldial-next-move__icon svg {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.drldial-next-move__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.drldial-next-move__body small {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-transform: uppercase;
}

.drldial-next-move__body > :is(strong, h2) {
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: 680;
    line-height: 1.3;
}

.drldial-next-move__body h2 {
    font-family: var(--drl-font-display);
    letter-spacing: -0.014em;
}

.drldial-next-move__body p {
    margin: 10px 0 18px;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-next-move__event {
    display: grid;
    gap: 4px;
    margin-top: auto;
    border-top: 1px solid var(--drl-line);
    padding-top: 13px;
}

.drldial-next-move__event > span {
    color: var(--drl-workspace-nav);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.35;
    text-transform: uppercase;
}

.drldial-next-move__event > strong {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 620;
    line-height: 1.45;
}

.drldial-next-move > b {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 720;
}

.drldial-next-moves-empty {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    min-height: 270px;
    align-items: center;
    gap: 24px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-workspace-nav) 4%, var(--drl-surface));
    padding: 42px;
}

.drldial-next-moves-empty__icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-success) 55%, var(--drl-line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--drl-success) 10%, transparent);
    color: var(--drl-success);
}

.drldial-next-moves-empty__icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.drldial-next-moves-empty p {
    max-width: 660px;
    margin: 12px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.6;
}

.drldial-next-moves-empty__actions {
    display: grid;
    min-width: 190px;
    gap: 10px;
}

.drldial-next-moves-primary,
.drldial-next-moves-secondary {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border: 1px solid var(--drl-workspace-nav);
    padding: 9px 15px;
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.drldial-next-moves-primary {
    background: var(--drl-workspace-action);
    color: var(--drl-workspace-on-action);
}

.drldial-next-moves-primary:hover {
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.drldial-next-moves-secondary {
    background: transparent;
    color: var(--drl-workspace-nav);
}

@media (max-width: 900px) {
    .drldial-next-moves-empty {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .drldial-next-moves-empty__actions {
        grid-column: 2;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .wpmc-account-page {
        padding-bottom: 72px;
    }

    .drldial-next-moves-summary {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .drldial-next-move-list {
        grid-template-columns: 1fr;
    }

    .drldial-next-move {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    .drldial-next-moves-empty {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 20px;
    }

    .drldial-next-moves-empty__actions {
        grid-column: auto;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .drldial-next-move {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 0 12px;
        padding: 18px;
    }

    .drldial-next-move__icon {
        width: 38px;
        height: 38px;
    }
}

.wpmc-account-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

.wpmc-account-item {
    --account-item-accent: var(--drl-workspace-nav);
    --account-item-soft: var(--drl-workspace-nav-soft);
    display: flex;
    min-width: 0;
    min-height: 280px;
    flex-direction: column;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--account-item-accent);
    background: var(--drl-surface);
    padding: 22px;
}

.wpmc-account-item--project-match {
    --account-item-accent: var(--drl-project-match-accent);
    --account-item-soft: var(--drl-project-match-accent-soft);
}

.wpmc-account-item--long-run {
    --account-item-accent: var(--drl-long-run-accent);
    --account-item-soft: var(--drl-long-run-accent-soft);
}

.wpmc-account-item--team-up {
    --account-item-accent: var(--drl-team-up-accent);
    --account-item-soft: var(--drl-team-up-accent-soft);
}

.wpmc-account-item--co-build {
    --account-item-accent: var(--drl-co-build-accent);
    --account-item-soft: var(--drl-co-build-accent-soft);
}

.wpmc-account-item--project-relay {
    --account-item-accent: var(--drl-project-relay-accent);
    --account-item-soft: var(--drl-project-relay-accent-soft);
}

.wpmc-account-item--warm-intro {
    --account-item-accent: var(--drl-warm-intro-accent);
    --account-item-soft: var(--drl-warm-intro-accent-soft);
}

.wpmc-account-item--expert-check {
    --account-item-accent: var(--drl-expert-check-accent);
    --account-item-soft: var(--drl-expert-check-accent-soft);
}

.wpmc-account-item-main {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.wpmc-account-item-type {
    align-self: flex-start;
    color: var(--account-item-accent);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.09em;
    line-height: 1.35;
    text-transform: uppercase;
}

.wpmc-account-item-main > strong {
    margin-top: 14px;
    font-family: var(--drl-font-display);
    font-size: clamp(20px, 1.8vw, 24px);
    font-weight: 520;
    line-height: 1.2;
}

.wpmc-account-item-excerpt {
    margin-top: 10px;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.wpmc-edited-note {
    margin-top: 9px;
    color: var(--drl-text-subtle);
    font-size: 12px;
}

.wpmc-account-item-meta {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin-top: auto;
    padding-top: 18px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.wpmc-account-item-meta > span:not(:first-child) {
    position: relative;
}

.wpmc-account-item-meta > span:not(:first-child)::before {
    position: absolute;
    top: 0.58em;
    left: -8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--drl-line-strong);
    content: "";
}

.wpmc-account-item-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    border-top: 1px solid var(--drl-line);
    padding-top: 14px;
}

.wpmc-account-open-link,
.drldial-invitation-profile-link {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--account-item-accent, var(--drl-workspace-nav));
    padding: 8px 15px;
    color: var(--account-item-accent, var(--drl-workspace-nav));
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.wpmc-account-open-link:hover,
.drldial-invitation-profile-link:hover {
    background: var(--account-item-soft, var(--drl-workspace-nav-soft));
    color: var(--account-item-accent, var(--drl-workspace-nav));
}

.wpmc-account-edit {
    position: relative;
}

.wpmc-account-edit > summary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    border: 1px solid var(--drl-line-strong);
    padding: 8px 15px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    list-style: none;
}

.wpmc-account-edit > summary::-webkit-details-marker {
    display: none;
}

.wpmc-account-edit[open] {
    width: 100%;
}

.wpmc-account-edit[open] > summary {
    margin-bottom: 12px;
}

.wpmc-account-edit-form,
.drldial-account-fields {
    display: grid;
    gap: 14px;
}

.drldial-account-fields > p,
.drldial-account-fields > small {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.drldial-account-protocol-state {
    display: grid;
    gap: 4px;
    border-left: 3px solid var(--account-item-accent, var(--drl-workspace-nav));
    background: var(--account-item-soft, var(--drl-workspace-nav-soft));
    padding: 12px 14px;
}

.drldial-account-protocol-state span {
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-account-protocol-state strong {
    font-size: 14px;
}

.drldial-team-roles-fieldset {
    min-width: 0;
    margin: 2px 0 0;
    border: 1px solid var(--drl-line);
    padding: 14px;
}

.drldial-team-roles-fieldset > legend {
    padding: 0 6px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 700;
}

.drldial-team-roles-editor,
.drldial-team-role-list {
    display: grid;
    gap: 10px;
}

.drldial-team-role-row {
    display: grid;
    grid-template-columns: minmax(130px, 0.8fr) minmax(180px, 1.5fr) minmax(90px, 0.45fr) 38px;
    align-items: end;
    gap: 9px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 10px;
}

.drldial-team-role-remove {
    display: grid;
    width: 38px;
    min-height: 38px;
    place-items: center;
    border: 1px solid var(--drl-danger);
    background: transparent;
    color: var(--drl-danger);
    cursor: pointer;
    font-size: 18px;
}

.drldial-team-role-add {
    justify-self: start;
}

.wpmc-account-edit-form label,
.drldial-account-fields label {
    display: grid;
    gap: 7px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.wpmc-account-empty,
.drldial-dialogue-filter-empty,
.drldial-candidate-filter-empty {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-workspace-nav) 4%, var(--drl-surface));
    padding: 34px;
}

.wpmc-account-empty__icon {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 50%, var(--drl-line));
    color: var(--drl-workspace-nav);
}

.wpmc-account-empty__icon svg {
    width: 23px;
    height: 23px;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.wpmc-account-empty strong {
    display: block;
    font-size: 17px;
    line-height: 1.35;
}

.wpmc-account-empty p {
    margin: 5px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.wpmc-account-notice {
    margin-bottom: 20px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--drl-workspace-nav);
    background: var(--drl-surface);
    padding: 14px 16px;
    font-size: 14px;
}

.wpmc-account-notice.is-success {
    border-left-color: var(--drl-success);
}

.wpmc-account-notice.is-error {
    border-left-color: var(--drl-danger);
}

.drldial-dialogue-inbox,
.drldial-candidate-workspace {
    display: grid;
    gap: 18px;
}

.drldial-dialogue-inbox-summary {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    padding: 16px 0;
}

.drldial-dialogue-inbox-summary > div {
    display: grid;
    gap: 3px;
}

.drldial-dialogue-inbox-summary > div > span {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.drldial-dialogue-inbox-summary > div > strong {
    font-size: 20px;
    line-height: 1.3;
}

.drldial-dialogue-unread-total,
.drldial-dialogue-new-badge {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    border: 1px solid var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    padding: 3px 8px;
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
}

.drldial-dialogue-filters,
.drldial-candidate-filters {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
}

.drldial-dialogue-filter,
.drldial-candidate-filter {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--drl-line);
    background: transparent;
    padding: 8px 12px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 12px;
}

.drldial-candidate-filter--back {
    text-decoration: none;
}

.drldial-dialogue-filter strong,
.drldial-candidate-filter strong {
    color: var(--drl-text);
    font-size: 12px;
}

.drldial-dialogue-filter.is-active,
.drldial-candidate-filter.is-active {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.drldial-dialogue-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.drldial-dialogue-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: 1fr auto;
    min-width: 0;
    min-height: 252px;
    gap: 0 15px;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--drl-workspace-nav);
    background: var(--drl-surface);
    padding: 20px;
}

.drldial-dialogue-item.is-unread {
    background: color-mix(in srgb, var(--drl-workspace-nav) 6%, var(--drl-surface));
}

.drldial-dialogue-avatar {
    position: relative;
    width: 52px;
    height: 52px;
}

.drldial-dialogue-avatar img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
}

.drldial-dialogue-avatar > span {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 11px;
    height: 11px;
    border: 2px solid var(--drl-surface);
    border-radius: 50%;
    background: var(--drl-workspace-nav);
}

.drldial-dialogue-content {
    min-width: 0;
}

.drldial-dialogue-item-topline {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
}

.drldial-dialogue-item-topline time {
    color: var(--drl-text-subtle);
    font-weight: 500;
}

.drldial-dialogue-content h4 {
    margin: 10px 0 0;
    font-family: var(--drl-font-display);
    font-size: 21px;
    font-weight: 520;
    line-height: 1.22;
}

.drldial-dialogue-content h4 a {
    text-decoration: none;
}

.drldial-dialogue-partner,
.drldial-dialogue-preview {
    margin: 7px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-dialogue-partner {
    color: var(--drl-text);
    font-weight: 620;
}

.drldial-dialogue-actions {
    grid-column: 2;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    border-top: 1px solid var(--drl-line);
    padding-top: 13px;
}

.drldial-dialogue-state {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.drldial-dialogue-open-link {
    margin-left: auto;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.drldial-candidate-groups,
.drldial-candidate-group-items {
    display: grid;
    gap: 16px;
}

.drldial-candidate-group {
    display: grid;
    gap: 16px;
    border-top: 1px solid var(--drl-line-strong);
    padding-top: 20px;
}

.drldial-candidate-group-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drldial-candidate-filter-item,
.drldial-candidate-filter-item .wpmc-account-item {
    height: 100%;
}

.drldial-working-identity {
    display: grid;
    gap: 20px;
}

.drldial-working-identity-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    padding: 22px 0;
}

.drldial-working-identity-head > div {
    max-width: 720px;
}

.drldial-current-label {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-working-identity-head h2 {
    margin: 6px 0 0;
    font-size: clamp(23px, 2vw, 27px);
}

.drldial-working-identity-head p,
.drldial-working-identity-level p {
    margin: 9px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.drldial-working-identity-head > a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 18px;
    border: 1px solid var(--drl-workspace-nav);
    padding: 8px 14px;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.drldial-working-identity-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.drldial-working-identity-stats article {
    display: grid;
    min-height: 142px;
    align-content: start;
    gap: 5px;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 18px;
}

.drldial-working-identity-stats span,
.drldial-working-identity-level > span {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-working-identity-stats strong {
    margin-top: 7px;
    font-size: 22px;
    line-height: 1.2;
}

.drldial-working-identity-stats small {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-working-identity-level,
.drldial-working-evidence {
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.drldial-working-identity-level > strong {
    display: block;
    margin-top: 7px;
    font-size: 20px;
}

.drldial-working-evidence-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 14px;
}

.drldial-working-evidence-heading h3 {
    margin: 0;
    font-size: 19px;
}

.drldial-working-evidence-heading span,
.drldial-working-evidence-empty {
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-working-evidence ol {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.drldial-working-evidence li {
    display: grid;
    grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1fr) auto;
    gap: 18px;
    border-bottom: 1px solid var(--drl-line);
    padding: 15px 0;
    font-size: 13px;
}

.drldial-working-evidence li time {
    color: var(--drl-text-muted);
}

.wpmc-account-settings-inner,
.wpmc-account-settings-card,
.wpmc-account-form,
.wpmc-account-settings-panel {
    min-width: 0;
    width: 100%;
}

.wpmc-account-section-heading {
    display: none;
}

.wpmc-account-form {
    display: grid;
    gap: 16px;
}

.drldial-professional-preview-bar {
    display: flex;
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 50%, var(--drl-line));
    background: var(--drl-workspace-nav-soft);
    padding: 12px 14px 12px 17px;
}

.drldial-professional-preview-bar > div {
    display: grid;
    gap: 2px;
}

.drldial-professional-preview-bar > div > span {
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.drldial-professional-preview-bar > div > strong {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 600;
}

.drldial-professional-preview-link {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--drl-workspace-nav);
    background: var(--drl-bg);
    padding: 8px 13px;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.drldial-professional-preview-link:hover {
    background: var(--drl-workspace-action);
    color: var(--drl-workspace-on-action);
}

.drldial-professional-preview-link > span:first-child,
.drldial-professional-preview-link svg {
    width: 18px;
    height: 18px;
}

.wpmc-account-settings-layout,
.wpmc-account-settings-panel.is-active {
    display: grid;
    gap: 16px;
}

.wpmc-account-settings-group {
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 22px;
}

.wpmc-account-settings-group-head {
    margin-bottom: 18px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 13px;
}

.wpmc-account-settings-group-head h4 {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}

.wpmc-account-settings-group-head p,
.wpmc-account-help-text {
    margin: 6px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.wpmc-account-form-grid,
.drldial-professional-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.wpmc-account-form-grid label,
.drldial-professional-field {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.wpmc-account-form-grid label > span,
.drldial-professional-field > span,
.drldial-professional-interactions legend,
.wpmc-account-avatar-picker legend,
.wpmc-account-upload-row > p {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.45;
}

.drldial-professional-field--wide {
    grid-column: 1 / -1;
}

.wpmc-account-form input,
.wpmc-account-form select,
.wpmc-account-form textarea,
.wpmc-account-edit-form input,
.wpmc-account-edit-form select,
.wpmc-account-edit-form textarea,
.drldial-account-fields input,
.drldial-account-fields select,
.drldial-account-fields textarea {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 0;
    background: var(--drl-bg);
    padding: 9px 11px;
    color: var(--drl-text);
    font-size: 14px;
}

.wpmc-account-form textarea,
.wpmc-account-edit-form textarea,
.drldial-account-fields textarea {
    min-height: 118px;
    resize: vertical;
}

.wpmc-account-form input:focus,
.wpmc-account-form select:focus,
.wpmc-account-form textarea:focus,
.wpmc-account-edit-form input:focus,
.wpmc-account-edit-form select:focus,
.wpmc-account-edit-form textarea:focus {
    border-color: var(--drl-workspace-nav);
    outline: 1px solid var(--drl-workspace-nav);
    outline-offset: 0;
}

.drldial-professional-search-visibility {
    border: 1px solid color-mix(in srgb, #278052 68%, var(--drl-line));
    background: color-mix(in srgb, #278052 10%, var(--drl-surface));
    padding: 18px;
}

.drldial-professional-search-visibility:has(.drldial-professional-search-visibility-input:not(:checked)) {
    border-color: color-mix(in srgb, #b66a1d 58%, var(--drl-line));
    background: color-mix(in srgb, #b66a1d 7%, var(--drl-surface));
}

.drldial-professional-search-visibility-control {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.wpmc-account-form .drldial-professional-search-visibility-input {
    position: absolute;
    width: 1px;
    min-height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

.drldial-professional-search-visibility-control:has(.drldial-professional-search-visibility-input:focus-visible) .drldial-professional-search-visibility-action {
    outline: 2px solid #278052;
    outline-offset: 3px;
}

.drldial-professional-search-visibility-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: #278052;
    color: #fff;
}

.drldial-professional-search-visibility-input:not(:checked) ~ .drldial-professional-search-visibility-icon {
    background: #9a5b1c;
}

.drldial-professional-search-visibility-icon svg {
    width: 23px;
    height: 23px;
}

.drldial-professional-search-visibility-copy {
    display: grid;
    gap: 3px;
}

.drldial-professional-search-visibility-kicker {
    color: var(--drl-text-muted);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.drldial-professional-search-visibility-title {
    color: var(--drl-text);
    font-size: 17px;
    line-height: 1.3;
}

.drldial-professional-search-visibility-description {
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-professional-search-visibility-input:checked ~ .drldial-professional-search-visibility-copy .drldial-professional-search-visibility-title--hidden,
.drldial-professional-search-visibility-input:checked ~ .drldial-professional-search-visibility-copy .drldial-professional-search-visibility-description--hidden,
.drldial-professional-search-visibility-input:not(:checked) ~ .drldial-professional-search-visibility-copy .drldial-professional-search-visibility-title--visible,
.drldial-professional-search-visibility-input:not(:checked) ~ .drldial-professional-search-visibility-copy .drldial-professional-search-visibility-description--visible {
    display: none;
}

.drldial-professional-search-visibility-action {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 9px;
    border: 1px solid #278052;
    background: var(--drl-bg);
    padding: 8px 12px;
    color: #216c45;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

.drldial-professional-search-visibility-input:not(:checked) ~ .drldial-professional-search-visibility-action {
    border-color: #9a5b1c;
    color: #814b16;
}

.drldial-professional-search-visibility-input:checked ~ .drldial-professional-search-visibility-action .drldial-professional-search-visibility-action-label--join,
.drldial-professional-search-visibility-input:not(:checked) ~ .drldial-professional-search-visibility-action .drldial-professional-search-visibility-action-label--hide {
    display: none;
}

.drldial-professional-search-visibility-control:has(.drldial-professional-search-visibility-input:not(:checked):focus-visible) .drldial-professional-search-visibility-action {
    outline-color: #9a5b1c;
}

.drldial-professional-search-visibility-switch {
    position: relative;
    width: 34px;
    height: 19px;
    flex: 0 0 34px;
    border-radius: 999px;
    background: var(--drl-line-strong);
    transition: background-color 160ms ease;
}

.drldial-professional-search-visibility-switch > span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--drl-bg);
    box-shadow: 0 1px 3px rgba(18, 28, 35, 0.3);
    transition: transform 160ms ease;
}

.drldial-professional-search-visibility-input:checked ~ .drldial-professional-search-visibility-action .drldial-professional-search-visibility-switch {
    background: #278052;
}

.drldial-professional-search-visibility-input:checked ~ .drldial-professional-search-visibility-action .drldial-professional-search-visibility-switch > span {
    transform: translateX(15px);
}

.drldial-professional-search-visibility > p {
    margin: 12px 0 0 58px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.wpmc-account-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.wpmc-account-toggle input {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin: 2px 0 0;
    accent-color: var(--drl-workspace-nav);
}

.drldial-professional-check-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.wpmc-account-notification-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.wpmc-account-notification-grid .drldial-professional-choice-button {
    height: 100%;
}

.drldial-specialization-field {
    min-width: 0;
    margin: 18px 0 0;
    border: 0;
    padding: 0;
}

.drldial-specialization-field > legend {
    margin: 0;
    padding: 0;
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.drldial-specialization-field > p {
    max-width: 760px;
    margin: 5px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-specialization-field > .drldial-specialization-options {
    margin-top: 14px;
}

.drldial-specialization-field > small {
    display: block;
    margin-top: 10px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.drldial-specialization-field .drldial-professional-choice-option {
    --choice-accent: var(--dialogue-accent);
    --choice-soft: var(--dialogue-accent-soft);
}

.drldial-professional-choice-option {
    --choice-accent: var(--drl-workspace-nav);
    --choice-soft: var(--drl-workspace-nav-soft);
    position: relative;
    display: block;
    min-width: 0;
    cursor: pointer;
}

.drldial-professional-choice-option > input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.drldial-professional-choice-button {
    display: grid;
    min-height: 70px;
    grid-template-columns: 40px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 11px;
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 10px 11px;
    color: var(--drl-text-muted);
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.drldial-professional-choice-option:hover .drldial-professional-choice-button {
    border-color: color-mix(in srgb, var(--choice-accent) 64%, var(--drl-line));
    color: var(--drl-text);
    transform: translateY(-1px);
}

.drldial-professional-choice-option > input:focus-visible + .drldial-professional-choice-button {
    outline: 2px solid var(--drl-focus);
    outline-offset: 2px;
}

.drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    border-color: var(--choice-accent);
    background: var(--choice-soft);
    box-shadow: inset 3px 0 0 var(--choice-accent);
    color: var(--drl-text);
}

.drldial-professional-choice-icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--choice-accent) 46%, var(--drl-line));
    background: var(--drl-surface);
    color: var(--choice-accent);
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.drldial-professional-choice-icon .drldial-specialization-icon,
.drldial-professional-choice-icon .drl-sidebar-link__icon {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    margin: 0;
    color: inherit;
}

.drldial-professional-choice-icon .drldial-specialization-icon svg,
.drldial-professional-choice-icon .drl-sidebar-link__icon svg,
.drldial-professional-choice-icon > svg {
    width: 22px;
    height: 22px;
}

.drldial-professional-choice-icon .drldial-specialization-icon--brand,
.drldial-professional-choice-icon .drldial-specialization-icon--brand svg {
    width: 28px;
}

.drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-icon {
    border-color: var(--choice-accent);
    background: var(--choice-accent);
    color: #ffffff;
}

.drldial-professional-choice-label {
    min-width: 0;
    color: inherit;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
}

.drldial-professional-choice-state {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    color: var(--drl-text-muted);
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.drldial-professional-choice-state::before {
    content: "+";
    font-size: 18px;
    font-weight: 450;
    line-height: 1;
}

.drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    border-color: var(--choice-accent);
    background: var(--choice-accent);
    color: #ffffff;
}

.drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state::before {
    content: "\00d7";
}

.drldial-professional-choice-option--project-match {
    --choice-accent: var(--drl-project-match-accent);
    --choice-soft: var(--drl-project-match-accent-soft);
}

.drldial-professional-choice-option--long-run {
    --choice-accent: var(--drl-long-run-accent);
    --choice-soft: var(--drl-long-run-accent-soft);
}

.drldial-professional-choice-option--team-up {
    --choice-accent: var(--drl-team-up-accent);
    --choice-soft: var(--drl-team-up-accent-soft);
}

.drldial-professional-choice-option--co-build {
    --choice-accent: var(--drl-co-build-accent);
    --choice-soft: var(--drl-co-build-accent-soft);
}

.drldial-professional-choice-option--project-relay {
    --choice-accent: var(--drl-project-relay-accent);
    --choice-soft: var(--drl-project-relay-accent-soft);
}

.drldial-professional-choice-option--warm-intro {
    --choice-accent: var(--drl-warm-intro-accent);
    --choice-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-professional-choice-option--expert-check {
    --choice-accent: var(--drl-expert-check-accent);
    --choice-soft: var(--drl-expert-check-accent-soft);
}

html[data-theme="dark"] .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-icon,
html[data-theme="dark"] .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    color: #071012;
}

.drldial-professional-interactions,
.wpmc-account-avatar-picker {
    min-width: 0;
    margin: 18px 0 0;
    border: 0;
    padding: 0;
}

.drldial-professional-interactions legend,
.wpmc-account-avatar-picker legend {
    margin-bottom: 9px;
    padding: 0;
}

.drldial-professional-interactions-hint {
    margin: -3px 0 12px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.wpmc-account-avatar-tools,
.wpmc-account-upload-row {
    display: grid;
    gap: 12px;
}

.wpmc-account-avatar-disclosure {
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
}

.wpmc-account-avatar-disclosure > summary {
    display: flex;
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    cursor: pointer;
    list-style: none;
}

.wpmc-account-avatar-summary-main {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wpmc-account-avatar-summary-main img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}

.wpmc-account-avatar-summary-main > span {
    display: grid;
}

.wpmc-account-avatar-summary-main strong {
    font-size: 14px;
}

.wpmc-account-avatar-summary-main em {
    color: var(--drl-text-muted);
    font-size: 12px;
    font-style: normal;
}

.wpmc-account-avatar-options {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
    gap: 8px;
    border-top: 1px solid var(--drl-line);
    padding: 14px;
}

.wpmc-account-avatar-options label {
    position: relative;
    display: grid;
    place-items: center;
}

.wpmc-account-avatar-options input {
    position: absolute;
    opacity: 0;
}

.wpmc-account-avatar-options label > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 2px solid transparent;
    border-radius: 50%;
}

.wpmc-account-avatar-options input:checked + span {
    border-color: var(--drl-workspace-nav);
}

.wpmc-account-avatar-options img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.wpmc-upload-button,
.wpmc-account-save,
.wpmc-account-secondary,
.wpmc-account-text-button {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--drl-workspace-nav);
    border-radius: 0;
    background: var(--drl-workspace-action);
    padding: 9px 16px;
    color: var(--drl-workspace-on-action);
    cursor: pointer;
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.wpmc-account-secondary,
.wpmc-account-text-button {
    background: transparent;
    color: var(--drl-workspace-nav);
}

.wpmc-upload-button:hover,
.wpmc-account-save:hover {
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.wpmc-image-upload-label input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.wpmc-account-security-status,
.wpmc-account-security-step,
.wpmc-account-security-warning,
.wpmc-account-security-instructions {
    margin-top: 14px;
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 16px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.wpmc-account-security-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.wpmc-account-danger,
.wpmc-account-security-step.is-danger {
    border-color: var(--drl-danger);
    color: var(--drl-danger);
}

.wpmc-account-recovery-codes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding-left: 20px;
}

.drldial-private-thread {
    width: 100%;
    padding: 38px 0 96px;
}

.drldial-private-thread-header {
    position: relative;
    display: grid;
    gap: 12px;
    overflow: hidden;
    border: 1px solid var(--drl-line);
    border-top: 3px solid var(--dialogue-accent);
    background:
        linear-gradient(105deg, var(--dialogue-accent-soft), transparent 58%),
        var(--drl-surface);
    padding: 24px 26px 26px;
}

.drldial-private-thread-header::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 100%;
    background: repeating-linear-gradient(
        135deg,
        transparent 0 13px,
        color-mix(in srgb, var(--dialogue-accent) 9%, transparent) 13px 14px
    );
    content: "";
    pointer-events: none;
}

.drldial-private-thread-header > * {
    position: relative;
    z-index: 1;
}

.drldial-back-link {
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    align-items: center;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 620;
    text-decoration: none;
}

.drldial-back-link:hover {
    color: var(--dialogue-accent-strong);
}

.drldial-private-thread-kicker {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.drldial-private-badge {
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-private-thread-header h1 {
    max-width: 780px;
    margin: 0;
    font-size: clamp(25px, 2.2vw, 28px);
}

.drldial-private-thread-header > p {
    max-width: 720px;
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
}

.drldial-private-participants {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 5px;
}

.drldial-private-participants > span {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 46px;
    align-items: center;
    gap: 9px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 30%, var(--drl-line));
    background: color-mix(in srgb, var(--drl-surface-raised) 84%, transparent);
    padding: 5px 11px 5px 6px;
}

.drldial-private-participants .drldial-avatar,
.drldial-private-participants img {
    width: 34px;
    height: 34px;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    object-fit: cover;
}

.drldial-private-participants strong {
    font-size: 13px;
    font-weight: 680;
}

.drldial-live-status {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    min-height: 24px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-live-presence {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.drldial-live-presence-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--drl-text-subtle);
}

.drldial-live-presence.is-online .drldial-live-presence-dot,
.drldial-live-presence[data-online="1"] .drldial-live-presence-dot {
    background: var(--drl-success);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--drl-success) 15%, transparent);
}

.drldial-private-thread-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
    align-items: start;
    gap: 22px;
    margin-top: 22px;
}

.drldial-private-messages {
    min-width: 0;
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: 24px;
}

.drldial-private-messages > .drldial-section-heading {
    display: block;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 17px;
}

.drldial-private-messages > .drldial-section-heading h2 {
    margin: 6px 0 0;
    font-size: 22px;
}

.drldial-private-thread .wpmc-comments-section {
    margin-top: 20px;
}

.drldial-private-thread .wpmc-comment-form-title {
    margin-bottom: 10px;
    color: var(--drl-text);
    font-size: 15px;
}

.drldial-private-thread .wpmc-comment-form {
    gap: 12px;
    border-color: var(--drl-line);
    border-left: 2px solid var(--dialogue-accent);
    background: var(--drl-bg);
    padding: 16px;
}

.drldial-private-thread .wpmc-comment-form textarea {
    width: 100%;
    min-height: 138px;
    border-color: var(--drl-line-strong);
    background: var(--drl-surface-raised);
    padding: 12px;
    font-size: 14px;
    line-height: 1.55;
}

.drldial-private-thread .wpmc-submit-comment {
    min-width: 132px;
    background: var(--dialogue-accent);
    color: #ffffff;
}

html[data-theme="dark"] .drldial-private-thread .wpmc-submit-comment {
    color: #071012;
}

.drldial-private-attachment-picker {
    display: grid;
    gap: 7px;
    border-top: 1px solid var(--drl-line);
    padding-top: 12px;
}

.drldial-private-attachment-label {
    display: grid;
    gap: 7px;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 650;
}

.drldial-private-attachment-label input[type="file"] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--drl-line-strong);
    background: var(--drl-surface-raised);
    padding: 5px;
    color: var(--drl-text-muted);
    font-size: 12px;
}

.drldial-private-attachment-label input[type="file"]::file-selector-button {
    min-height: 32px;
    margin-right: 10px;
    border: 0;
    background: var(--dialogue-accent-soft);
    padding: 6px 10px;
    color: var(--dialogue-accent-strong);
    cursor: pointer;
    font: 650 12px var(--drl-font-ui);
}

.drldial-private-attachment-picker small,
.drldial-private-attachment-help,
.drldial-private-attachment-status {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-private-thread .wpmc-comments-title {
    display: none;
}

.drldial-private-thread .wpmc-comments {
    margin-top: 20px;
}

.drldial-private-thread .wpmc-comment {
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 16px;
}

.drldial-private-thread .wpmc-comment + .wpmc-comment {
    margin-top: 10px;
}

.drldial-private-thread .wpmc-comments ul.wpmc-comments {
    margin: 10px 0 0 30px;
}

.drldial-private-thread-sidebar {
    position: sticky;
    top: 24px;
    display: grid;
    min-width: 0;
    gap: 14px;
}

.drldial-private-thread-sidebar > section,
.drldial-private-thread-sidebar > form {
    min-width: 0;
    margin: 0;
    border: 1px solid var(--drl-line);
    border-top: 2px solid var(--dialogue-accent);
    background: var(--drl-surface);
    padding: 18px;
}

.drldial-private-thread-sidebar .drldial-detail-card {
    padding: 18px;
}

.drldial-private-thread-sidebar h2 {
    margin: 6px 0 12px;
    font-size: 19px;
}

.drldial-private-thread-sidebar p {
    margin: 8px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.52;
}

.drldial-private-thread-sidebar .drldial-detail-card > strong {
    display: block;
    font-size: 14px;
    line-height: 1.45;
}

.drldial-private-thread-sidebar .drldial-button--wide {
    width: 100%;
    margin-top: 8px;
}

.drldial-thread-status-form {
    display: grid;
}

.drldial-thread-status-form .drldial-button {
    width: 100%;
    margin: 0;
}

.drldial-safety-eyebrow {
    color: var(--drl-danger);
    font-size: 12px;
    font-weight: 720;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.drldial-safety-card {
    border-top-color: var(--drl-danger) !important;
}

.drldial-safety-disclosure {
    border-top: 1px solid var(--drl-line);
}

.drldial-safety-disclosure:first-of-type {
    margin-top: 14px;
}

.drldial-safety-disclosure > summary {
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--drl-text);
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    list-style: none;
}

.drldial-safety-disclosure > summary::after {
    color: var(--drl-text-muted);
    content: "+";
    font-size: 18px;
    font-weight: 400;
}

.drldial-safety-disclosure[open] > summary::after {
    content: "−";
}

.drldial-safety-report-form,
.drldial-safety-form {
    display: grid;
    gap: 10px;
    padding-bottom: 14px;
}

.drldial-safety-report-form label {
    display: grid;
    gap: 5px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 620;
}

.drldial-safety-report-form select,
.drldial-safety-report-form textarea {
    width: 100%;
}

.drldial-safety-button {
    display: inline-flex;
    width: fit-content;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--drl-line-strong);
    background: transparent;
    padding: 7px 12px;
    color: var(--drl-text);
    cursor: pointer;
    font-size: 12px;
    font-weight: 650;
}

.drldial-safety-button--danger {
    border-color: var(--drl-danger);
    color: var(--drl-danger);
}

.drldial-collaboration-confirmation {
    background:
        linear-gradient(135deg, var(--dialogue-accent-soft), transparent 64%),
        var(--drl-surface) !important;
}

.drldial-private-attachment-lock,
.drldial-safety-report-state,
.drldial-safety-state {
    border: 1px solid var(--drl-line);
    background: var(--drl-bg);
    padding: 12px;
    font-size: 12px;
}

@media (max-width: 1180px) {
    .drldial-private-thread-layout {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 310px);
    }
}

@media (max-width: 900px) {
    .drldial-private-thread-layout {
        grid-template-columns: 1fr;
    }

    .drldial-private-thread-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-private-thread-sidebar > section:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .drldial-private-thread {
        padding: 24px 0 72px;
    }

    .drldial-private-thread-header,
    .drldial-private-messages {
        padding: 18px;
    }

    .drldial-private-thread-header::after {
        width: 90px;
        opacity: 0.65;
    }

    .drldial-private-participants {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-private-participants > span,
    .drldial-private-thread-sidebar > section,
    .drldial-private-thread-sidebar > form {
        width: 100%;
    }

    .drldial-private-thread-sidebar {
        grid-template-columns: 1fr;
    }

    .drldial-private-thread-sidebar > section:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .drldial-private-thread .wpmc-comment-form {
        padding: 14px;
    }

    .drldial-private-thread .wpmc-submit-comment {
        width: 100%;
    }

    .drldial-private-thread .wpmc-comments ul.wpmc-comments {
        margin-left: 16px;
    }
}

@media (max-width: 1040px) {
    .drldial-working-identity-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-professional-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .wpmc-account-list,
    .drldial-dialogue-list,
    .drldial-candidate-group-items {
        grid-template-columns: 1fr;
    }

    .drldial-working-identity-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .drldial-working-evidence li {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .wpmc-account-form-grid,
    .drldial-professional-form-grid,
    .wpmc-account-notification-grid {
        grid-template-columns: 1fr;
    }

    .drldial-professional-field--wide {
        grid-column: auto;
    }

    .drldial-team-role-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .wpmc-account-item,
    .drldial-dialogue-item,
    .wpmc-account-settings-group,
    .drldial-working-identity-level,
    .drldial-working-evidence {
        padding: 18px;
    }

    .wpmc-account-empty {
        grid-template-columns: 1fr;
        padding: 26px 20px;
    }

    .drldial-dialogue-item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 0 12px;
    }

    .drldial-dialogue-avatar,
    .drldial-dialogue-avatar img {
        width: 44px;
        height: 44px;
    }

    .drldial-dialogue-actions {
        grid-column: 1 / -1;
    }

    .drldial-dialogue-open-link {
        width: 100%;
        margin-left: 0;
        border-top: 1px solid var(--drl-line);
        padding-top: 10px;
    }

    .drldial-working-evidence-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .drldial-working-identity-stats,
    .drldial-professional-check-grid,
    .wpmc-account-recovery-codes {
        grid-template-columns: 1fr;
    }

    .wpmc-account-save {
        width: 100%;
    }

    .drldial-professional-preview-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-professional-preview-link {
        width: 100%;
    }

    .drldial-professional-search-visibility {
        padding: 16px;
    }

    .drldial-professional-search-visibility-control {
        grid-template-columns: 40px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
    }

    .drldial-professional-search-visibility-icon {
        width: 40px;
        height: 40px;
    }

    .drldial-professional-search-visibility-action {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .drldial-professional-search-visibility > p {
        margin-left: 0;
    }

    .drldial-team-role-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .drldial-create-selector {
        padding-bottom: 20px;
    }

    .drldial-create-details {
        padding-top: 8px;
    }

    .drldial-create-signal-lines {
        display: none;
    }
}

@media (max-width: 1180px) {
    .drldial-hero {
        grid-template-columns: 1fr;
    }

    .drl-page-heading--has-character {
        grid-template-columns: minmax(240px, 0.55fr) minmax(460px, 1fr);
        gap: 24px;
    }

    .drldial-opportunity-overview,
    .drldial-single-layout {
        grid-template-columns: 1fr;
    }

    .drldial-single-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .drldial-single-sidebar > .drldial-button--wide {
        grid-column: 1 / -1;
    }

    .drldial-workflow-signal {
        grid-column: 1;
        grid-row: auto;
        border-top: 1px solid var(--drl-line);
        border-left: 0;
        padding: 26px 0 0;
    }

    .drldial-hero > .drldial-button {
        grid-row: auto;
    }
}

@media (max-width: 1040px) {
    .drl-site-header__inner {
        grid-template-columns: 1fr auto;
        gap: 10px 24px;
        padding-block: 14px;
    }

    .drl-header-tools {
        grid-column: 2;
        grid-row: 1;
    }

    .drldial-section-heading {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .drldial-filters {
        justify-content: flex-start;
    }
}

@media (max-width: 980px) {
    .drl-app-frame {
        display: block;
    }

    .drl-app-main {
        padding-left: 0;
    }

    .drl-sidebar {
        position: static;
        display: block;
        height: auto;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--drl-line);
        padding: 16px 0;
    }

    .drl-sidebar:not(.drl-is-open) {
        border-bottom: 0;
        padding-block: 0;
    }

    .drl-sidebar-toggle {
        display: flex;
        width: 100%;
        min-height: 44px;
        align-items: center;
        justify-content: space-between;
        border: 0;
        background: transparent;
        color: var(--drl-text);
        cursor: pointer;
        font-size: 14px;
        font-weight: 650;
        text-align: left;
    }

    .drl-sidebar:not(.drl-is-open) .drl-sidebar__body {
        display: none;
    }

    .drl-sidebar.drl-is-open .drl-sidebar-toggle span:last-child {
        transform: rotate(45deg);
    }

    .drl-sidebar__body {
        padding: 12px 0 8px;
    }

    .drl-sidebar-panel {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }

    .drl-sidebar-tabs,
    .drl-sidebar-promos {
        margin-right: 0;
    }

    .drl-world-switch {
        display: none;
    }

    .drl-page-heading--has-character {
        grid-template-columns: 1fr;
    }

    .drl-page-heading__copy {
        max-width: 680px;
    }

    .drl-page-heading__character {
        width: min(100%, 720px);
    }

}

@media (max-width: 760px) {
    :root {
        --drl-gutter: 20px;
    }

    .drldial-hero-copy {
        display: block;
    }

    .drldial-hero-copy__text {
        display: block;
    }

    .drldial-hero-character,
    .drl-page-heading__character {
        display: grid;
        width: min(100%, 430px);
        grid-template-columns: 1fr;
        justify-self: center;
        gap: 4px;
    }

    .drldial-hero-character {
        isolation: isolate;
        margin-top: 22px;
    }

    .drldial-archive:not(.drldial-archive--long-run) .drldial-hero-copy::after {
        display: none;
    }

    .drldial-archive:not(.drldial-archive--long-run) .drldial-hero-character::after {
        position: absolute;
        z-index: 0;
        top: 302px;
        left: 50%;
        width: 240px;
        height: 38px;
        border-radius: 50%;
        background: radial-gradient(
            ellipse at center,
            color-mix(in srgb, var(--dialogue-accent) 34%, #b99045) 0%,
            color-mix(in srgb, var(--dialogue-accent) 18%, transparent) 43%,
            transparent 74%
        );
        content: "";
        filter: blur(11px);
        opacity: 0.48;
        pointer-events: none;
        transform: translateX(-50%);
    }

    .drldial-hero-character .drl-dialogue-character__image,
    .drl-page-heading__character .drl-dialogue-character__image {
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        width: min(100%, 340px);
        transform: none;
    }

    .drldial-hero-character .drl-dialogue-character__quote,
    .drl-page-heading__character .drl-dialogue-character__quote {
        grid-column: 1;
        grid-row: 2;
        margin: -8px 12px 0;
    }

    .drldial-hero-character .drl-dialogue-character__quote::after,
    .drl-page-heading__character .drl-dialogue-character__quote::after {
        display: none;
    }

    .drl-site-header__inner {
        grid-template-columns: 1fr auto;
    }

    .drl-brand {
        gap: 10px;
    }

    .drl-brand__logo {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .drl-account-nav {
        gap: 10px;
        font-size: 13px;
    }

    .drl-header-tools {
        --drl-header-search-overhang: 19px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }

    .drl-header-actions {
        grid-column: 1 / -1;
        width: 100%;
    }

    .drl-header-search {
        width: auto;
        flex: 1 1 auto;
    }

    .drl-theme-switch {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
    }

    .drl-account-nav {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
    }

    .drl-header-tools .drl-theme-switch button {
        padding-inline: 9px;
    }

    .drl-account-nav__outlined {
        min-width: 68px;
        padding-inline: 12px;
    }

    .drl-site-footer__inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-block: 20px;
    }

    .drl-site-footer__trust {
        width: 100%;
        max-width: none;
        flex: 0 1 auto;
        margin-inline: 0;
    }

    .drldial-archive {
        padding-block: 28px 64px;
    }

    .drldial-create-hub {
        padding-bottom: 64px;
    }

    .drldial-create-progress li {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding-bottom: 0;
        padding-right: 8px;
    }

    .drldial-create-progress::before {
        top: 20px;
        bottom: auto;
    }

    .drldial-create-progress li:nth-child(2) {
        align-items: center;
    }

    .drldial-create-progress li:last-child {
        align-items: flex-end;
    }

    .drl-page-heading,
    .drldial-create-heading {
        padding: 30px 0 22px;
    }

    .drldial-create-workbench {
        gap: 28px;
        padding-top: 26px;
    }

    .drldial-create-selector-item {
        min-height: 52px;
    }

    .drldial-create-path {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 30px;
    }

    .drldial-create-path::before {
        top: 20px;
        right: auto;
        bottom: 20px;
        left: 20px;
        width: 1px;
        height: auto;
    }

    .drldial-create-path li {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        min-height: 60px;
        align-items: center;
        gap: 14px;
    }

    .drldial-create-path li > span {
        margin-bottom: 0;
    }

    .drldial-create-facts {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 28px;
        padding-top: 22px;
    }

    .drldial-create-actions {
        align-items: stretch;
        flex-direction: column;
        margin-top: 28px;
    }

    .drldial-create-primary,
    .drldial-create-example {
        width: 100%;
        min-width: 0;
    }

    .drldial-create-privacy {
        align-items: flex-start;
        margin-top: 28px;
    }

    .drldial-hero {
        grid-template-columns: 1fr;
        padding: 34px 0 38px;
    }

    .drldial-workflow-signal {
        grid-column: 1;
        grid-row: auto;
        border-top: 1px solid var(--drl-line);
        border-left: 0;
        padding: 26px 0 0;
    }

    .drldial-hero > .drldial-button {
        grid-row: auto;
        width: 100%;
    }

    .drldial-list-section {
        padding-top: 52px;
    }

    .drldial-archive > .drldial-list-section::before {
        top: 26px;
    }

    .drldial-filters {
        display: grid;
        grid-template-columns: 1fr;
    }

    .drldial-filters label,
    .drldial-filters > .drldial-button {
        width: 100%;
        max-width: none;
    }

    .drldial-card-grid {
        grid-template-columns: 1fr;
    }

    .drldial-card {
        gap: 18px;
        padding: 24px 20px;
    }

    .drldial-single {
        padding: 28px 0 64px;
    }

    .drldial-single-header {
        padding-inline: 20px;
    }

    .drldial-single-header:has(.drldial-opportunity-icon-actions) {
        padding-right: 20px;
    }

    .drldial-single-header > .drldial-opportunity-icon-actions {
        position: static;
        flex-direction: row;
        margin: 0 0 10px;
    }

    .drldial-single > .drldial-workflow-signal {
        border-top: 0;
        padding-inline: 20px;
    }

    .drldial-single > .drldial-workflow-signal ol {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .drldial-single > .drldial-workflow-signal li {
        min-height: 46px;
        padding-right: 0;
    }

    .drldial-single > .drldial-workflow-signal li:not(:last-child)::after {
        display: none;
    }

    .drldial-request-specializations {
        padding-inline: 20px;
    }

    .drldial-project-match-public-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 8px;
    }

    .drldial-project-match-public-rail::before {
        display: none;
    }

    .drldial-single-sidebar,
    .drldial-team-role-cards,
    .drldial-co-build-foundation-grid,
    .drldial-project-relay-plan-grid,
    .drldial-expert-check-brief-grid,
    .drldial-warm-intro-consent-grid,
    .drldial-matching-professionals {
        grid-template-columns: 1fr;
    }

    .drldial-matching-professionals {
        grid-auto-rows: auto;
    }

    .drldial-single-sidebar > .drldial-button--wide {
        grid-column: auto;
    }

    .drldial-warm-intro-people {
        grid-template-columns: 1fr;
    }

    .drldial-warm-intro-bridge {
        min-height: 34px;
    }

    .drldial-request-content,
    .drldial-team-open-roles,
    .drldial-co-build-foundation,
    .drldial-project-relay-plan,
    .drldial-expert-check-brief,
    .drldial-warm-intro-connection,
    .drldial-warm-intro-reason,
    .drldial-warm-intro-consent,
    .drldial-conversation,
    .drldial-current-protocol,
    .drldial-long-run-protocol-v1,
    .drldial-match-protocol-v1,
    .drldial-expert-protocol-v1,
    .drldial-co-build-workspace,
    .drldial-co-build-protocol,
    .drldial-team-protocol-map,
    .drldial-team-room-manifest,
    .drldial-warm-protocol-trace {
        padding: 18px;
    }

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

    .wpmc-comments ul.wpmc-comments {
        margin-left: 20px;
    }

    .drldial-login-required {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 1120px) {
    .drl-site-header__inner {
        grid-template-columns: 1fr;
    }

    .drl-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .drl-header-tools {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        justify-self: stretch;
        justify-content: space-between;
        border-top: 1px solid var(--drl-line);
        padding-top: 10px;
    }
}

@media (max-width: 460px) {
    .drl-brand__copy {
        max-width: 260px;
        line-height: 1.35;
    }

    .drl-header-tools {
        align-items: center;
        gap: 8px;
    }

    .drl-header-tools .drl-theme-switch button {
        padding-inline: 7px;
    }

    .drl-header-action {
        width: 42px;
        padding-inline: 0;
    }

    .drl-header-action > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .drl-mini-account > summary {
        grid-template-columns: 34px 18px;
    }

    .drl-mini-account__copy {
        display: none;
    }

    .drldial-card-topline {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

}

@media (max-width: 350px) {
    .drl-header-tools {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
        justify-content: space-between;
        border-top: 1px solid var(--drl-line);
        padding-top: 10px;
    }
}

@media (max-width: 980px) {
    .drl-site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .drl-brand {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .drl-mobile-nav-toggle {
        display: inline-flex;
        grid-column: 2;
        grid-row: 1;
    }

    .drl-mobile-menu {
        display: block;
        border-bottom: 1px solid var(--drl-line);
        background: var(--drl-surface);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--drl-text) 10%, transparent);
    }

    .drl-mobile-menu__inner {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(220px, 2fr);
        gap: 28px;
        padding-block: 20px 24px;
    }

    .drl-mobile-menu__section {
        display: grid;
        align-content: start;
        gap: 10px;
    }

    .drl-mobile-menu__primary-links {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .drl-header-tools {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 760px) {
    .drl-site-header__inner {
        gap: 10px 12px;
    }

    .drl-mobile-menu__inner {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .drl-mobile-menu__primary-links {
        grid-template-columns: 1fr;
    }

    .drl-mobile-menu__page-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 18px;
    }

    .drl-header-tools {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 38px) auto;
        grid-column: 1 / -1;
        grid-row: 2;
        align-items: center;
        gap: 6px 8px;
    }

    .drl-header-actions {
        display: contents;
    }

    .drl-header-action--network {
        width: 100%;
        height: 38px;
        min-height: 38px;
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start;
        padding-inline: 13px;
    }

    .drl-header-action > span {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: nowrap;
    }

    .drl-header-action--create {
        width: 100%;
        height: 38px;
        min-height: 38px;
        grid-column: 1;
        grid-row: 2;
        justify-content: flex-start;
        padding-inline: 13px;
    }

    .drl-theme-switch {
        width: 100%;
        height: 38px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 1fr;
        grid-column: 2;
        grid-row: 1;
        align-self: stretch;
        justify-self: stretch;
        padding: 2px;
    }

    .drl-theme-switch button + button::before {
        top: 8px;
        right: auto;
        bottom: 8px;
        left: -1px;
        width: 1px;
        height: auto;
    }

    .drl-header-tools .drl-theme-switch button {
        width: 100%;
        height: 32px;
        min-height: 32px;
        padding: 0;
    }

    .drl-header-tools .drl-theme-switch button svg {
        width: 13px;
        height: 13px;
        flex-basis: 13px;
    }

    .drl-account-nav {
        width: 100%;
        grid-column: 2;
        grid-row: 2;
        align-self: stretch;
        justify-content: flex-end;
        justify-self: stretch;
    }

    .drl-account-nav--guest {
        gap: 0;
    }

    .drl-account-nav--guest .drl-account-nav__sign-in {
        display: inline-flex;
        width: 100%;
        min-width: 0;
        justify-content: center;
        gap: 8px;
        border: 1px solid var(--drl-line);
        border-radius: var(--drl-radius);
        background: color-mix(in srgb, var(--drl-surface) 76%, transparent);
        padding-inline: 10px;
        color: var(--drl-text);
        font-size: 12px;
        font-weight: 650;
        transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
    }

    .drl-account-nav--guest .drl-account-nav__sign-in:hover,
    .drl-account-nav--guest .drl-account-nav__sign-in:focus-visible {
        border-color: color-mix(in srgb, var(--drl-workspace-nav) 50%, var(--drl-line));
        background: var(--drl-workspace-nav-soft);
        color: var(--drl-workspace-nav);
    }

    .drl-account-nav--guest .drl-account-nav__sign-in svg {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }

    .drl-account-nav--guest .drl-account-nav__join {
        display: none;
    }

    .drl-account-nav > a,
    .drl-mini-account > summary {
        height: 38px;
        min-height: 38px;
    }

    .drl-mini-account {
        width: 100%;
    }

    .drl-mini-account > summary {
        width: 100%;
        grid-template-columns: 26px minmax(0, 1fr) 28px;
        gap: 6px;
        padding: 3px 4px 3px 6px;
    }

    .drl-mini-account > summary > img {
        width: 28px;
        height: 28px;
        grid-column: 3;
    }

    .drl-mini-account__copy {
        display: grid;
        grid-column: 2;
    }

    .drl-mini-account__chevron {
        width: 26px;
        height: 26px;
        grid-column: 1;
        padding: 5px;
    }

    .drl-header-search {
        width: calc(100% - var(--drl-header-search-overhang));
        max-width: none;
        min-width: 0;
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .drl-header-search button,
    .drl-header-search button:hover,
    .drl-header-search button:focus-visible {
        right: calc(0px - var(--drl-header-search-overhang));
        width: 38px;
        height: 38px;
        min-height: 38px;
        box-shadow: none;
        transform: translateY(-50%);
    }

    .drl-header-tools .drl-theme-switch button span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .drl-brand__bubble {
        animation: none;
        opacity: 0.9;
        transform: translateY(var(--drl-bubble-rest-y));
    }
}

.wpmc-auth-page-wrap {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto;
    padding: clamp(34px, 6vw, 80px) 0 clamp(52px, 8vw, 110px);
}

.wpmc-auth-modal {
    position: fixed;
    z-index: 1000000;
    inset: 0;
    display: grid;
    overflow: auto;
    place-items: center;
    background: color-mix(in srgb, var(--drl-bg) 76%, rgba(5, 12, 15, 0.78));
    padding: 24px;
    backdrop-filter: blur(12px);
}

.wpmc-auth-modal[hidden] {
    display: none !important;
}

.wpmc-auth-modal.is-page {
    position: relative;
    z-index: auto;
    display: block;
    overflow: visible;
    background: transparent;
    padding: 0;
    backdrop-filter: none;
}

.wpmc-auth-modal-content {
    position: relative;
    width: min(1040px, 100%);
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    box-shadow: var(--drl-shadow);
}

.wpmc-auth-modal:not(.is-page) .wpmc-auth-modal-content {
    max-height: calc(100dvh - 48px);
    overflow: auto;
}

.wpmc-auth-modal.is-page .wpmc-auth-modal-content {
    width: 100%;
}

.wpmc-auth-shell {
    display: grid;
    min-height: 610px;
    grid-template-columns: minmax(320px, 0.84fr) minmax(430px, 1.16fr);
}

.wpmc-auth-brand,
.wpmc-auth-workbench {
    min-width: 0;
    padding: clamp(36px, 5vw, 64px);
}

.wpmc-auth-brand {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--drl-line);
    background:
        radial-gradient(circle at 12% 10%, var(--drl-expert-check-accent-soft), transparent 32%),
        radial-gradient(circle at 92% 26%, var(--drl-team-up-accent-soft), transparent 36%),
        radial-gradient(circle at 26% 96%, var(--drl-warm-intro-accent-soft), transparent 34%),
        var(--drl-surface-soft);
}

.wpmc-auth-brand::after {
    position: absolute;
    right: -72px;
    bottom: -72px;
    width: 190px;
    height: 190px;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    content: "";
    opacity: 0.55;
}

.wpmc-auth-kicker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 28px;
    color: var(--drl-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.wpmc-auth-kicker > span {
    width: 26px;
    height: 1px;
    background: var(--drl-workspace-nav);
}

.wpmc-auth-brand-logo {
    --wpmc-auth-logo-size: clamp(142px, 14vw, 190px);
    position: relative;
    z-index: 1;
    display: block;
    width: var(--wpmc-auth-logo-size);
    height: var(--wpmc-auth-logo-size);
    margin: 0 auto 22px;
    border: 1px solid color-mix(in srgb, var(--drl-line-strong) 58%, transparent);
    border-radius: 50%;
    background: var(--drl-bg);
    padding: clamp(14px, 1.7vw, 22px);
    box-shadow:
        0 3px 7px rgba(9, 16, 18, 0.12),
        0 16px 34px rgba(9, 16, 18, 0.18),
        inset 0 0 0 3px color-mix(in srgb, var(--drl-bg) 88%, transparent);
    object-fit: contain;
}

.wpmc-auth-brand h2 {
    position: relative;
    z-index: 1;
    max-width: 430px;
    margin: 0;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(29px, 3.2vw, 42px);
    font-weight: 470;
    letter-spacing: -0.035em;
    line-height: 1.08;
}

.wpmc-auth-brand > p {
    position: relative;
    z-index: 1;
    max-width: 440px;
    margin: 22px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.65;
}

.wpmc-auth-brand-chips {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.wpmc-auth-brand-chips span {
    border: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-surface-raised) 72%, transparent);
    padding: 7px 9px;
    color: var(--drl-text-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
}

.wpmc-auth-workbench {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--drl-surface);
}

.wpmc-auth-heading {
    margin-bottom: 26px;
}

.wpmc-auth-heading > span {
    color: var(--drl-workspace-nav);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.wpmc-auth-heading h3 {
    margin: 9px 0 0;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(25px, 2.6vw, 34px);
    font-weight: 470;
    letter-spacing: -0.025em;
    line-height: 1.12;
}

.wpmc-auth-heading p {
    max-width: 520px;
    margin: 13px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.wpmc-auth-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--drl-line);
    padding-bottom: 5px;
}

.wpmc-auth-tabs button {
    min-width: 0;
    min-height: 38px;
    border: 0;
    background: transparent;
    padding: 8px 7px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font: 650 12px/1 var(--drl-font-ui);
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.wpmc-auth-tabs button:hover {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.wpmc-auth-tabs button.active {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
    box-shadow: inset 0 -2px 0 var(--drl-workspace-nav);
}

.wpmc-auth-tab-content {
    display: none;
}

.wpmc-auth-tab-content.active {
    display: block;
}

.wpmc-auth-form {
    display: grid;
    gap: 17px;
}

.wpmc-auth-form > label:not(.wpmc-auth-check) {
    display: grid;
    gap: 7px;
}

.wpmc-auth-form > label:not(.wpmc-auth-check) > span {
    color: var(--drl-text);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
}

.wpmc-auth-form input[type="text"],
.wpmc-auth-form input[type="email"],
.wpmc-auth-form input[type="password"] {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 0;
    outline: 0;
    background: var(--drl-surface-raised);
    padding: 10px 13px;
    color: var(--drl-text);
    font: 500 14px/1.35 var(--drl-font-ui);
    transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}

.wpmc-auth-form input[type="text"]:hover,
.wpmc-auth-form input[type="email"]:hover,
.wpmc-auth-form input[type="password"]:hover {
    border-color: var(--drl-workspace-nav);
}

.wpmc-auth-form input[type="text"]:focus,
.wpmc-auth-form input[type="email"]:focus,
.wpmc-auth-form input[type="password"]:focus {
    border-color: var(--drl-workspace-nav);
    box-shadow: 0 0 0 3px var(--drl-workspace-nav-soft);
}

.wpmc-auth-check {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 9px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 12px;
}

.wpmc-auth-check input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--drl-workspace-nav);
}

.wpmc-auth-submit {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--drl-workspace-nav);
    border-radius: 0;
    background: var(--drl-workspace-action);
    padding: 12px 20px;
    color: var(--drl-workspace-on-action);
    cursor: pointer;
    font: 700 13px/1 var(--drl-font-ui);
    transition: filter 150ms ease, transform 150ms ease;
}

.wpmc-auth-submit:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

.wpmc-auth-submit:focus-visible,
.wpmc-auth-tabs button:focus-visible,
.wpmc-auth-close:focus-visible,
.wpmc-auth-text-button:focus-visible,
.wpmc-auth-inline a:focus-visible {
    outline: 3px solid var(--drl-workspace-nav-soft);
    outline-offset: 2px;
}

.wpmc-auth-inline {
    display: flex;
    justify-content: center;
    margin-top: -3px;
}

.wpmc-auth-inline a,
.wpmc-auth-text-button,
.drldial-auth-terms a {
    color: var(--drl-workspace-nav);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.wpmc-auth-inline a {
    font-size: 12px;
}

.wpmc-auth-resend-form {
    display: flex;
    justify-content: center;
    margin-top: 14px;
}

.wpmc-auth-text-button {
    border: 0;
    background: transparent;
    padding: 5px;
    cursor: pointer;
    font: 650 12px/1.3 var(--drl-font-ui);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.drldial-auth-terms,
.wpmc-auth-muted,
.wpmc-google-status {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 11px;
    line-height: 1.5;
}

.wpmc-auth-notice {
    margin-bottom: 22px;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    padding: 12px 14px;
    color: var(--drl-text);
    font-size: 12px;
    line-height: 1.5;
}

.wpmc-auth-notice.wpmc-error {
    border-left-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 10%, var(--drl-surface));
}

.wpmc-auth-notice.wpmc-success {
    border-left-color: var(--drl-success);
    background: color-mix(in srgb, var(--drl-success) 10%, var(--drl-surface));
}

.wpmc-auth-google-first {
    display: grid;
    justify-items: center;
    margin: -2px 0 22px;
}

.wpmc-google-login,
.wpmc-google-login .g_id_signin {
    width: min(320px, 100%);
}

.wpmc-auth-recaptcha {
    max-width: 100%;
    overflow: auto;
}

.wpmc-auth-close {
    position: absolute;
    z-index: 5;
    top: 16px;
    right: 16px;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    background: color-mix(in srgb, var(--drl-surface-raised) 86%, transparent);
    padding: 0;
    color: var(--drl-text-muted);
    cursor: pointer;
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.wpmc-auth-close:hover {
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-workspace-nav);
}

.wpmc-auth-close > span {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
}

.wpmc-auth-close > span::before,
.wpmc-auth-close > span::after {
    position: absolute;
    top: 6px;
    left: 0;
    width: 14px;
    height: 1px;
    background: currentColor;
    content: "";
}

.wpmc-auth-close > span::before {
    transform: rotate(45deg);
}

.wpmc-auth-close > span::after {
    transform: rotate(-45deg);
}

.wpmc-auth-mfa-email {
    margin-top: 24px;
    border-top: 1px solid var(--drl-line);
    padding-top: 22px;
}

.wpmc-auth-mfa-email > p {
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.5;
}

.wpmc-auth-shortcode-form,
.wpmc-auth-page-card {
    border: 1px solid var(--drl-line);
    background: var(--drl-surface);
    padding: clamp(24px, 4vw, 42px);
}

@media (max-width: 820px) {
    .wpmc-auth-page-wrap {
        width: min(680px, calc(100% - 32px));
    }

    .wpmc-auth-shell {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .wpmc-auth-brand {
        border-right: 0;
        border-bottom: 1px solid var(--drl-line);
        padding: 34px 34px 38px;
    }

    .wpmc-auth-brand-logo {
        --wpmc-auth-logo-size: 118px;
        margin: 0 auto 18px;
    }

    .wpmc-auth-brand h2 {
        max-width: 560px;
        font-size: clamp(27px, 7vw, 36px);
    }

    .wpmc-auth-brand > p {
        margin-top: 16px;
    }

    .wpmc-auth-brand-chips {
        margin-top: 20px;
    }

    .wpmc-auth-workbench {
        padding: 38px 34px 42px;
    }
}

@media (max-width: 520px) {
    .wpmc-auth-page-wrap {
        width: min(100%, calc(100% - 24px));
        padding-top: 20px;
    }

    .wpmc-auth-modal:not(.is-page) {
        align-items: start;
        padding: 10px;
    }

    .wpmc-auth-modal:not(.is-page) .wpmc-auth-modal-content {
        max-height: calc(100dvh - 20px);
    }

    .wpmc-auth-brand,
    .wpmc-auth-workbench {
        padding-right: 22px;
        padding-left: 22px;
    }

    .wpmc-auth-brand {
        padding-top: 28px;
        padding-bottom: 30px;
    }

    .wpmc-auth-brand-logo {
        --wpmc-auth-logo-size: 96px;
        margin: 0 auto 16px;
    }

    .wpmc-auth-brand > p,
    .wpmc-auth-brand-chips {
        display: none;
    }

    .wpmc-auth-workbench {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .wpmc-auth-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wpmc-auth-close {
        top: 10px;
        right: 10px;
        width: 36px;
        height: 36px;
    }
}

.drldial-terms-page {
    padding-bottom: clamp(80px, 9vw, 132px);
}

.drldial-terms-hero {
    display: grid;
    max-width: 940px;
    gap: 6px;
    border-bottom: 1px solid var(--drl-line);
    padding: 28px 0 30px;
}

.drldial-terms-hero .drldial-eyebrow {
    margin: 0;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: none;
}

.drldial-terms-hero h1 {
    margin: 0;
}

.drldial-terms-lead {
    max-width: 760px;
    margin: 2px 0 0;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.5;
}

.drldial-terms-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin-top: 14px;
    color: var(--drl-text-subtle);
    font-size: 12px;
}

.drldial-terms-meta span {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
}

.drldial-terms-meta strong {
    color: var(--drl-text);
    font-weight: 680;
}

.drldial-terms-meta a {
    color: var(--drl-workspace-nav);
}

.drldial-terms-summary {
    display: grid;
    grid-template-columns: minmax(230px, 0.55fr) minmax(0, 1.45fr);
    gap: clamp(38px, 6vw, 88px);
    border-bottom: 1px solid var(--drl-line);
    padding: clamp(38px, 5vw, 64px) 0;
}

.drldial-terms-summary-heading {
    align-self: start;
}

.drldial-terms-summary-heading .drldial-eyebrow {
    margin-bottom: 10px;
}

.drldial-terms-summary-heading h2 {
    margin: 0;
    font-size: clamp(25px, 2.4vw, 32px);
}

.drldial-terms-summary-heading > p:last-child {
    margin: 16px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
}

.drldial-terms-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px clamp(24px, 4vw, 48px);
}

.drldial-terms-summary-grid article {
    position: relative;
    border-top: 1px solid var(--drl-line-strong);
    padding: 18px 0 0 36px;
}

.drldial-terms-summary-grid article > span {
    position: absolute;
    top: 20px;
    left: 0;
    color: var(--drl-workspace-nav);
    font-size: 10px;
    font-weight: 720;
    letter-spacing: 0.08em;
}

.drldial-terms-summary-grid h3 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
}

.drldial-terms-summary-grid p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.drldial-terms-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
    align-items: start;
    gap: clamp(48px, 6vw, 88px);
    padding-top: clamp(44px, 6vw, 76px);
}

.drldial-terms-document {
    min-width: 0;
}

.drldial-terms-document > section {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 18px;
    border-top: 1px solid var(--drl-line);
    padding: 34px 0 42px;
    scroll-margin-top: 24px;
}

.drldial-terms-document > section:first-child {
    border-top-color: var(--drl-line-strong);
}

.drldial-terms-document > section > * {
    grid-column: 2;
}

.drldial-terms-document .drldial-terms-section-number {
    grid-column: 1;
    grid-row: 1;
    padding-top: 7px;
    color: var(--drl-workspace-nav);
    font-size: 11px;
    font-weight: 720;
    letter-spacing: 0.08em;
}

.drldial-terms-document h2 {
    margin: 0 0 18px;
    font-size: clamp(26px, 2.5vw, 34px);
    line-height: 1.12;
}

.drldial-terms-document p,
.drldial-terms-document li {
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.72;
}

.drldial-terms-document p {
    margin: 0 0 1em;
}

.drldial-terms-document p:last-child {
    margin-bottom: 0;
}

.drldial-terms-document ul,
.drldial-terms-document ol {
    margin: 0;
    padding-left: 1.2em;
}

.drldial-terms-document li + li {
    margin-top: 0.58em;
}

.drldial-terms-document a {
    color: var(--drl-workspace-nav);
}

.drldial-terms-callout,
.drldial-terms-legal-emphasis {
    margin: 4px 0 22px;
    border-left: 3px solid var(--drl-workspace-nav);
    background: var(--drl-workspace-nav-soft);
    padding: 18px 22px;
}

.drldial-terms-callout strong {
    display: block;
    margin-bottom: 4px;
    color: var(--drl-text);
    font-size: 14px;
}

.drldial-terms-callout p,
.drldial-terms-legal-emphasis p {
    margin-bottom: 0.8em;
    color: var(--drl-text);
    font-size: 13px;
    line-height: 1.62;
}

.drldial-terms-callout p:last-child,
.drldial-terms-legal-emphasis p:last-child {
    margin-bottom: 0;
}

.drldial-terms-legal-emphasis {
    border: 1px solid var(--drl-line-strong);
    border-left: 3px solid var(--drl-workspace-nav);
    background: var(--drl-surface-soft);
}

.drldial-terms-toc {
    position: sticky;
    top: 24px;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    border: 1px solid var(--drl-line);
    background: color-mix(in srgb, var(--drl-surface) 88%, transparent);
    padding: clamp(22px, 3vw, 30px);
    scrollbar-width: thin;
    scrollbar-color: var(--drl-line-strong) transparent;
}

.drldial-terms-toc > h2 {
    display: block;
    margin: 0 0 20px;
    font-family: var(--drl-font-display);
    font-size: 29px;
    font-weight: 500;
    line-height: 1.12;
}

.drldial-terms-toc ol {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--drl-line);
    list-style: none;
    counter-reset: drldial-terms-toc;
}

.drldial-terms-toc li {
    counter-increment: drldial-terms-toc;
    border-bottom: 1px solid var(--drl-line);
}

.drldial-terms-toc a {
    display: grid;
    min-height: 42px;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 7px 8px 7px 0;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.35;
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease, padding-left 150ms ease;
}

.drldial-terms-toc a::before {
    color: var(--drl-text-subtle);
    content: counter(drldial-terms-toc, decimal-leading-zero);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.drldial-terms-toc a:hover,
.drldial-terms-toc a:focus-visible {
    background: var(--drl-workspace-nav-soft);
    color: var(--drl-text);
    padding-left: 8px;
}

.drldial-terms-toc a:hover::before,
.drldial-terms-toc a:focus-visible::before {
    color: var(--drl-workspace-nav);
}

.drldial-terms-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: clamp(36px, 5vw, 64px);
    border-top: 1px solid var(--drl-line-strong);
    border-bottom: 1px solid var(--drl-line);
    padding: 28px 0;
}

.drldial-terms-footer > div {
    max-width: 720px;
}

.drldial-terms-footer strong {
    font-family: var(--drl-font-display);
    font-size: 22px;
    font-weight: 520;
}

.drldial-terms-footer p {
    margin: 5px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
}

@media (max-width: 1080px) {
    .drldial-terms-summary {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .drldial-terms-summary-heading {
        max-width: 680px;
    }

    .drldial-terms-layout {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .drldial-terms-toc {
        position: static;
        order: -1;
        max-height: none;
    }

    .drldial-terms-toc ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }

    .drldial-terms-footer {
        align-items: flex-start;
    }
}

@media (max-width: 620px) {
    .drldial-terms-page {
        padding-bottom: 72px;
    }

    .drldial-terms-summary-grid,
    .drldial-terms-toc ol {
        grid-template-columns: 1fr;
    }

    .drldial-terms-summary-grid {
        gap: 24px;
    }

    .drldial-terms-layout {
        gap: 42px;
        padding-top: 36px;
    }

    .drldial-terms-toc {
        padding: 22px;
    }

    .drldial-terms-document > section {
        grid-template-columns: 32px minmax(0, 1fr);
        column-gap: 10px;
        padding: 28px 0 34px;
    }

    .drldial-terms-document h2 {
        font-size: 25px;
    }

    .drldial-terms-document p,
    .drldial-terms-document li {
        font-size: 14px;
    }

    .drldial-terms-footer {
        display: grid;
    }

    .drldial-terms-footer .drldial-button {
        justify-self: start;
    }
}

/* Homepage landing */

.drl-landing-page {
    background: var(--drl-bg);
    color: var(--drl-text);
}

.drl-landing-page #main {
    min-height: 0;
}

.drl-landing.drldial-home {
    display: block;
    min-width: 0;
    overflow: hidden;
    background: var(--drl-bg);
    padding: 0;
}

.drl-landing-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 66% 44%, rgba(35, 124, 137, 0.1), transparent 27%),
        radial-gradient(circle at 30% 20%, rgba(139, 91, 132, 0.07), transparent 25%),
        linear-gradient(180deg, #070c0e 0%, #080e10 72%, #070c0e 100%);
    color: #f2efe7;
}

.drl-landing-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.012) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px);
    background-size: 64px 64px;
    content: "";
    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 72%, transparent);
    opacity: 0.55;
}

.drl-landing-hero__inner,
.drl-landing-steps,
.drl-landing-trust-line,
.drl-landing-section,
.drl-landing-explainer,
.drl-landing-signoff {
    width: min(calc(100% - (2 * var(--drl-gutter))), 1440px);
    margin-inline: auto;
}

.drl-landing-hero__inner {
    display: grid;
    min-height: 620px;
    grid-template-columns: minmax(330px, 0.72fr) minmax(610px, 1.28fr);
    align-items: center;
    gap: clamp(32px, 4vw, 72px);
    padding: 44px 0 32px;
}

.drl-landing-hero__copy {
    position: relative;
    z-index: 4;
    max-width: 500px;
}

.drl-landing-kicker,
.drl-landing-eyebrow {
    margin: 0;
    color: #91dce8;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.drl-landing-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
}

.drl-landing-kicker > span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #75d8e9;
    box-shadow: 0 0 6px #75d8e9, 0 0 16px rgba(117, 216, 233, 0.55);
    animation: drl-landing-status-pulse 2.4s ease-in-out infinite;
}

.drl-landing-hero h1 {
    margin: 19px 0 20px;
    max-width: 560px;
    color: #f5f1e8;
    font-family: var(--drl-font-display);
    font-size: clamp(48px, 4.25vw, 72px);
    font-weight: 390;
    letter-spacing: -0.035em;
    line-height: 0.99;
}

.drl-landing-hero h1 span {
    display: block;
    color: #dedbd3;
}

.drl-landing-hero__lede {
    max-width: 485px;
    margin: 0;
    color: #aeb5b4;
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.62;
}

.drl-landing-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 31px;
}

.drl-landing-button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    border: 1px solid rgba(233, 178, 95, 0.62);
    padding: 10px 17px 10px 20px;
    color: #f5f1e8;
    font-size: 14px;
    font-weight: 550;
    text-decoration: none;
    transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.drl-landing-button svg,
.drl-landing-text-link svg,
.drl-landing-section-link svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    transition: transform 180ms ease;
}

.drl-landing-button--primary {
    min-width: 210px;
    background: linear-gradient(110deg, rgba(245, 185, 91, 0.08), rgba(100, 201, 218, 0.03));
}

.drl-landing-button:hover,
.drl-landing-button:focus-visible {
    border-color: #f1b45b;
    background: rgba(241, 180, 91, 0.12);
    color: #ffd28e;
    transform: translateY(-2px);
}

.drl-landing-button:hover svg,
.drl-landing-button:focus-visible svg,
.drl-landing-text-link:hover svg,
.drl-landing-text-link:focus-visible svg,
.drl-landing-section-link:hover svg,
.drl-landing-section-link:focus-visible svg {
    transform: translateX(4px);
}

.drl-landing-text-link {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(232, 226, 211, 0.28);
    color: #aeb5b4;
    font-size: 14px;
    text-decoration: none;
}

.drl-landing-text-link:hover,
.drl-landing-text-link:focus-visible {
    border-color: #91dce8;
    color: #d9f8fc;
}

.drl-landing-hero__note {
    max-width: 410px;
    margin: 19px 0 0;
    color: #788384;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 1.55;
}

.drl-signal-map {
    --drl-signal-pointer-x: 50%;
    --drl-signal-pointer-y: 50%;
    --drl-signal-shift-x: 0px;
    --drl-signal-shift-y: 0px;
    position: relative;
    width: 100%;
    aspect-ratio: 760 / 600;
    isolation: isolate;
}

.drl-signal-map::before {
    position: absolute;
    z-index: -1;
    inset: 17% 12% 10%;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(115, 207, 222, 0.07), transparent 61%);
    content: "";
    filter: blur(12px);
}

.drl-signal-map::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(circle at var(--drl-signal-pointer-x) var(--drl-signal-pointer-y), rgba(126, 221, 234, 0.075), transparent 19%);
    content: "";
    pointer-events: none;
    transition: opacity 220ms ease;
}

.drl-signal-map__wires {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: translate3d(var(--drl-signal-shift-x), var(--drl-signal-shift-y), 0);
    transition: transform 80ms linear;
}

.drl-signal-wire {
    --drl-wire-color: #76d7e7;
    fill: none;
    stroke: var(--drl-wire-color);
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.drl-signal-wire--project-match,
.drl-signal-spark--project-match,
.drl-signal-node--project-match {
    --drl-wire-color: var(--drl-signal-project-match, var(--drl-project-match-accent));
}

.drl-signal-wire--long-run,
.drl-signal-spark--long-run,
.drl-signal-node--long-run {
    --drl-wire-color: var(--drl-signal-long-run, #ffe03b);
}

.drl-signal-wire--team-up,
.drl-signal-spark--team-up,
.drl-signal-node--team-up {
    --drl-wire-color: var(--drl-signal-team-up, #42d5f5);
}

.drl-signal-wire--co-build,
.drl-signal-spark--co-build,
.drl-signal-node--co-build {
    --drl-wire-color: var(--drl-signal-co-build, #8d5cff);
}

.drl-signal-wire--project-relay,
.drl-signal-spark--project-relay,
.drl-signal-node--project-relay {
    --drl-wire-color: var(--drl-signal-project-relay, #25d6c8);
}

.drl-signal-wire--warm-intro,
.drl-signal-spark--warm-intro,
.drl-signal-node--warm-intro {
    --drl-wire-color: var(--drl-signal-warm-intro, #e85bff);
}

.drl-signal-wire--expert-check,
.drl-signal-spark--expert-check,
.drl-signal-node--expert-check {
    --drl-wire-color: var(--drl-signal-expert-check, #a9a2ff);
}

.drl-signal-map__base-lines .drl-signal-wire {
    stroke-width: 0.68;
    opacity: 0.5;
}

.drl-signal-map__glow-lines .drl-signal-wire {
    stroke-width: 4.4;
    opacity: 0.09;
}

.drl-signal-map__live-lines .drl-signal-wire {
    stroke-width: 1.08;
    stroke-dasharray: 2 16 36 27;
    opacity: 0.86;
    animation: drl-signal-current 6.4s linear infinite;
}

.drl-signal-map__live-lines .drl-signal-wire:nth-child(2n) {
    animation-duration: 7.7s;
    animation-direction: reverse;
}

.drl-signal-map__live-lines .drl-signal-wire:nth-child(3n) {
    animation-duration: 5.3s;
}

.drl-signal-spark {
    fill: var(--drl-wire-color);
    stroke: #ffffff;
    stroke-width: 0.42;
}

.drl-signal-node {
    position: absolute;
    z-index: 3;
    display: grid;
    max-width: 156px;
    gap: 2px;
    color: var(--drl-wire-color);
    line-height: 1.28;
    text-decoration: none;
    text-shadow: 0 0 14px color-mix(in srgb, var(--drl-wire-color) 27%, transparent);
    transition: filter 180ms ease, transform 180ms ease;
}

.drl-signal-node strong {
    color: currentColor;
    font-size: 14px;
    font-weight: 560;
}

.drl-signal-node small {
    color: #9fa8a8;
    font-size: 12px;
    font-weight: 430;
    line-height: 1.42;
    text-shadow: none;
}

.drl-signal-node:hover,
.drl-signal-node:focus-visible {
    color: #ffffff;
    filter: drop-shadow(0 0 8px var(--drl-wire-color));
}

.drl-signal-node--project-match {
    top: 4%;
    left: 46.8%;
    text-align: center;
    transform: translateX(-50%);
}

.drl-signal-node--project-match:hover,
.drl-signal-node--project-match:focus-visible {
    transform: translateX(-50%) translateY(-2px);
}

.drl-signal-node--long-run {
    top: 24%;
    left: 1%;
}

.drl-signal-node--team-up {
    top: 23.5%;
    right: 0;
}

.drl-signal-node--co-build {
    top: 49.5%;
    left: 0;
    transform: translateY(-50%);
}

.drl-signal-node--project-relay {
    top: 49.5%;
    right: 0;
    transform: translateY(-50%);
}

.drl-signal-node--warm-intro {
    top: 82%;
    left: 5%;
}

.drl-signal-node--expert-check {
    top: 82.5%;
    right: 3%;
}

.drl-signal-node--co-build:hover,
.drl-signal-node--co-build:focus-visible,
.drl-signal-node--project-relay:hover,
.drl-signal-node--project-relay:focus-visible {
    transform: translateY(calc(-50% - 2px));
}

.drl-signal-core {
    position: absolute;
    z-index: 4;
    top: 54.3%;
    left: 50%;
    display: grid;
    width: 102px;
    height: 102px;
    place-items: center;
    border: 1px solid rgba(236, 220, 191, 0.58);
    border-radius: 50%;
    background:
        radial-gradient(circle at 38% 32%, rgba(255, 255, 255, 0.09), transparent 32%),
        radial-gradient(circle at center, #111819 0%, #090f11 68%, #060a0c 100%);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.025) inset,
        0 0 28px rgba(241, 180, 91, 0.08),
        0 0 68px rgba(113, 213, 228, 0.065);
    color: #f8f4eb;
    text-align: center;
    text-decoration: none;
    transform: translate(-50%, -50%);
}

.drl-signal-core::before,
.drl-signal-core::after {
    position: absolute;
    border: 1px solid rgba(224, 211, 187, 0.12);
    border-radius: 50%;
    content: "";
    inset: -10px;
    animation: drl-signal-core-ring 4.2s ease-out infinite;
}

.drl-signal-core::after {
    animation-delay: -2.1s;
}

.drl-signal-core:hover,
.drl-signal-core:focus-visible {
    border-color: #f1b45b;
    color: #ffd895;
}

.drl-landing-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(232, 226, 211, 0.2);
    border-bottom: 1px solid rgba(232, 226, 211, 0.14);
    margin-top: 2px;
    padding: 25px 0;
    list-style: none;
}

.drl-landing-steps li {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding-right: clamp(18px, 3vw, 48px);
}

.drl-landing-steps li + li {
    border-left: 1px solid rgba(232, 226, 211, 0.14);
    padding-left: clamp(18px, 3vw, 48px);
}

.drl-landing-step__icon {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(235, 190, 125, 0.45);
    border-radius: 50%;
    color: #e6c593;
}

.drl-landing-step__icon svg {
    width: 28px;
    height: 28px;
}

.drl-landing-steps li > span:last-child {
    display: grid;
    gap: 3px;
}

.drl-landing-steps strong {
    color: #e9e6df;
    font-size: 14px;
    font-weight: 530;
}

.drl-landing-steps small {
    color: #8c9696;
    font-size: 12px;
    line-height: 1.45;
}

.drl-landing-trust-line {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #8f9999;
    font-size: 12px;
    letter-spacing: 0.025em;
}

.drl-landing-trust-line svg {
    width: 17px;
    height: 17px;
    color: #d9c29e;
}

.drl-landing-section {
    padding: clamp(76px, 8vw, 116px) 0;
}

.drl-landing-section--types {
    border-top: 1px solid rgba(232, 226, 211, 0.14);
}

.drl-landing-section--opportunities {
    border-top: 1px solid rgba(232, 226, 211, 0.14);
}

.drl-landing-section__heading {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(300px, 0.65fr);
    align-items: end;
    gap: clamp(36px, 8vw, 130px);
    margin-bottom: 32px;
}

.drl-landing-section__heading--action {
    grid-template-columns: minmax(0, 1fr) auto;
}

.drl-landing-section__heading h2,
.drl-landing-explainer h2,
.drl-landing-join h2 {
    margin: 10px 0 0;
    font-family: var(--drl-font-display);
    font-weight: 420;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.drl-landing-section__heading h2 {
    max-width: 760px;
    color: #f2efe7;
    font-size: clamp(34px, 3.4vw, 50px);
}

.drl-landing-section__heading > p {
    max-width: 590px;
    margin: 0 0 3px;
    color: #98a2a2;
    font-size: 16px;
    line-height: 1.7;
}

.drl-landing-section-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    align-self: end;
    gap: 10px;
    border-bottom: 1px solid rgba(145, 220, 232, 0.42);
    color: #bfeef5;
    font-size: 14px;
    text-decoration: none;
}

.drl-landing-section-link:hover,
.drl-landing-section-link:focus-visible {
    border-color: #91dce8;
    color: #ffffff;
}

.drl-landing-type-grid,
.drl-landing-opportunity-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.drl-landing .drl-landing-type-grid .drldial-home-type-card {
    position: relative;
    display: grid;
    min-height: 188px;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
    gap: 23px 15px;
    overflow: hidden;
    border: 1px solid rgba(231, 226, 213, 0.14);
    border-top: 2px solid var(--dialogue-accent);
    border-left-width: 1px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--dialogue-accent) 7%, transparent), transparent 42%),
        rgba(255, 255, 255, 0.018);
    padding: 23px 20px 21px;
    color: #f2efe7;
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.drl-landing .drl-landing-type-grid .drldial-home-type-card::after {
    position: absolute;
    right: -30px;
    bottom: -48px;
    width: 125px;
    height: 125px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 20%, transparent);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 35px color-mix(in srgb, var(--dialogue-accent) 6%, transparent);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-card:hover,
.drl-landing .drl-landing-type-grid .drldial-home-type-card:focus-visible {
    border-color: color-mix(in srgb, var(--dialogue-accent) 52%, #243033);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--dialogue-accent) 13%, transparent), transparent 52%),
        rgba(255, 255, 255, 0.025);
    color: #ffffff;
    transform: translateY(-4px);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-icon {
    width: 44px;
    height: 44px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 54%, #293234);
    border-radius: 50%;
    background: color-mix(in srgb, var(--dialogue-accent) 9%, transparent);
    color: var(--dialogue-accent);
    box-shadow: 0 0 22px color-mix(in srgb, var(--dialogue-accent) 8%, transparent);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-copy {
    align-self: stretch;
    gap: 9px;
}

.drl-landing .drl-landing-type-grid .drldial-home-type-copy strong {
    color: color-mix(in srgb, var(--dialogue-accent) 72%, #ffffff);
    font-size: 16px;
    font-weight: 620;
}

.drl-landing .drl-landing-type-grid .drldial-home-type-copy small {
    color: #9ba4a4;
    font-size: 13px;
    line-height: 1.55;
}

.drl-landing-type-index {
    position: absolute;
    top: 22px;
    right: 18px;
    color: rgba(224, 228, 222, 0.26);
    font-family: var(--drl-font-display);
    font-size: 12px;
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card {
    min-height: 330px;
    border-color: rgba(231, 226, 213, 0.14);
    border-top: 2px solid var(--dialogue-accent);
    border-left-width: 1px;
    background:
        linear-gradient(155deg, color-mix(in srgb, var(--dialogue-accent) 6%, transparent), transparent 38%),
        rgba(255, 255, 255, 0.018);
    padding: 24px;
    transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card:hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 48%, #263234);
    background:
        linear-gradient(155deg, color-mix(in srgb, var(--dialogue-accent) 11%, transparent), transparent 48%),
        rgba(255, 255, 255, 0.024);
    transform: translateY(-4px);
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card h2 {
    font-size: clamp(20px, 1.65vw, 24px);
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card h2 a {
    color: #f1eee6;
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card > p {
    color: #9ba4a4;
    font-size: 14px;
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-link {
    color: color-mix(in srgb, var(--dialogue-accent) 72%, #ffffff);
}

.drl-landing-empty {
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid rgba(231, 226, 213, 0.14);
    padding: 28px;
    color: #9ba4a4;
}

.drl-landing-empty p {
    margin: 0;
}

.drl-landing-empty a {
    color: #bfeef5;
    text-decoration: none;
}

.drl-landing-explainer {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 15%, rgba(60, 143, 159, 0.13), transparent 24%),
        #e9e6dc;
    padding: clamp(84px, 9vw, 132px) max(var(--drl-gutter), calc((100% - 1320px) / 2));
    color: #11191a;
}

.drl-landing-explainer::before {
    position: absolute;
    z-index: -1;
    top: -310px;
    right: -250px;
    width: 680px;
    height: 680px;
    border: 1px solid rgba(26, 100, 113, 0.12);
    border-radius: 50%;
    content: "";
    box-shadow:
        0 0 0 90px rgba(26, 100, 113, 0.035),
        0 0 0 180px rgba(26, 100, 113, 0.02);
}

.drl-landing-explainer .drl-landing-eyebrow {
    color: #137d91;
}

.drl-landing-explainer__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.7fr);
    align-items: end;
    gap: clamp(42px, 9vw, 150px);
}

.drl-landing-explainer__intro .drl-landing-eyebrow {
    grid-column: 1 / -1;
    margin-bottom: -22px;
}

.drl-landing-explainer__intro h2 {
    max-width: 750px;
    color: #11191a;
    font-size: clamp(42px, 4.5vw, 66px);
}

.drl-landing-explainer__intro > p {
    margin: 0 0 5px;
    color: #4f5b5c;
    font-size: 15px;
    line-height: 1.75;
}

.drl-landing-audience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: clamp(68px, 8vw, 112px);
    background: rgba(11, 25, 27, 0.22);
    border: 1px solid rgba(11, 25, 27, 0.22);
}

.drl-landing-audience-grid article {
    min-height: 275px;
    background: #f0ede4;
    padding: clamp(28px, 4vw, 52px);
}

.drl-landing-audience-grid article > span {
    color: #137d91;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.drl-landing-audience-grid h3 {
    max-width: 530px;
    margin: 34px 0 44px;
    color: #151d1e;
    font-family: var(--drl-font-display);
    font-size: clamp(26px, 2.6vw, 38px);
    font-weight: 450;
    letter-spacing: -0.025em;
    line-height: 1.13;
}

.drl-landing-audience-grid a {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    border-bottom: 1px solid rgba(19, 125, 145, 0.4);
    color: #126f80;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.drl-landing-audience-grid a:hover,
.drl-landing-audience-grid a:focus-visible {
    border-color: #126f80;
    color: #0b5360;
}

.drl-landing-join {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.55fr);
    align-items: center;
    gap: clamp(44px, 8vw, 130px);
    overflow: hidden;
    margin-top: 1px;
    background:
        radial-gradient(circle at 85% 15%, rgba(112, 216, 229, 0.14), transparent 26%),
        linear-gradient(125deg, #101b1e, #071012 72%);
    padding: clamp(44px, 6vw, 78px);
    color: #f2efe7;
}

.drl-landing-join::after {
    position: absolute;
    right: -86px;
    bottom: -125px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(112, 216, 229, 0.12);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 55px rgba(112, 216, 229, 0.025), 0 0 80px rgba(112, 216, 229, 0.06);
}

.drl-landing-join > div {
    position: relative;
    z-index: 1;
}

.drl-landing-join h2 {
    max-width: 790px;
    color: #f2efe7;
    font-size: clamp(36px, 4vw, 58px);
}

.drl-landing-join p {
    max-width: 680px;
    margin: 18px 0 0;
    color: #9facac;
    font-size: 15px;
    line-height: 1.7;
}

.drl-landing-join__actions {
    display: grid;
    gap: 14px;
    justify-items: stretch;
}

.drl-landing-button--light {
    min-height: 56px;
    border-color: #bfeef5;
    background: #d9f8fc;
    color: #092024;
}

.drl-landing-button--light:hover,
.drl-landing-button--light:focus-visible {
    border-color: #ffffff;
    background: #ffffff;
    color: #092024;
}

.drl-landing-join__secondary {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(217, 248, 252, 0.24);
    color: #b9c9c9;
    font-size: 14px;
    text-decoration: none;
}

.drl-landing-join__secondary:hover,
.drl-landing-join__secondary:focus-visible {
    border-color: #bfeef5;
    color: #ffffff;
}

.drl-landing-join__actions small {
    color: #718082;
    font-size: 12px;
    text-align: center;
}

.drl-landing-signoff {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(232, 226, 211, 0.14);
    color: #7e8889;
    font-size: 12px;
    letter-spacing: 0.27em;
    text-align: center;
    text-transform: uppercase;
}

.drl-landing-page .drl-site-footer {
    border-color: rgba(232, 226, 211, 0.14);
    background: #070c0e;
}

@keyframes drl-signal-current {
    to {
        stroke-dashoffset: -480;
    }
}

@keyframes drl-journey-current {
    to {
        stroke-dashoffset: -100;
    }
}

@keyframes drl-journey-segment-pulse {
    0% {
        top: var(--drl-journey-node-center);
        opacity: 0;
    }

    10%, 90% {
        opacity: 1;
    }

    100% {
        top: calc(100% + var(--drl-journey-node-center));
        opacity: 0;
    }
}

@keyframes drl-signal-core-ring {
    0% {
        opacity: 0;
        transform: scale(0.86);
    }

    24% {
        opacity: 0.45;
    }

    100% {
        opacity: 0;
        transform: scale(1.3);
    }
}

@keyframes drl-landing-status-pulse {
    0%, 100% {
        opacity: 0.48;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@media (max-width: 1220px) {
    .drl-landing-hero__inner {
        grid-template-columns: minmax(310px, 0.68fr) minmax(560px, 1.32fr);
        gap: 20px;
    }

    .drl-landing-type-grid,
    .drl-landing-opportunity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .drl-landing-hero__inner {
        min-height: 0;
        grid-template-columns: 1fr;
        padding-top: 74px;
    }

    .drl-landing-hero__copy {
        max-width: 720px;
    }

    .drl-landing-hero__lede {
        max-width: 620px;
    }

    .drl-signal-map {
        width: min(100%, 860px);
        margin: -14px auto 0;
    }

    .drl-landing-section__heading,
    .drl-landing-explainer__intro {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 24px;
    }

    .drl-landing-explainer__intro .drl-landing-eyebrow {
        grid-column: 1;
        margin-bottom: -7px;
    }

    .drl-landing-explainer__intro > p {
        max-width: 720px;
    }
}

@media (max-width: 820px) {
    .drl-landing-steps {
        grid-template-columns: 1fr;
        padding: 0;
    }

    .drl-landing-steps li,
    .drl-landing-steps li + li {
        min-height: 92px;
        border-left: 0;
        padding: 18px 4px;
    }

    .drl-landing-steps li + li {
        border-top: 1px solid rgba(232, 226, 211, 0.14);
    }

    .drl-landing-audience-grid,
    .drl-landing-join {
        grid-template-columns: 1fr;
    }

    .drl-landing-join {
        gap: 34px;
    }

    .drl-landing-join__actions {
        max-width: 440px;
    }
}

@media (max-width: 760px) {
    .drl-landing-hero__inner {
        row-gap: 0;
    }

    .drl-landing-hero__copy {
        display: contents;
    }

    .drl-landing-hero__copy > * {
        position: relative;
        z-index: 4;
    }

    .drl-landing-kicker {
        order: 1;
    }

    .drl-landing-hero h1 {
        order: 2;
    }

    .drl-landing-hero__lede {
        order: 3;
    }

    .drl-landing-hero__note {
        order: 5;
    }

    .drl-signal-map {
        order: 6;
        margin-top: 16px;
    }

    .drl-landing-hero__actions {
        display: contents;
    }

    .drl-landing-hero__actions .drl-landing-text-link {
        order: 4;
        justify-self: start;
        margin-top: 22px;
    }

    .drl-landing-hero__actions .drl-landing-button--primary {
        order: 7;
        justify-self: start;
        margin-top: 22px;
    }
}

@media (max-width: 640px) {
    .drl-landing-hero__inner {
        padding-top: 54px;
    }

    .drl-landing-hero h1 {
        font-size: clamp(39px, 12.2vw, 54px);
    }

    .drl-landing-hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .drl-landing-button--primary,
    .drl-landing-text-link {
        width: 100%;
    }

    .drl-landing-text-link {
        justify-content: space-between;
    }

    .drl-signal-map {
        width: calc(100% + 28px);
        margin: 12px -14px 0;
    }

    .drl-signal-node {
        max-width: 92px;
    }

    .drl-signal-node strong {
        font-size: 12px;
        line-height: 1.16;
    }

    .drl-signal-node small {
        display: none;
    }

    .drl-signal-node--project-match {
        top: 6%;
    }

    .drl-signal-node--long-run,
    .drl-signal-node--team-up {
        top: 27%;
    }

    .drl-signal-node--warm-intro,
    .drl-signal-node--expert-check {
        top: 85%;
    }

    .drl-signal-core {
        width: 76px;
        height: 76px;
    }

    .drl-landing-trust-line {
        min-height: 82px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-block: 20px;
        line-height: 1.5;
    }

    .drl-landing-section__heading--action {
        grid-template-columns: 1fr;
    }

    .drl-landing-section__heading h2 {
        font-size: clamp(31px, 9vw, 42px);
    }

    .drl-landing-type-grid,
    .drl-landing-opportunity-grid {
        grid-template-columns: 1fr;
    }

    .drl-landing .drl-landing-type-grid .drldial-home-type-card {
        min-height: 150px;
    }

    .drl-landing-explainer {
        padding-inline: var(--drl-gutter);
    }

    .drl-landing-explainer__intro h2 {
        font-size: clamp(37px, 11vw, 50px);
    }

    .drl-landing-audience-grid article {
        min-height: 0;
    }

    .drl-landing-join {
        padding: 34px 24px;
    }

    .drl-landing-join h2 {
        font-size: clamp(32px, 9vw, 44px);
    }

    .drl-landing-signoff {
        min-height: 96px;
        padding-block: 24px;
        font-size: 12px;
        line-height: 1.7;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-landing-kicker > span,
    .drl-signal-map__live-lines .drl-signal-wire,
    .drl-signal-core::before,
    .drl-signal-core::after {
        animation: none;
    }

    .drl-signal-map__sparks {
        display: none;
    }

    .drl-signal-map__live-lines {
        filter: none;
    }

    .drl-signal-map__wires {
        transform: none;
    }
}

/* Theme-aware homepage palette and network core */

.drl-landing {
    --drl-landing-hero-bg:
        radial-gradient(ellipse at 70% 47%, rgba(55, 125, 126, 0.13) 0%, rgba(55, 125, 126, 0.045) 31%, transparent 56%),
        radial-gradient(ellipse at 18% 8%, rgba(177, 133, 92, 0.09) 0%, transparent 42%),
        linear-gradient(135deg, #f8f5ed 0%, #eef3ee 57%, #f5f1e8 100%);
    --drl-landing-flow-art: url("assets/images/home-hero-flow-light.svg");
    --drl-landing-flow-opacity: 0.82;
    --drl-landing-line: rgba(21, 25, 26, 0.18);
    --drl-landing-line-soft: rgba(21, 25, 26, 0.11);
    --drl-landing-accent: #087d99;
    --drl-landing-accent-bright: #0b6f8f;
    --drl-landing-accent-soft: rgba(8, 125, 153, 0.1);
    --drl-landing-card-bg: rgba(255, 255, 255, 0.5);
    --drl-landing-card-hover: rgba(255, 255, 255, 0.86);
    --drl-landing-core-bg:
        radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.72), transparent 35%),
        radial-gradient(circle at center, #f3f0e8 0%, #e5ebe5 68%, #d7e0da 100%);
    --drl-landing-core-line: rgba(64, 95, 91, 0.29);
    --drl-landing-core-ring: rgba(45, 120, 111, 0.16);
    --drl-landing-spark-outline: rgba(21, 25, 26, 0.24);
    --drl-wordpress-cyan: #247493;
    --drl-wordpress-violet: #594ca9;
    --drl-wordpress-rose: #b7475e;
    --drl-wordpress-amber: #b86b18;
    --drl-wordpress-lime: #718e2d;
    --drl-wordpress-teal: #247963;
    --drl-signal-project-match: var(--drl-project-match-accent);
    --drl-signal-long-run: var(--drl-long-run-accent);
    --drl-signal-team-up: var(--drl-team-up-accent);
    --drl-signal-co-build: var(--drl-co-build-accent);
    --drl-signal-project-relay: var(--drl-project-relay-accent);
    --drl-signal-warm-intro: var(--drl-warm-intro-accent);
    --drl-signal-expert-check: var(--drl-expert-check-accent);
    --drl-landing-explainer-bg: #e9e7de;
    --drl-landing-explainer-card: #f5f3eb;
    --drl-landing-contrast-bg: #091416;
    --drl-landing-contrast-bg-soft: #102125;
    --drl-landing-contrast-text: #f2efe7;
    --drl-landing-contrast-muted: #a9b5b4;
    --drl-landing-contrast-line: rgba(226, 239, 236, 0.16);
}

html[data-theme="dark"] .drl-landing {
    --drl-landing-hero-bg:
        radial-gradient(circle at 66% 44%, rgba(35, 124, 137, 0.1), transparent 27%),
        radial-gradient(circle at 30% 20%, rgba(139, 91, 132, 0.07), transparent 25%),
        linear-gradient(180deg, #070c0e 0%, #080e10 72%, #070c0e 100%);
    --drl-landing-flow-art: url("assets/images/home-hero-flow-dark.svg");
    --drl-landing-flow-opacity: 0.9;
    --drl-landing-line: rgba(232, 226, 211, 0.2);
    --drl-landing-line-soft: rgba(232, 226, 211, 0.14);
    --drl-landing-accent: #91dce8;
    --drl-landing-accent-bright: #bfeef5;
    --drl-landing-accent-soft: rgba(145, 220, 232, 0.11);
    --drl-landing-card-bg: rgba(255, 255, 255, 0.018);
    --drl-landing-card-hover: rgba(255, 255, 255, 0.032);
    --drl-landing-core-bg: #080e10;
    --drl-landing-core-line: transparent;
    --drl-landing-core-ring: rgba(105, 200, 255, 0.14);
    --drl-landing-spark-outline: #080e10;
    --drl-wordpress-cyan: #62d8f0;
    --drl-wordpress-violet: #b4a0ff;
    --drl-wordpress-rose: #ff8f9f;
    --drl-wordpress-amber: #ffad3e;
    --drl-wordpress-lime: #d7ee42;
    --drl-wordpress-teal: #75e2c0;
    --drl-signal-project-match: var(--drl-project-match-accent);
    --drl-signal-long-run: var(--drl-long-run-accent);
    --drl-signal-team-up: var(--drl-team-up-accent);
    --drl-signal-co-build: var(--drl-co-build-accent);
    --drl-signal-project-relay: var(--drl-project-relay-accent);
    --drl-signal-warm-intro: var(--drl-warm-intro-accent);
    --drl-signal-expert-check: var(--drl-expert-check-accent);
    --drl-landing-explainer-bg: #0d1517;
    --drl-landing-explainer-card: #111b1d;
    --drl-landing-contrast-bg: #060c0e;
    --drl-landing-contrast-bg-soft: #0c1a1d;
    --drl-landing-contrast-text: #f2efe7;
    --drl-landing-contrast-muted: #9faaaa;
    --drl-landing-contrast-line: rgba(226, 239, 236, 0.14);
}

.drl-landing.drldial-home {
    background: var(--drl-bg);
    color: var(--drl-text);
}

.drl-landing-hero {
    background: var(--drl-landing-hero-bg);
    color: var(--drl-text);
}

.drl-landing-hero::before {
    background-image: var(--drl-landing-flow-art);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
    opacity: var(--drl-landing-flow-opacity);
    transform: scale(1.025);
}

html[data-theme="light"] .drl-signal-map__base-lines .drl-signal-wire {
    opacity: 0.43;
}

html[data-theme="light"] .drl-signal-map__glow-lines .drl-signal-wire {
    opacity: 0.06;
}

html[data-theme="light"] .drl-signal-map__live-lines .drl-signal-wire {
    opacity: 0.78;
}

html[data-theme="light"] .drl-signal-node {
    text-shadow: none;
}

html[data-theme="light"] .drl-signal-node:hover,
html[data-theme="light"] .drl-signal-node:focus-visible {
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--drl-wire-color) 34%, transparent));
}

.drl-landing-kicker,
.drl-landing-eyebrow {
    color: var(--drl-landing-accent);
}

.drl-landing-kicker > span {
    background: var(--drl-landing-accent);
    box-shadow:
        0 0 6px var(--drl-landing-accent),
        0 0 17px color-mix(in srgb, var(--drl-landing-accent) 58%, transparent);
}

.drl-landing-hero h1,
.drl-landing-section__heading h2 {
    color: var(--drl-text);
}

.drl-landing-hero h1 span {
    color: color-mix(in srgb, var(--drl-text) 79%, var(--drl-text-muted));
}

.drl-landing-hero__lede,
.drl-landing-section__heading > p {
    color: var(--drl-text-muted);
}

.drl-landing-hero__note {
    color: var(--drl-text-subtle);
}

.drl-landing-button {
    border-color: color-mix(in srgb, #d79438 72%, var(--drl-line));
    color: var(--drl-text);
}

.drl-landing-button--primary {
    background: linear-gradient(110deg, rgba(222, 151, 44, 0.11), var(--drl-landing-accent-soft));
}

.drl-landing-button:hover,
.drl-landing-button:focus-visible {
    border-color: #d79438;
    background: rgba(215, 148, 56, 0.14);
    color: color-mix(in srgb, #b46f10 82%, var(--drl-text));
}

html[data-theme="dark"] .drl-landing-button:hover,
html[data-theme="dark"] .drl-landing-button:focus-visible {
    color: #ffd28e;
}

.drl-landing-text-link {
    border-color: var(--drl-landing-line);
    color: var(--drl-text-muted);
}

.drl-landing-text-link:hover,
.drl-landing-text-link:focus-visible {
    border-color: var(--drl-landing-accent);
    color: var(--drl-landing-accent-bright);
}

.drl-signal-map::before {
    background: radial-gradient(circle at center, var(--drl-landing-accent-soft), transparent 62%);
}

.drl-signal-map::after {
    background: radial-gradient(
        circle at var(--drl-signal-pointer-x) var(--drl-signal-pointer-y),
        color-mix(in srgb, var(--drl-landing-accent) 10%, transparent),
        transparent 19%
    );
}

.drl-signal-spark {
    stroke: var(--drl-landing-spark-outline);
}

.drl-signal-endpoint {
    fill: var(--drl-wire-color);
    stroke: var(--drl-landing-spark-outline);
    stroke-width: 0.46;
    opacity: 0.96;
}

.drl-signal-node small {
    color: var(--drl-text-muted);
}

.drl-signal-node:hover,
.drl-signal-node:focus-visible {
    color: var(--drl-text);
}

.drl-signal-core {
    width: 112px;
    height: 112px;
    border-color: var(--drl-landing-core-line);
    background: var(--drl-landing-core-bg);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--drl-text) 4%, transparent) inset,
        0 0 28px rgba(241, 180, 91, 0.12),
        0 0 76px color-mix(in srgb, var(--drl-landing-accent) 14%, transparent);
    color: var(--drl-text);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.drl-signal-core::before,
.drl-signal-core::after {
    border-color: var(--drl-landing-core-ring);
}

.drl-signal-core:hover,
.drl-signal-core:focus-visible {
    border-color: #e4a144;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--drl-text) 5%, transparent) inset,
        0 0 40px rgba(241, 180, 91, 0.19),
        0 0 96px color-mix(in srgb, var(--drl-landing-accent) 22%, transparent);
    color: var(--drl-text);
    transform: translate(-50%, -50%) scale(1.055);
}

html[data-theme="dark"] .drl-signal-core,
html[data-theme="dark"] .drl-signal-core:hover,
html[data-theme="dark"] .drl-signal-core:focus-visible {
    border-color: transparent;
    background: var(--drl-landing-core-bg);
    box-shadow:
        0 0 30px rgba(105, 200, 255, 0.08),
        0 0 76px rgba(117, 226, 192, 0.06);
}

.drl-signal-core > .drl-signal-core__orbit {
    position: absolute;
    z-index: 1;
    width: auto;
    height: auto;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg 28deg,
        color-mix(in srgb, var(--drl-wordpress-cyan) 68%, transparent) 42deg,
        transparent 64deg 138deg,
        color-mix(in srgb, var(--drl-wordpress-amber) 66%, transparent) 160deg,
        transparent 186deg 258deg,
        color-mix(in srgb, var(--drl-wordpress-violet) 68%, transparent) 282deg,
        transparent 312deg
    );
    box-shadow: none;
    content: "";
    inset: 7px;
    -webkit-mask: radial-gradient(circle, transparent 63%, #000 65% 68%, transparent 70%);
    mask: radial-gradient(circle, transparent 63%, #000 65% 68%, transparent 70%);
    animation: drl-wordpress-orbit 9s linear infinite;
}

.drl-signal-core > .drl-signal-core__wordpress {
    position: relative;
    z-index: 2;
    display: block;
    width: 68px;
    height: 68px;
    background: conic-gradient(
        from 25deg,
        var(--drl-wordpress-cyan),
        var(--drl-wordpress-violet),
        var(--drl-wordpress-rose),
        var(--drl-wordpress-amber),
        var(--drl-wordpress-lime),
        var(--drl-wordpress-teal),
        var(--drl-wordpress-cyan)
    );
    background-size: 180% 180%;
    border-radius: 0;
    box-shadow: none;
    filter:
        drop-shadow(0 0 4px color-mix(in srgb, var(--drl-wordpress-teal) 72%, transparent))
        drop-shadow(0 0 12px color-mix(in srgb, var(--drl-wordpress-cyan) 55%, transparent))
        drop-shadow(0 0 26px color-mix(in srgb, var(--drl-wordpress-violet) 30%, transparent));
    inset: auto;
    -webkit-mask: url("assets/images/plugin-logos/wordpress.png") center / contain no-repeat;
    mask: url("assets/images/plugin-logos/wordpress.png") center / contain no-repeat;
    animation:
        drl-wordpress-prism 6.8s ease-in-out infinite,
        drl-wordpress-breathe 3.6s ease-in-out infinite;
}

.drl-signal-core .screen-reader-text {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.drl-landing-steps {
    border-color: var(--drl-landing-line-soft);
}

.drl-landing-steps li + li {
    border-color: var(--drl-landing-line-soft);
}

.drl-landing-step__icon {
    border-color: color-mix(in srgb, #c7872c 53%, var(--drl-line));
    color: color-mix(in srgb, #bd7d22 80%, var(--drl-text));
}

.drl-landing-steps strong {
    color: var(--drl-text);
}

.drl-landing-steps small,
.drl-landing-trust-line {
    color: var(--drl-text-muted);
}

.drl-landing-trust-line svg {
    color: color-mix(in srgb, #bd7d22 70%, var(--drl-text));
}

.drl-landing-section--types,
.drl-landing-section--opportunities {
    border-color: var(--drl-landing-line-soft);
}

.drl-landing-section-link,
.drl-landing-empty a {
    border-color: color-mix(in srgb, var(--drl-landing-accent) 44%, transparent);
    color: var(--drl-landing-accent-bright);
}

.drl-landing-section-link:hover,
.drl-landing-section-link:focus-visible {
    border-color: var(--drl-landing-accent);
    color: var(--drl-text);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-card,
.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card {
    border-color: var(--drl-landing-line-soft);
    border-top-color: var(--dialogue-accent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 7%, transparent), transparent 44%),
        var(--drl-landing-card-bg);
    color: var(--drl-text);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-card:hover,
.drl-landing .drl-landing-type-grid .drldial-home-type-card:focus-visible,
.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card:hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 48%, var(--drl-line));
    border-top-color: var(--dialogue-accent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 13%, transparent), transparent 54%),
        var(--drl-landing-card-hover);
    color: var(--drl-text);
}

.drl-landing .drl-landing-type-grid .drldial-home-type-icon {
    border-color: color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line));
}

.drl-landing .drl-landing-type-grid .drldial-home-type-copy strong,
.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-link {
    color: color-mix(in srgb, var(--dialogue-accent) 74%, var(--drl-text));
}

.drl-landing .drl-landing-type-grid .drldial-home-type-copy small,
.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card > p {
    color: var(--drl-text-muted);
}

.drl-landing-type-index {
    color: color-mix(in srgb, var(--drl-text) 23%, transparent);
}

.drl-landing .drl-landing-opportunity-grid .drldial-opportunity-card h2 a {
    color: var(--drl-text);
}

.drl-landing-empty {
    border-color: var(--drl-landing-line-soft);
    color: var(--drl-text-muted);
}

.drl-landing-signoff {
    border-color: var(--drl-landing-line-soft);
    color: var(--drl-text-subtle);
}

.drl-landing-page .drl-site-footer {
    border-color: var(--drl-line);
    background: var(--drl-bg);
}

@keyframes drl-wordpress-orbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes drl-wordpress-prism {
    0%, 100% {
        background-position: 0% 48%;
        filter:
            drop-shadow(0 0 4px color-mix(in srgb, var(--drl-wordpress-teal) 72%, transparent))
            drop-shadow(0 0 12px color-mix(in srgb, var(--drl-wordpress-cyan) 55%, transparent))
            drop-shadow(0 0 26px color-mix(in srgb, var(--drl-wordpress-violet) 30%, transparent));
    }

    50% {
        background-position: 100% 52%;
        filter:
            drop-shadow(0 0 5px color-mix(in srgb, var(--drl-wordpress-amber) 78%, transparent))
            drop-shadow(0 0 15px color-mix(in srgb, var(--drl-wordpress-rose) 55%, transparent))
            drop-shadow(0 0 31px color-mix(in srgb, var(--drl-wordpress-cyan) 34%, transparent));
    }
}

@keyframes drl-wordpress-breathe {
    0%, 100% {
        opacity: 0.9;
        transform: scale(0.96) rotate(-1deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.045) rotate(1deg);
    }
}

/* Long-form homepage narrative */

.drl-landing-explainer {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 7%, var(--drl-landing-accent-soft), transparent 23%),
        var(--drl-landing-explainer-bg);
    padding: clamp(92px, 9vw, 144px) max(var(--drl-gutter), calc((100% - 1320px) / 2));
    color: var(--drl-text);
}

.drl-landing-explainer::before {
    top: -330px;
    right: -270px;
    width: 720px;
    height: 720px;
    border-color: color-mix(in srgb, var(--drl-landing-accent) 16%, transparent);
    box-shadow:
        0 0 0 95px color-mix(in srgb, var(--drl-landing-accent) 4%, transparent),
        0 0 0 190px color-mix(in srgb, var(--drl-landing-accent) 2%, transparent);
}

.drl-landing-explainer .drl-landing-eyebrow {
    color: var(--drl-landing-accent);
}

.drl-landing-explainer__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(370px, 0.64fr);
    align-items: end;
    gap: clamp(48px, 9vw, 150px);
}

.drl-landing-explainer__intro h2 {
    max-width: 820px;
    margin: 13px 0 0;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(43px, 4.6vw, 68px);
    font-weight: 410;
    letter-spacing: -0.035em;
    line-height: 1.02;
}

.drl-landing-explainer__lead {
    display: grid;
    gap: 18px;
}

.drl-landing-explainer__lead p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 16px;
    line-height: 1.78;
}

.drl-landing-manifesto {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 0.58fr) minmax(0, 1.42fr);
    gap: 22px clamp(42px, 8vw, 128px);
    overflow: hidden;
    margin-top: clamp(70px, 9vw, 124px);
    background:
        radial-gradient(circle at 84% 8%, rgba(98, 216, 240, 0.13), transparent 28%),
        linear-gradient(125deg, var(--drl-landing-contrast-bg-soft), var(--drl-landing-contrast-bg) 68%);
    padding: clamp(42px, 6vw, 78px);
    color: var(--drl-landing-contrast-text);
}

.drl-landing-manifesto::after {
    position: absolute;
    right: -116px;
    bottom: -155px;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(98, 216, 240, 0.13);
    border-radius: 50%;
    box-shadow:
        0 0 0 60px rgba(98, 216, 240, 0.025),
        0 0 90px rgba(98, 216, 240, 0.065);
    content: "";
}

.drl-landing-manifesto > p,
.drl-landing-manifesto > strong,
.drl-landing-manifesto blockquote {
    position: relative;
    z-index: 1;
}

.drl-landing-manifesto > p {
    margin: 0;
    color: var(--drl-landing-contrast-muted);
    font-size: 15px;
    line-height: 1.75;
}

.drl-landing-manifesto > p:first-child {
    align-self: start;
    border-top: 1px solid var(--drl-landing-contrast-line);
    padding-top: 18px;
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.1em;
    line-height: 1.65;
    text-transform: uppercase;
}

.drl-landing-manifesto blockquote {
    grid-column: 2;
    grid-row: 1 / span 2;
    margin: 0;
}

.drl-landing-manifesto blockquote p {
    margin: 0;
    color: var(--drl-landing-contrast-text);
    font-family: var(--drl-font-display);
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 390;
    letter-spacing: -0.035em;
    line-height: 1.06;
}

.drl-landing-manifesto > strong {
    grid-column: 1 / -1;
    max-width: 920px;
    margin-top: clamp(32px, 5vw, 68px);
    border-left: 2px solid #75e2c0;
    padding-left: 20px;
    color: #d9f8fc;
    font-size: 14px;
    font-weight: 560;
    line-height: 1.65;
}

.drl-landing-audiences,
.drl-landing-journey,
.drl-landing-privacy,
.drl-landing-ai,
.drl-landing-join {
    margin-top: clamp(88px, 10vw, 148px);
}

.drl-landing-chapter-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.55fr);
    align-items: end;
    gap: 18px clamp(42px, 9vw, 150px);
}

.drl-landing-chapter-heading .drl-landing-eyebrow {
    grid-column: 1 / -1;
}

.drl-landing-chapter-heading h3,
.drl-landing-privacy h3,
.drl-landing-ai h3,
.drl-landing-join h3 {
    margin: 0;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(36px, 4vw, 58px);
    font-weight: 420;
    letter-spacing: -0.03em;
    line-height: 1.06;
}

.drl-landing-chapter-heading > p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 16px;
    line-height: 1.72;
}

.drl-landing-chapter-heading--compact {
    grid-template-columns: minmax(0, 850px);
}

.drl-landing-audience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: clamp(42px, 5vw, 68px);
    border: 0;
    background: transparent;
}

.drl-landing-audience-grid article {
    position: relative;
    display: flex;
    min-height: 620px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--drl-landing-line-soft);
    border-top: 2px solid var(--drl-landing-accent);
    background:
        linear-gradient(145deg, var(--drl-landing-accent-soft), transparent 36%),
        var(--drl-landing-explainer-card);
    padding: clamp(30px, 4vw, 54px);
}

.drl-landing-audience-grid article:nth-child(2) {
    border-top-color: #8f7de0;
    background:
        linear-gradient(145deg, rgba(143, 125, 224, 0.09), transparent 36%),
        var(--drl-landing-explainer-card);
}

.drl-landing-audience-grid .drl-landing-audience-index {
    position: absolute;
    top: 22px;
    right: 28px;
    color: color-mix(in srgb, var(--drl-text) 13%, transparent);
    font-family: var(--drl-font-display);
    font-size: clamp(52px, 6vw, 86px);
    font-weight: 330;
    letter-spacing: -0.05em;
    line-height: 1;
}

.drl-landing-audience-grid article > .drl-landing-eyebrow {
    position: relative;
    z-index: 1;
    max-width: 70%;
    color: var(--drl-landing-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1.55;
    text-transform: uppercase;
}

.drl-landing-audience-grid article:nth-child(2) > .drl-landing-eyebrow {
    color: color-mix(in srgb, #8f7de0 78%, var(--drl-text));
}

.drl-landing-audience-grid h4 {
    max-width: 520px;
    margin: 58px 0 24px;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(31px, 3.2vw, 46px);
    font-weight: 430;
    letter-spacing: -0.03em;
    line-height: 1.06;
}

.drl-landing-audience-grid p {
    max-width: 610px;
    margin: 0 0 15px;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.72;
}

.drl-landing-audience-grid a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    align-self: flex-start;
    gap: 10px;
    margin-top: auto;
    border-bottom: 1px solid color-mix(in srgb, var(--drl-landing-accent) 46%, transparent);
    color: var(--drl-landing-accent-bright);
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.drl-landing-audience-grid a:hover,
.drl-landing-audience-grid a:focus-visible {
    border-color: var(--drl-landing-accent);
    color: var(--drl-text);
}

.drl-landing-audience-grid a span {
    transition: transform 180ms ease;
}

.drl-landing-audience-grid a:hover span,
.drl-landing-audience-grid a:focus-visible span {
    transform: translateX(4px);
}

.drl-landing-journey {
    border-top: 1px solid var(--drl-landing-line);
    padding-top: clamp(62px, 7vw, 96px);
}

.drl-landing-journey__sequence {
    position: relative;
    margin-top: clamp(52px, 6vw, 80px);
}

.drl-landing-journey__signal {
    position: absolute;
    z-index: 0;
    top: -5px;
    left: 10%;
    width: 80%;
    height: 60px;
    overflow: visible;
    pointer-events: none;
}

.drl-landing-journey__stop--one {
    stop-color: var(--drl-signal-team-up);
}

.drl-landing-journey__stop--two {
    stop-color: var(--drl-signal-co-build);
}

.drl-landing-journey__stop--three {
    stop-color: var(--drl-signal-warm-intro);
}

.drl-landing-journey__stop--four {
    stop-color: var(--drl-signal-expert-check);
}

.drl-landing-journey__stop--five {
    stop-color: var(--drl-signal-project-relay);
}

.drl-landing-journey__wire {
    fill: none;
    stroke: url("#drl-journey-signal-gradient");
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.drl-landing-journey__wire--glow {
    stroke-width: 7;
    opacity: 0.13;
}

.drl-landing-journey__wire--base {
    stroke-width: 0.8;
    opacity: 0.72;
}

.drl-landing-journey__wire--live {
    stroke-width: 1.25;
    stroke-dasharray: 1 8 19 15;
    opacity: 0.94;
    animation: drl-journey-current 5.8s linear infinite;
}

.drl-landing-journey__waypoints circle {
    fill: var(--drl-landing-explainer-bg);
    stroke: var(--drl-landing-accent-bright);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

.drl-landing-journey__waypoints circle:nth-child(2) {
    stroke: var(--drl-signal-co-build);
}

.drl-landing-journey__waypoints circle:nth-child(3) {
    stroke: var(--drl-signal-expert-check);
}

.drl-landing-journey__waypoints circle:nth-child(4) {
    stroke: var(--drl-signal-project-relay);
}

.drl-landing-journey__spark {
    stroke: var(--drl-landing-explainer-bg);
    stroke-width: 0.6;
    vector-effect: non-scaling-stroke;
}

.drl-landing-journey__spark--one {
    fill: var(--drl-signal-team-up);
}

.drl-landing-journey__spark--two {
    fill: var(--drl-signal-warm-intro);
}

.drl-landing-journey__spark--three {
    fill: var(--drl-signal-expert-check);
}

.drl-landing-journey__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(16px, 2.5vw, 34px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.drl-landing-journey__grid li {
    --drl-journey-node-color: var(--drl-signal-team-up);
    position: relative;
    z-index: 1;
}

.drl-landing-journey__number {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    margin-inline: auto;
    border: 1px solid color-mix(in srgb, var(--drl-journey-node-color) 72%, var(--drl-line));
    border-radius: 50%;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--drl-journey-node-color) 9%, transparent), transparent 64%),
        var(--drl-landing-explainer-bg);
    color: var(--drl-journey-node-color);
    box-shadow:
        0 0 0 5px color-mix(in srgb, var(--drl-journey-node-color) 4%, transparent),
        0 0 24px color-mix(in srgb, var(--drl-journey-node-color) 17%, transparent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.drl-landing-journey__grid li:nth-child(2) {
    --drl-journey-node-color: var(--drl-signal-co-build);
}

.drl-landing-journey__grid li:nth-child(3) {
    --drl-journey-node-color: var(--drl-signal-warm-intro);
}

.drl-landing-journey__grid li:nth-child(4) {
    --drl-journey-node-color: var(--drl-signal-expert-check);
}

.drl-landing-journey__grid li:nth-child(5) {
    --drl-journey-node-color: var(--drl-signal-project-relay);
}

.drl-landing-journey h4 {
    margin: 26px 0 12px;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(22px, 2vw, 29px);
    font-weight: 450;
    letter-spacing: -0.02em;
    line-height: 1.12;
}

.drl-landing-journey li p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.68;
}

.drl-landing-privacy {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.72fr);
    gap: clamp(46px, 9vw, 140px);
    border: 1px solid var(--drl-landing-line-soft);
    background:
        linear-gradient(145deg, var(--drl-landing-accent-soft), transparent 36%),
        var(--drl-landing-explainer-card);
    padding: clamp(38px, 6vw, 78px);
}

.drl-landing-privacy__copy h3 {
    margin-top: 13px;
}

.drl-landing-privacy__copy p {
    max-width: 680px;
    margin: 20px 0 0;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.72;
}

.drl-landing-privacy__principles {
    display: grid;
    align-content: start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.drl-landing-privacy__principles li {
    display: grid;
    min-height: 82px;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    border-top: 1px solid var(--drl-landing-line);
}

.drl-landing-privacy__principles li:last-child {
    border-bottom: 1px solid var(--drl-landing-line);
}

.drl-landing-privacy__principles span {
    color: var(--drl-landing-accent);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.1em;
}

.drl-landing-privacy__principles strong {
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 620;
    letter-spacing: 0.01em;
}

.drl-landing-privacy__note {
    grid-column: 1 / -1;
    max-width: 1060px;
    margin: 0;
    border-left: 2px solid var(--drl-landing-accent);
    padding-left: 18px;
    color: var(--drl-text-subtle);
    font-size: 12px;
    line-height: 1.68;
}

.drl-landing-ai {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(420px, 1fr);
    align-items: start;
    gap: clamp(52px, 9vw, 142px);
    overflow: hidden;
    border-top: 1px solid var(--drl-landing-line-soft);
    border-bottom: 1px solid var(--drl-landing-line-soft);
    background:
        radial-gradient(circle at 10% 48%, color-mix(in srgb, var(--drl-wordpress-violet) 11%, transparent), transparent 32%),
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--drl-wordpress-teal) 9%, transparent), transparent 26%),
        linear-gradient(115deg, color-mix(in srgb, var(--drl-surface) 74%, transparent), transparent 62%);
    padding: clamp(44px, 7vw, 86px);
    color: var(--drl-text);
}

.drl-landing-ai::before {
    position: absolute;
    top: 50%;
    left: clamp(28px, 5vw, 78px);
    width: clamp(150px, 18vw, 250px);
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--drl-wordpress-violet) 18%, var(--drl-landing-line-soft));
    border-radius: 50%;
    content: "";
    box-shadow:
        0 0 0 34px color-mix(in srgb, var(--drl-wordpress-teal) 2.5%, transparent),
        0 0 70px color-mix(in srgb, var(--drl-wordpress-violet) 7%, transparent);
    opacity: 0.75;
    transform: translate(-42%, -50%);
}

.drl-landing-ai::after {
    position: absolute;
    top: 50%;
    left: clamp(28px, 5vw, 78px);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--drl-wordpress-violet);
    box-shadow:
        0 0 12px var(--drl-wordpress-violet),
        0 0 30px color-mix(in srgb, var(--drl-wordpress-violet) 38%, transparent);
    content: "";
    transform: translate(-50%, -50%);
}

.drl-landing-ai > div {
    position: relative;
    z-index: 1;
}

.drl-landing-ai .drl-landing-eyebrow {
    color: color-mix(in srgb, var(--drl-wordpress-violet) 74%, var(--drl-text));
}

.drl-landing-ai h3 {
    margin-top: 13px;
    color: var(--drl-text);
}

.drl-landing-ai__copy {
    counter-reset: drl-landing-ai-point;
    display: grid;
    gap: 0;
}

.drl-landing-ai__copy p {
    position: relative;
    counter-increment: drl-landing-ai-point;
    margin: 0;
    border-top: 1px solid var(--drl-landing-line-soft);
    padding: 18px 0 18px 54px;
    color: var(--drl-text-muted);
    font-size: 15px;
    line-height: 1.72;
}

.drl-landing-ai__copy p::before {
    position: absolute;
    top: 20px;
    left: 0;
    color: color-mix(in srgb, var(--drl-wordpress-violet) 72%, var(--drl-text));
    content: "0" counter(drl-landing-ai-point);
    font-size: 11px;
    font-weight: 760;
    letter-spacing: 0.11em;
}

.drl-landing-ai__copy strong {
    position: relative;
    margin-top: 14px;
    border: 1px solid color-mix(in srgb, var(--drl-wordpress-teal) 20%, var(--drl-landing-line-soft));
    border-left: 3px solid var(--drl-wordpress-teal);
    background:
        linear-gradient(105deg, color-mix(in srgb, var(--drl-wordpress-teal) 9%, transparent), transparent 64%),
        color-mix(in srgb, var(--drl-surface) 78%, transparent);
    padding: 20px 22px;
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 570;
    line-height: 1.68;
}

.drl-landing-join {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.52fr);
    align-items: center;
    gap: clamp(52px, 9vw, 140px);
    overflow: hidden;
    margin-top: clamp(64px, 8vw, 112px);
    border: 1px solid rgba(181, 227, 230, 0.18);
    border-radius: 20px;
    background:
        radial-gradient(circle at 88% 14%, rgba(98, 216, 240, 0.19), transparent 25%),
        radial-gradient(circle at 10% 92%, rgba(180, 160, 255, 0.13), transparent 32%),
        linear-gradient(128deg, #12262b 0%, #091416 52%, #060c0e 100%);
    box-shadow:
        0 32px 80px rgba(7, 16, 18, 0.19),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    padding: clamp(46px, 7vw, 88px);
    color: var(--drl-landing-contrast-text);
}

.drl-landing-join::before {
    position: absolute;
    z-index: 0;
    top: 12%;
    bottom: 12%;
    left: 0;
    width: 2px;
    background: linear-gradient(180deg, #62d8f0, #b4a0ff 46%, #75e2c0);
    box-shadow: 0 0 24px rgba(98, 216, 240, 0.34);
    content: "";
}

.drl-landing-join::after {
    position: absolute;
    z-index: 0;
    right: clamp(-120px, -7vw, -70px);
    bottom: clamp(-150px, -10vw, -90px);
    width: clamp(260px, 28vw, 430px);
    height: auto;
    aspect-ratio: 1;
    border: 1px solid rgba(117, 226, 192, 0.13);
    border-radius: 50%;
    content: "";
    box-shadow:
        0 0 0 54px rgba(98, 216, 240, 0.025),
        0 0 110px rgba(98, 216, 240, 0.08);
}

.drl-landing-join > div {
    position: relative;
    z-index: 1;
}

.drl-landing-join .drl-landing-eyebrow {
    color: #91dce8;
}

.drl-landing-join h3 {
    max-width: 850px;
    margin-top: 13px;
    color: var(--drl-landing-contrast-text);
    font-size: clamp(37px, 4.2vw, 61px);
}

.drl-landing-join p {
    max-width: 720px;
    margin: 19px 0 0;
    color: var(--drl-landing-contrast-muted);
    font-size: 15px;
    line-height: 1.72;
}

.drl-landing-join__actions {
    position: relative;
    gap: 14px;
    border: 1px solid rgba(217, 248, 252, 0.14);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(217, 248, 252, 0.065), transparent 55%),
        rgba(255, 255, 255, 0.025);
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.045);
    padding: 22px;
    backdrop-filter: blur(10px);
}

.drl-landing-join__actions::before {
    position: absolute;
    top: 34px;
    right: 100%;
    width: clamp(42px, 7vw, 110px);
    height: 1px;
    background: linear-gradient(90deg, transparent, #62d8f0);
    box-shadow: 0 0 12px rgba(98, 216, 240, 0.45);
    content: "";
}

.drl-landing-button--light {
    border-color: #bfeef5;
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 58%),
        #d9f8fc;
    box-shadow:
        0 13px 28px rgba(98, 216, 240, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    color: #092024;
}

.drl-landing-button--light:hover,
.drl-landing-button--light:focus-visible {
    border-color: #ffffff;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(98, 216, 240, 0.2);
    color: #092024;
}

.drl-landing-join__secondary {
    border-color: rgba(217, 248, 252, 0.24);
    color: #c3d1d1;
}

.drl-landing-join__secondary:hover,
.drl-landing-join__secondary:focus-visible {
    border-color: #bfeef5;
    color: #ffffff;
}

.drl-landing-join__links {
    display: grid;
    gap: 9px;
    margin-top: 5px;
}

.drl-landing-join__links a {
    color: #91a3a4;
    font-size: 12px;
    text-decoration-color: rgba(145, 163, 164, 0.45);
    text-underline-offset: 4px;
}

.drl-landing-join__links a:hover,
.drl-landing-join__links a:focus-visible {
    color: #d9f8fc;
}

.drl-landing-join__actions small {
    margin-top: 7px;
    color: #718082;
    font-size: 12px;
    line-height: 1.55;
}

@media (max-width: 1080px) {
    .drl-landing-explainer__intro,
    .drl-landing-chapter-heading,
    .drl-landing-ai {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 28px;
    }

    .drl-landing-explainer__lead,
    .drl-landing-chapter-heading > p,
    .drl-landing-ai__copy {
        max-width: 760px;
    }

    .drl-landing-journey__sequence {
        width: min(100%, 850px);
    }

    .drl-landing-journey__signal {
        display: none;
    }

    .drl-landing-journey__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .drl-landing-journey__grid li {
        --drl-journey-next-color: var(--drl-signal-co-build);
        --drl-journey-node-center: 51px;
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        column-gap: 24px;
        padding-block: 26px;
    }

    .drl-landing-journey__grid li:nth-child(2) {
        --drl-journey-next-color: var(--drl-signal-warm-intro);
    }

    .drl-landing-journey__grid li:nth-child(3) {
        --drl-journey-next-color: var(--drl-signal-expert-check);
    }

    .drl-landing-journey__grid li:nth-child(4) {
        --drl-journey-next-color: var(--drl-signal-project-relay);
    }

    .drl-landing-journey__grid li + li {
        border-top: 1px solid var(--drl-landing-line-soft);
    }

    .drl-landing-journey__grid li:not(:last-child)::before {
        position: absolute;
        z-index: -1;
        top: var(--drl-journey-node-center);
        left: 25px;
        width: 1px;
        height: 100%;
        background: linear-gradient(180deg, var(--drl-journey-node-color), var(--drl-journey-next-color));
        box-shadow: 0 0 14px color-mix(in srgb, var(--drl-journey-node-color) 28%, transparent);
        content: "";
        opacity: 0.72;
    }

    .drl-landing-journey__grid li:not(:last-child)::after {
        position: absolute;
        z-index: 2;
        top: var(--drl-journey-node-center);
        left: 22px;
        width: 7px;
        height: 7px;
        border: 1px solid var(--drl-landing-explainer-bg);
        border-radius: 50%;
        background: var(--drl-journey-node-color);
        box-shadow:
            0 0 0 2px color-mix(in srgb, var(--drl-journey-node-color) 15%, transparent),
            0 0 13px var(--drl-journey-node-color),
            0 0 24px color-mix(in srgb, var(--drl-journey-node-color) 34%, transparent);
        content: "";
        animation: drl-journey-segment-pulse 4.8s ease-in-out infinite;
    }

    .drl-landing-journey__grid li:nth-child(2)::after {
        animation-delay: -3.6s;
    }

    .drl-landing-journey__grid li:nth-child(3)::after {
        animation-delay: -2.4s;
    }

    .drl-landing-journey__grid li:nth-child(4)::after {
        animation-delay: -1.2s;
    }

    .drl-landing-journey__number {
        grid-row: 1 / span 2;
        margin-inline: 0;
    }

    .drl-landing-journey h4 {
        margin: 2px 0 9px;
    }

    .drl-landing-privacy {
        grid-template-columns: 1fr;
    }

    .drl-landing-privacy__principles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 28px;
    }

    .drl-landing-join {
        grid-template-columns: 1fr;
    }

    .drl-landing-join__actions {
        max-width: 460px;
    }

    .drl-landing-join__actions::before {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 34px;
        width: 1px;
        height: 34px;
        background: linear-gradient(180deg, transparent, #62d8f0);
    }
}

@media (max-width: 820px) {
    .drl-landing-manifesto {
        grid-template-columns: 1fr;
    }

    .drl-landing-manifesto blockquote {
        grid-column: 1;
        grid-row: auto;
        margin-block: 18px;
    }

    .drl-landing-manifesto > strong {
        grid-column: 1;
        margin-top: 28px;
    }

    .drl-landing-audience-grid {
        grid-template-columns: 1fr;
    }

    .drl-landing-audience-grid article {
        min-height: 0;
    }

    .drl-landing-audience-grid a {
        margin-top: 26px;
    }

}

@media (max-width: 640px) {
    .drl-signal-core {
        width: 82px;
        height: 82px;
    }

    .drl-signal-core > .drl-signal-core__orbit {
        inset: 5px;
    }

    .drl-signal-core > .drl-signal-core__wordpress {
        width: 49px;
        height: 49px;
        inset: auto;
    }

    .drl-landing-explainer {
        padding-inline: var(--drl-gutter);
    }

    .drl-landing-explainer__intro h2 {
        font-size: clamp(37px, 11vw, 50px);
    }

    .drl-landing-manifesto,
    .drl-landing-ai,
    .drl-landing-join,
    .drl-landing-privacy,
    .drl-landing-audience-grid article {
        padding: 30px 24px;
    }

    .drl-landing-join {
        margin-top: 56px;
        border-radius: 14px;
    }

    .drl-landing-join__actions {
        width: 100%;
        padding: 18px;
    }

    .drl-landing-manifesto blockquote p {
        font-size: clamp(31px, 9vw, 43px);
    }

    .drl-landing-audience-grid .drl-landing-audience-index {
        right: 20px;
        font-size: 58px;
    }

    .drl-landing-audience-grid h4 {
        margin-top: 52px;
    }

    .drl-landing-journey__grid {
        gap: 0;
    }

    .drl-landing-journey__grid li {
        --drl-journey-node-center: 49px;
        column-gap: 20px;
        padding-block: 24px;
    }

    .drl-landing-journey__number {
        grid-row: 1 / span 2;
    }

    .drl-landing-journey h4 {
        margin: 2px 0 9px;
    }

    .drl-landing-privacy__principles {
        grid-template-columns: 1fr;
    }

    .drl-landing-privacy__note {
        grid-column: 1;
    }

    .drl-landing-ai h3,
    .drl-landing-join h3,
    .drl-landing-chapter-heading h3,
    .drl-landing-privacy h3 {
        font-size: clamp(32px, 9vw, 44px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-signal-core > .drl-signal-core__orbit,
    .drl-signal-core > .drl-signal-core__wordpress,
    .drl-landing-journey__wire--live {
        animation: none;
    }

    .drl-landing-journey__wire--live {
        filter: none !important;
    }

    .drl-landing-journey__sparks,
    .drl-landing-journey__grid li::after {
        display: none;
    }
}

/* Animated workflow signal for dialogue landing heroes */

.drldial-hero > .drldial-workflow-signal {
    --drldial-workflow-color-one: var(--dialogue-accent);
    --drldial-workflow-color-two: color-mix(in srgb, var(--dialogue-accent) 82%, #62d8f0);
    --drldial-workflow-color-three: color-mix(in srgb, var(--dialogue-accent) 76%, #b4a0ff);
    --drldial-workflow-color-four: color-mix(in srgb, var(--dialogue-accent) 84%, #75e2c0);
    position: relative;
    isolation: isolate;
    align-self: start;
    overflow: visible;
    border-left-color: color-mix(in srgb, var(--dialogue-accent) 44%, var(--drl-line));
    background:
        radial-gradient(ellipse at 10% 42%, color-mix(in srgb, var(--dialogue-accent) 12%, transparent), transparent 46%),
        linear-gradient(100deg, color-mix(in srgb, var(--dialogue-accent) 5%, transparent), transparent 74%);
    padding-block: var(--drldial-hero-edge-space);
    padding-right: clamp(18px, 2.4vw, 34px);
}

.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-kicker,
.drldial-hero > .drldial-workflow-signal ol,
.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-note {
    position: relative;
    z-index: 1;
}

.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-kicker {
    margin-bottom: 20px;
    color: var(--dialogue-accent-strong);
    text-shadow: 0 0 18px color-mix(in srgb, var(--dialogue-accent) 24%, transparent);
}

.drldial-hero > .drldial-workflow-signal li {
    --drldial-workflow-node-size: 46px;
    --drldial-workflow-node-top: 8px;
    --drldial-workflow-track-start: calc(var(--drldial-workflow-node-top) + var(--drldial-workflow-node-size));
    --drldial-workflow-stage-color: var(--drldial-workflow-color-one);
    --drldial-workflow-next-color: var(--drldial-workflow-color-two);
    position: relative;
    display: grid;
    min-height: 78px;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    padding-block: 8px;
}

.drldial-hero > .drldial-workflow-signal li:nth-child(2) {
    --drldial-workflow-stage-color: var(--drldial-workflow-color-two);
    --drldial-workflow-next-color: var(--drldial-workflow-color-three);
}

.drldial-hero > .drldial-workflow-signal li:nth-child(3) {
    --drldial-workflow-stage-color: var(--drldial-workflow-color-three);
    --drldial-workflow-next-color: var(--drldial-workflow-color-four);
}

.drldial-hero > .drldial-workflow-signal li:nth-child(4) {
    --drldial-workflow-stage-color: var(--drldial-workflow-color-four);
}

.drldial-hero > .drldial-workflow-signal li:not(:last-child)::before {
    position: absolute;
    z-index: 0;
    top: var(--drldial-workflow-track-start);
    left: 22.5px;
    width: 1px;
    height: calc(100% - var(--drldial-workflow-node-size));
    background: linear-gradient(180deg, var(--drldial-workflow-stage-color), var(--drldial-workflow-next-color));
    box-shadow:
        0 0 7px color-mix(in srgb, var(--drldial-workflow-stage-color) 34%, transparent),
        0 0 16px color-mix(in srgb, var(--drldial-workflow-stage-color) 16%, transparent);
    content: "";
    opacity: 0.78;
}

.drldial-hero > .drldial-workflow-signal li:not(:last-child)::after {
    position: absolute;
    z-index: 3;
    top: var(--drldial-workflow-track-start);
    bottom: auto;
    left: 19.5px;
    width: 7px;
    height: 7px;
    border: 1px solid var(--drl-bg);
    border-radius: 50%;
    background: var(--drldial-workflow-stage-color);
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--drldial-workflow-stage-color) 14%, transparent),
        0 0 12px var(--drldial-workflow-stage-color),
        0 0 24px color-mix(in srgb, var(--drldial-workflow-stage-color) 38%, transparent);
    content: "";
    opacity: 0;
    animation: drldial-workflow-spark 4.8s ease-in-out infinite;
}

.drldial-hero > .drldial-workflow-signal li:nth-child(2)::after {
    animation-delay: -3.2s;
}

.drldial-hero > .drldial-workflow-signal li:nth-child(3)::after {
    animation-delay: -1.6s;
}

.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-node {
    position: relative;
    z-index: 2;
    width: 46px;
    height: 46px;
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 76%, var(--drl-line));
    background:
        radial-gradient(circle, color-mix(in srgb, var(--drldial-workflow-stage-color) 11%, transparent), transparent 66%),
        var(--drl-bg);
    color: var(--drldial-workflow-stage-color);
    box-shadow:
        0 0 0 5px color-mix(in srgb, var(--drldial-workflow-stage-color) 4%, transparent),
        0 0 20px color-mix(in srgb, var(--drldial-workflow-stage-color) 16%, transparent);
    font-size: 12px;
    letter-spacing: 0.04em;
}

.drldial-hero > .drldial-workflow-signal .drldial-is-current .drldial-workflow-signal-node {
    border-color: var(--dialogue-accent);
    background:
        radial-gradient(circle at 34% 28%, color-mix(in srgb, #ffffff 20%, transparent), transparent 35%),
        var(--dialogue-accent);
    color: var(--drl-bg);
    box-shadow:
        0 0 0 6px color-mix(in srgb, var(--dialogue-accent) 11%, transparent),
        0 0 22px color-mix(in srgb, var(--dialogue-accent) 34%, transparent),
        0 0 48px color-mix(in srgb, var(--dialogue-accent) 15%, transparent);
}

.drldial-hero > .drldial-workflow-signal .drldial-is-current .drldial-workflow-signal-node::before {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 32%, transparent);
    border-radius: inherit;
    content: "";
    inset: -7px;
    animation: drldial-workflow-node-pulse 3.6s ease-out infinite;
}

.drldial-hero > .drldial-workflow-signal li > span:last-child {
    position: relative;
    z-index: 2;
    padding-top: 3px;
}

.drldial-hero > .drldial-workflow-signal strong {
    color: var(--drl-text);
    font-size: 15px;
    line-height: 1.35;
}

.drldial-hero > .drldial-workflow-signal .drldial-is-current strong {
    color: var(--dialogue-accent-strong);
}

.drldial-hero > .drldial-workflow-signal small {
    margin-top: 3px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-note {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    margin-top: 22px;
    border-top-color: color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
    padding-top: 20px;
    color: var(--drl-text-muted);
    font-size: 17px;
    line-height: 1.55;
}

.drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-note::before {
    width: 6px;
    height: 6px;
    margin-top: 9px;
    border-radius: 50%;
    background: var(--dialogue-accent);
    box-shadow: 0 0 12px var(--dialogue-accent);
    content: "";
}

@keyframes drldial-workflow-spark {
    0% {
        top: var(--drldial-workflow-track-start);
        opacity: 0;
    }

    12%, 88% {
        opacity: 1;
    }

    100% {
        top: calc(100% + var(--drldial-workflow-node-top));
        background: var(--drldial-workflow-next-color);
        opacity: 0;
    }
}

@keyframes drldial-workflow-node-pulse {
    0% {
        opacity: 0.7;
        transform: scale(0.88);
    }

    100% {
        opacity: 0;
        transform: scale(1.28);
    }
}

@media (max-width: 1180px) {
    .drldial-hero > .drldial-workflow-signal {
        width: min(100%, 720px);
        border-top-color: color-mix(in srgb, var(--dialogue-accent) 38%, var(--drl-line));
        padding: 30px clamp(22px, 4vw, 38px);
    }
}

@media (max-width: 640px) {
    .drldial-hero > .drldial-workflow-signal {
        width: 100%;
        border: 1px solid color-mix(in srgb, var(--dialogue-accent) 30%, var(--drl-line));
        padding: 26px 20px 28px;
    }

    .drldial-hero > .drldial-workflow-signal li {
        --drldial-workflow-node-size: 44px;
        --drldial-workflow-node-top: 7px;
        min-height: 76px;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 15px;
        padding-block: 7px;
    }

    .drldial-hero > .drldial-workflow-signal li:not(:last-child)::before {
        left: 21.5px;
    }

    .drldial-hero > .drldial-workflow-signal li:not(:last-child)::after {
        left: 18.5px;
    }

    .drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-node {
        width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-hero > .drldial-workflow-signal li::after,
    .drldial-hero > .drldial-workflow-signal .drldial-workflow-signal-node::before {
        animation: none;
    }

    .drldial-hero > .drldial-workflow-signal li::after {
        display: none;
    }
}

/* Interactive relationship selector and create-page signal path */

.drldial-create-selector nav {
    gap: 7px;
}

.drldial-create-selector-item {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid transparent;
    border-bottom-width: 2px;
    background: transparent;
    transition:
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        color 220ms ease,
        transform 220ms ease;
}

.drldial-create-selector-item::before {
    position: absolute;
    z-index: 0;
    top: -65%;
    bottom: -65%;
    left: -42%;
    width: 22%;
    background: linear-gradient(
        90deg,
        transparent,
        color-mix(in srgb, var(--item-accent) 6%, transparent) 24%,
        color-mix(in srgb, #ffffff 32%, var(--item-accent)) 50%,
        color-mix(in srgb, var(--item-accent) 6%, transparent) 76%,
        transparent
    );
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: translateX(-180%) skewX(-18deg);
}

.drldial-create-selector-item::after {
    position: absolute;
    z-index: 0;
    right: 14%;
    bottom: -1px;
    left: 14%;
    height: 2px;
    border-radius: 999px;
    background: var(--item-accent);
    box-shadow:
        0 0 8px var(--item-accent),
        0 0 20px color-mix(in srgb, var(--item-accent) 35%, transparent);
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: scaleX(0.35);
    transition: opacity 220ms ease, transform 220ms ease;
}

.drldial-create-selector-item > .drl-sidebar-link__icon,
.drldial-create-selector-item > span {
    position: relative;
    z-index: 1;
}

.drldial-create-selector-item:hover,
.drldial-create-selector-item:focus-visible {
    border-color: transparent;
    background:
        radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--item-accent) 13%, transparent), transparent 44%),
        var(--drl-surface-soft);
    color: var(--drl-text);
    box-shadow: 0 8px 26px color-mix(in srgb, var(--item-accent) 10%, transparent);
    transform: translateY(-2px);
}

.drldial-create-selector-item:hover::before,
.drldial-create-selector-item:focus-visible::before {
    animation: drldial-create-selector-sweep 760ms cubic-bezier(0.22, 1, 0.36, 1) 1;
}

.drldial-create-selector-item:hover::after,
.drldial-create-selector-item:focus-visible::after,
.drldial-create-selector-item.drldial-is-current::after {
    opacity: 1;
    transform: scaleX(1);
}

.drldial-create-selector-item:hover > .drl-sidebar-link__icon,
.drldial-create-selector-item:focus-visible > .drl-sidebar-link__icon,
.drldial-create-selector-item.drldial-is-current > .drl-sidebar-link__icon {
    filter: drop-shadow(0 0 7px color-mix(in srgb, var(--item-accent) 65%, transparent));
}

.drldial-create-selector-item.drldial-is-current {
    border-color: transparent;
    background:
        radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--item-accent) 17%, transparent), transparent 48%),
        linear-gradient(115deg, var(--item-accent-soft), color-mix(in srgb, var(--item-accent) 4%, var(--drl-surface)) 64%, transparent);
    color: var(--drl-text);
    box-shadow: 0 10px 32px color-mix(in srgb, var(--item-accent) 13%, transparent);
}

.drldial-create-selector-item.drldial-is-current::before {
    display: none;
    animation: none;
}

.drldial-create-selector-item.drldial-is-current strong {
    color: var(--item-accent-strong);
}

.drldial-create-path-shell {
    --drldial-create-path-color-one: var(--item-accent);
    --drldial-create-path-color-two: color-mix(in srgb, var(--item-accent) 80%, #62d8f0);
    --drldial-create-path-color-three: color-mix(in srgb, var(--item-accent) 74%, #b4a0ff);
    --drldial-create-path-color-four: color-mix(in srgb, var(--item-accent) 82%, #75e2c0);
    position: relative;
    margin-top: 42px;
}

.drldial-create-path-shell::before {
    position: absolute;
    z-index: 0;
    top: 23px;
    right: 12.5%;
    left: 12.5%;
    height: 1px;
    background: linear-gradient(
        90deg,
        var(--drldial-create-path-color-one),
        var(--drldial-create-path-color-two) 34%,
        var(--drldial-create-path-color-three) 67%,
        var(--drldial-create-path-color-four)
    );
    box-shadow:
        0 0 7px color-mix(in srgb, var(--item-accent) 28%, transparent),
        0 0 16px color-mix(in srgb, var(--item-accent) 12%, transparent);
    content: "";
    opacity: 0.84;
}

.drldial-create-path-shell .drldial-create-signal-lines {
    position: absolute;
    z-index: 0;
    top: -7px;
    right: auto;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    overflow: visible;
    pointer-events: none;
}

.drldial-create-path-stop--one {
    stop-color: var(--drldial-create-path-color-one);
}

.drldial-create-path-stop--two {
    stop-color: var(--drldial-create-path-color-two);
}

.drldial-create-path-stop--three {
    stop-color: var(--drldial-create-path-color-three);
}

.drldial-create-path-stop--four {
    stop-color: var(--drldial-create-path-color-four);
}

.drldial-create-path-wire {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.drldial-create-path-wire--glow {
    stroke-width: 7;
    opacity: 0.13;
}

.drldial-create-path-wire--base {
    stroke-width: 0.82;
    opacity: 0.76;
}

.drldial-create-path-wire--live {
    stroke-width: 1.25;
    stroke-dasharray: 1 8 19 15;
    opacity: 0.95;
    animation: drldial-create-path-current 5.7s linear infinite;
}

.drldial-create-path-waypoints circle {
    fill: var(--drl-bg);
    stroke: var(--item-accent-strong);
    stroke-width: 1.2;
    vector-effect: non-scaling-stroke;
}

.drldial-create-path-waypoints circle:nth-child(2) {
    stroke: var(--drldial-create-path-color-three);
}

.drldial-create-path-waypoints circle:nth-child(3) {
    stroke: var(--drldial-create-path-color-four);
}

.drldial-create-path-spark {
    stroke: var(--drl-bg);
    stroke-width: 0.6;
    vector-effect: non-scaling-stroke;
}

.drldial-create-path-spark--one {
    fill: var(--drldial-create-path-color-one);
}

.drldial-create-path-spark--two {
    fill: var(--drldial-create-path-color-three);
}

.drldial-create-path-spark--three {
    fill: var(--drldial-create-path-color-four);
}

.drldial-create-path-shell .drldial-create-path {
    position: relative;
    z-index: 1;
    gap: 24px;
    margin: 0;
}

.drldial-create-path-shell .drldial-create-path::before {
    display: none;
}

.drldial-create-path-shell .drldial-create-path li {
    --drldial-create-stage-color: var(--drldial-create-path-color-one);
    position: relative;
    display: grid;
    min-width: 0;
    justify-items: center;
    text-align: center;
}

.drldial-create-path-shell .drldial-create-path li:nth-child(2) {
    --drldial-create-stage-color: var(--drldial-create-path-color-two);
}

.drldial-create-path-shell .drldial-create-path li:nth-child(3) {
    --drldial-create-stage-color: var(--drldial-create-path-color-three);
}

.drldial-create-path-shell .drldial-create-path li:nth-child(4) {
    --drldial-create-stage-color: var(--drldial-create-path-color-four);
}

.drldial-create-path-shell .drldial-create-path li > span {
    position: relative;
    z-index: 2;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    margin: 0 0 15px;
    border: 1px solid color-mix(in srgb, var(--drldial-create-stage-color) 74%, var(--drl-line));
    border-radius: 50%;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--drldial-create-stage-color) 10%, transparent), transparent 66%),
        var(--drl-bg);
    box-shadow:
        0 0 0 5px color-mix(in srgb, var(--drldial-create-stage-color) 4%, transparent),
        0 0 20px color-mix(in srgb, var(--drldial-create-stage-color) 16%, transparent);
}

.drldial-create-path-shell .drldial-create-path li > span::after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--drldial-create-stage-color);
    box-shadow: 0 0 9px var(--drldial-create-stage-color);
    content: "";
}

.drldial-create-path-shell .drldial-create-path li.drldial-is-current > span {
    border: 1px solid var(--item-accent);
    background:
        radial-gradient(circle at 34% 28%, color-mix(in srgb, #ffffff 20%, transparent), transparent 34%),
        var(--item-accent);
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--item-accent) 11%, transparent),
        0 0 24px color-mix(in srgb, var(--item-accent) 35%, transparent),
        0 0 48px color-mix(in srgb, var(--item-accent) 14%, transparent);
}

.drldial-create-path-shell .drldial-create-path li.drldial-is-current > span::before {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--item-accent) 34%, transparent);
    border-radius: inherit;
    content: "";
    inset: -8px;
    animation: drldial-create-path-node-pulse 3.8s ease-out infinite;
}

.drldial-create-path-shell .drldial-create-path li.drldial-is-current > span::after {
    background: var(--drl-bg);
    box-shadow: 0 0 10px color-mix(in srgb, var(--drl-bg) 70%, transparent);
}

.drldial-create-path-shell .drldial-create-path li strong {
    max-width: 180px;
    color: var(--drl-text);
    font-size: 14px;
    font-weight: 620;
    line-height: 1.4;
}

.drldial-create-path-shell .drldial-create-path li.drldial-is-current strong {
    color: var(--item-accent-strong);
}

@keyframes drldial-create-selector-sweep {
    0% {
        opacity: 0;
        transform: translateX(-180%) skewX(-18deg);
    }

    24% {
        opacity: 0.34;
    }

    100% {
        opacity: 0;
        transform: translateX(620%) skewX(-18deg);
    }
}

@keyframes drldial-create-path-current {
    to {
        stroke-dashoffset: -100;
    }
}

@keyframes drldial-create-path-node-pulse {
    0% {
        opacity: 0.72;
        transform: scale(0.88);
    }

    100% {
        opacity: 0;
        transform: scale(1.28);
    }
}

@keyframes drldial-create-path-vertical-spark {
    0% {
        top: var(--drldial-create-vertical-track-start);
        opacity: 0;
    }

    12%, 88% {
        opacity: 1;
    }

    100% {
        top: calc(100% + var(--drldial-create-vertical-node-top));
        background: var(--drldial-create-next-stage-color);
        opacity: 0;
    }
}

@media (max-width: 760px) {
    .drldial-create-path-shell {
        margin-top: 32px;
    }

    .drldial-create-path-shell .drldial-create-signal-lines {
        display: none;
    }

    .drldial-create-path-shell::before {
        display: none;
    }

    .drldial-create-path-shell .drldial-create-path {
        gap: 0;
        margin: 0;
    }

    .drldial-create-path-shell .drldial-create-path li {
        --drldial-create-next-stage-color: var(--drldial-create-path-color-two);
        --drldial-create-vertical-node-size: 44px;
        --drldial-create-vertical-node-top: 7px;
        --drldial-create-vertical-track-start: calc(var(--drldial-create-vertical-node-top) + var(--drldial-create-vertical-node-size));
        min-height: 76px;
        grid-template-columns: 44px minmax(0, 1fr);
        align-items: start;
        justify-items: start;
        gap: 16px;
        padding-block: 7px;
        text-align: left;
    }

    .drldial-create-path-shell .drldial-create-path li:nth-child(2) {
        --drldial-create-next-stage-color: var(--drldial-create-path-color-three);
    }

    .drldial-create-path-shell .drldial-create-path li:nth-child(3) {
        --drldial-create-next-stage-color: var(--drldial-create-path-color-four);
    }

    .drldial-create-path-shell .drldial-create-path li:not(:last-child)::before {
        position: absolute;
        z-index: 0;
        top: var(--drldial-create-vertical-track-start);
        left: 21.5px;
        width: 1px;
        height: calc(100% - var(--drldial-create-vertical-node-size));
        background: linear-gradient(180deg, var(--drldial-create-stage-color), var(--drldial-create-next-stage-color));
        box-shadow: 0 0 13px color-mix(in srgb, var(--drldial-create-stage-color) 28%, transparent);
        content: "";
        opacity: 0.76;
    }

    .drldial-create-path-shell .drldial-create-path li:not(:last-child)::after {
        position: absolute;
        z-index: 3;
        top: var(--drldial-create-vertical-track-start);
        left: 18.5px;
        width: 7px;
        height: 7px;
        border: 1px solid var(--drl-bg);
        border-radius: 50%;
        background: var(--drldial-create-stage-color);
        box-shadow:
            0 0 12px var(--drldial-create-stage-color),
            0 0 24px color-mix(in srgb, var(--drldial-create-stage-color) 36%, transparent);
        content: "";
        opacity: 0;
        animation: drldial-create-path-vertical-spark 4.8s ease-in-out infinite;
    }

    .drldial-create-path-shell .drldial-create-path li:nth-child(2)::after {
        animation-delay: -3.2s;
    }

    .drldial-create-path-shell .drldial-create-path li:nth-child(3)::after {
        animation-delay: -1.6s;
    }

    .drldial-create-path-shell .drldial-create-path li > span {
        width: 44px;
        height: 44px;
        margin: 0;
    }

    .drldial-create-path-shell .drldial-create-path li strong {
        max-width: none;
        padding-top: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-create-selector-item::before,
    .drldial-create-path-wire--live,
    .drldial-create-path-shell .drldial-create-path li > span::before,
    .drldial-create-path-shell .drldial-create-path li::after {
        animation: none;
    }

    .drldial-create-selector-item::before,
    .drldial-create-path-sparks,
    .drldial-create-path-shell .drldial-create-path li::after {
        display: none;
    }

    .drldial-create-path-wire--live {
        filter: none !important;
    }
}

/* Shared visual system for dialogue creation forms. */
.drldial-form {
    --drldial-form-control-bg: color-mix(in srgb, var(--drl-surface-raised) 94%, var(--dialogue-accent) 6%);
    --drldial-form-control-hover: color-mix(in srgb, var(--drl-surface-raised) 98%, var(--dialogue-accent) 2%);
    --drldial-form-panel-bg: color-mix(in srgb, var(--drl-surface) 95%, var(--dialogue-accent) 5%);
    --drldial-form-field-line: color-mix(in srgb, var(--dialogue-accent) 20%, var(--drl-line));
    --drldial-form-control-line: color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line-strong));
    --drldial-form-shadow-color: color-mix(in srgb, var(--drl-text) 8%, transparent);
    position: relative;
    isolation: isolate;
}

html:not([data-theme="dark"]) .drldial-form {
    --drldial-form-control-bg: color-mix(in srgb, #ffffff 95%, var(--dialogue-accent) 5%);
    --drldial-form-control-hover: #ffffff;
    --drldial-form-panel-bg: color-mix(in srgb, #ffffff 94%, var(--dialogue-accent) 6%);
    --drldial-form-field-line: color-mix(in srgb, var(--dialogue-accent) 22%, #d7d9d5);
    --drldial-form-control-line: color-mix(in srgb, var(--dialogue-accent) 27%, #aeb4b0);
    --drldial-form-shadow-color: rgba(35, 43, 42, 0.09);
}

html[data-theme="dark"] .drldial-form {
    --drldial-form-control-bg: color-mix(in srgb, var(--drl-surface-raised) 91%, var(--dialogue-accent) 9%);
    --drldial-form-control-hover: color-mix(in srgb, var(--drl-surface-raised) 96%, var(--dialogue-accent) 4%);
    --drldial-form-panel-bg: color-mix(in srgb, var(--drl-surface) 93%, var(--dialogue-accent) 7%);
    --drldial-form-field-line: color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
    --drldial-form-control-line: color-mix(in srgb, var(--dialogue-accent) 30%, var(--drl-line-strong));
    --drldial-form-shadow-color: rgba(0, 0, 0, 0.22);
}

.drldial-form-heading {
    position: relative;
    gap: 30px;
    border-bottom-color: var(--drldial-form-field-line);
    padding-bottom: 26px;
}

.drldial-form-heading > div:first-child {
    position: relative;
    padding-left: 18px;
}

.drldial-form-heading > div:first-child::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dialogue-accent);
    box-shadow:
        0 0 0 5px var(--dialogue-accent-soft),
        0 0 18px color-mix(in srgb, var(--dialogue-accent) 42%, transparent);
    content: "";
}

.drldial-form-heading h2 {
    max-width: 680px;
    color: var(--drl-text);
    text-wrap: balance;
}

.drldial-form-heading p {
    max-width: 660px;
    text-wrap: pretty;
}

.drldial-form > .drldial-field,
.drldial-form > .drldial-form-grid,
.drldial-form > .drldial-co-build-foundation-fields,
.drldial-form > .drldial-team-roles-fieldset,
.drldial-form > .drldial-warm-intro-consent-note,
.drldial-form > .drldial-specialization-field,
.drldial-form > .drldial-project-match-form-section {
    margin-top: 24px;
}

.drldial-form-grid,
.drldial-co-build-foundation-fields {
    gap: 18px;
}

.drldial-form .drldial-field {
    gap: 9px;
}

.drldial-form .drldial-field > span:first-child,
.drldial-form .drldial-team-roles-fieldset > legend,
.drldial-form .drldial-specialization-field > legend {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 720;
    letter-spacing: 0.012em;
    transition: color 160ms ease;
}

.drldial-form .drldial-field > span:first-child::before,
.drldial-form .drldial-team-roles-fieldset > legend::before,
.drldial-form .drldial-specialization-field > legend::before {
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--dialogue-accent) 74%, var(--drl-text-muted));
    box-shadow: 0 0 8px color-mix(in srgb, var(--dialogue-accent) 30%, transparent);
    content: "";
}

.drldial-form .drldial-field:focus-within > span:first-child {
    color: var(--dialogue-accent-strong);
}

.drldial-form .drldial-field > small,
.drldial-form .drldial-team-roles-fieldset > p,
.drldial-form .drldial-specialization-field > p,
.drldial-form .drldial-specialization-field > small {
    color: color-mix(in srgb, var(--drl-text-muted) 90%, var(--dialogue-accent));
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.drldial-form select,
.drldial-form textarea {
    width: 100%;
    min-height: 52px;
    border: 1px solid var(--drldial-form-control-line);
    border-radius: 10px;
    background-color: var(--drldial-form-control-bg);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 62%, transparent),
        0 8px 22px var(--drldial-form-shadow-color);
    padding: 12px 14px;
    color: var(--drl-text);
    caret-color: var(--dialogue-accent);
    font-size: 14px;
    font-weight: 480;
    line-height: 1.45;
    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

html[data-theme="dark"] .drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .drldial-form select,
html[data-theme="dark"] .drldial-form textarea {
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 7%, transparent),
        0 10px 24px var(--drldial-form-shadow-color);
}

.drldial-form input::placeholder,
.drldial-form textarea::placeholder {
    color: color-mix(in srgb, var(--drl-text-muted) 74%, transparent);
    opacity: 1;
}

.drldial-form select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--dialogue-accent-strong) 50%),
        linear-gradient(135deg, var(--dialogue-accent-strong) 50%, transparent 50%);
    background-position:
        calc(100% - 19px) calc(50% - 2px),
        calc(100% - 14px) calc(50% - 2px);
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px;
    padding-right: 42px;
}

.drldial-form textarea {
    min-height: 138px;
    padding-block: 14px;
    line-height: 1.6;
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
.drldial-form select:hover,
.drldial-form textarea:hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 58%, var(--drl-line-strong));
    background-color: var(--drldial-form-control-hover);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 68%, transparent),
        0 11px 26px var(--drldial-form-shadow-color);
}

.drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
.drldial-form select:focus,
.drldial-form textarea:focus {
    border-color: var(--dialogue-accent);
    outline: 0;
    background-color: var(--drldial-form-control-hover);
    box-shadow:
        0 0 0 1px var(--dialogue-accent),
        0 0 0 5px var(--dialogue-accent-soft),
        0 15px 34px var(--drldial-form-shadow-color);
}

.drldial-form input[type="checkbox"],
.drldial-form input[type="radio"] {
    accent-color: var(--dialogue-accent);
}

.drldial-image-picker {
    overflow: hidden;
    border: 1px solid var(--drldial-form-field-line);
    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--dialogue-accent) 14%, transparent), transparent 44%),
        var(--drldial-form-panel-bg);
    box-shadow: 0 10px 26px var(--drldial-form-shadow-color);
    padding: 16px;
}

.drldial-image-picker::before {
    display: none;
}

.drldial-form .drldial-image-picker-button {
    min-height: 42px;
    border-radius: 9px;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 15%, transparent), transparent 54%),
        var(--dialogue-accent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--dialogue-accent) 20%, transparent);
    transition: box-shadow 160ms ease, transform 160ms ease;
}

.drldial-form .drldial-image-picker-button:hover {
    box-shadow: 0 11px 24px color-mix(in srgb, var(--dialogue-accent) 28%, transparent);
    transform: translateY(-1px);
}

.drldial-form .drldial-team-roles-fieldset,
.drldial-project-match-form-section {
    overflow: hidden;
    border: 1px solid var(--drldial-form-field-line);
    border-radius: 14px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 7%, transparent), transparent 42%),
        var(--drldial-form-panel-bg);
    box-shadow: 0 14px 34px var(--drldial-form-shadow-color);
}

.drldial-form .drldial-team-roles-fieldset {
    padding: 22px;
}

.drldial-form .drldial-team-roles-fieldset > legend {
    background: var(--drl-bg);
    padding: 0 9px;
}

.drldial-form .drldial-team-role-row {
    border-color: var(--drldial-form-field-line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--drldial-form-control-bg) 94%, transparent);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--drldial-form-shadow-color) 72%, transparent);
    padding: 14px;
}

.drldial-form .drldial-team-role-remove {
    border-color: color-mix(in srgb, var(--drl-danger) 34%, var(--drl-line));
    border-radius: 9px;
    background: color-mix(in srgb, var(--drl-danger) 4%, transparent);
}

.drldial-project-match-form-section {
    padding: clamp(20px, 2.6vw, 30px);
}

.drldial-project-match-form-section > header {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    border-bottom-color: var(--drldial-form-field-line);
    padding-bottom: 18px;
}

.drldial-project-match-form-section > header > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 48%, var(--drl-line));
    border-radius: 50%;
    background: var(--dialogue-accent-soft);
    box-shadow: 0 0 18px color-mix(in srgb, var(--dialogue-accent) 13%, transparent);
}

.drldial-project-match-form-section > header h3 {
    font-family: var(--drl-font-display);
    font-size: 21px;
    font-weight: 520;
}

.drldial-warm-intro-consent-note {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--drldial-form-field-line);
    border-left: 0;
    border-radius: 12px;
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--dialogue-accent) 14%, transparent), transparent 56%),
        var(--drldial-form-panel-bg);
    box-shadow: 0 11px 28px var(--drldial-form-shadow-color);
    padding: 18px 20px 18px 24px;
}

.drldial-warm-intro-consent-note::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--dialogue-accent);
    box-shadow: 0 0 16px color-mix(in srgb, var(--dialogue-accent) 38%, transparent);
    content: "";
}

.drldial-form .drldial-professional-choice-button {
    border-color: var(--drldial-form-field-line);
    border-radius: 11px;
    background: var(--drldial-form-control-bg);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drldial-form-shadow-color) 72%, transparent);
}

.drldial-form .drldial-professional-choice-option:hover .drldial-professional-choice-button {
    background: var(--drldial-form-control-hover);
    box-shadow: 0 11px 25px var(--drldial-form-shadow-color);
}

.drldial-form .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--dialogue-accent) 12%, transparent), transparent 66%),
        var(--drldial-form-control-bg);
    box-shadow:
        inset 3px 0 0 var(--dialogue-accent),
        0 10px 26px var(--drldial-form-shadow-color);
}

.drldial-form .drldial-professional-choice-icon {
    border-radius: 9px;
    background: color-mix(in srgb, var(--drl-surface-raised) 88%, var(--dialogue-accent) 12%);
}

.drldial-form-actions {
    border-top-color: var(--drldial-form-field-line);
    padding-top: 26px;
}

.drldial-form-actions > .drldial-button--primary {
    min-height: 50px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 78%, var(--drl-text));
    border-radius: 10px;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 14%, transparent), transparent 56%),
        var(--dialogue-accent);
    box-shadow:
        0 12px 26px color-mix(in srgb, var(--dialogue-accent) 22%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 24%, transparent);
    letter-spacing: 0.01em;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.drldial-form-actions > .drldial-button--primary:hover {
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 18%, transparent), transparent 58%),
        var(--dialogue-accent-strong);
    box-shadow:
        0 15px 30px color-mix(in srgb, var(--dialogue-accent) 28%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 28%, transparent);
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .drldial-form-heading > div:first-child {
        padding-left: 15px;
    }

    .drldial-form .drldial-team-roles-fieldset,
    .drldial-project-match-form-section {
        border-radius: 12px;
        padding: 18px;
    }

    .drldial-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .drldial-form select,
    .drldial-form textarea {
        min-height: 50px;
        border-radius: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-form input,
    .drldial-form select,
    .drldial-form textarea,
    .drldial-form .drldial-image-picker-button,
    .drldial-form .drldial-professional-choice-button,
    .drldial-form-actions > .drldial-button--primary {
        transition: none;
    }
}

/* Expandable secondary navigation shared with the footer. */
.drl-header-menu {
    position: relative;
    z-index: 1;
    min-height: 15px;
    background: color-mix(in srgb, var(--drl-bg) 94%, transparent);
}

.drl-header-menu__toggle {
    position: absolute;
    z-index: 3;
    top: -1px;
    left: 50%;
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--drl-line);
    border-top: 0;
    border-radius: 0 0 9px 9px;
    background: color-mix(in srgb, var(--drl-bg) 96%, var(--drl-surface-raised));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--drl-text) 6%, transparent);
    padding: 1px 11px 2px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font: 720 9px/1 var(--drl-font-ui);
    letter-spacing: 0.17em;
    text-transform: uppercase;
    transform: translateX(-50%);
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.drl-header-menu__toggle:hover,
.drl-header-menu__toggle:focus-visible,
.drl-header-menu.drl-is-open .drl-header-menu__toggle {
    border-color: color-mix(in srgb, var(--drl-workspace-nav) 38%, var(--drl-line));
    background: var(--drl-surface-raised);
    color: var(--drl-text);
    box-shadow: 0 9px 22px color-mix(in srgb, var(--drl-workspace-nav) 10%, transparent);
}

.drl-header-menu__signal {
    position: relative;
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: var(--drl-workspace-nav);
    box-shadow: 0 0 7px color-mix(in srgb, var(--drl-workspace-nav) 58%, transparent);
}

.drl-header-menu__toggle svg {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    transition: transform 220ms ease;
}

.drl-header-menu.drl-is-open .drl-header-menu__toggle svg {
    transform: rotate(180deg);
}

.drl-header-menu__panel {
    display: grid;
    grid-template-rows: 0fr;
    border-bottom: 1px solid transparent;
    background: transparent;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-9px);
    visibility: hidden;
    transition:
        grid-template-rows 300ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 190ms ease,
        transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 300ms,
        background-color 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.drl-header-menu__panel-inner {
    min-height: 0;
    overflow: hidden;
}

.drl-header-menu.drl-is-open .drl-header-menu__panel {
    grid-template-rows: 1fr;
    border-bottom-color: var(--drl-line);
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--drl-workspace-nav) 7%, transparent), transparent 58%),
        color-mix(in srgb, var(--drl-bg) 96%, transparent);
    box-shadow: 0 18px 38px color-mix(in srgb, var(--drl-text) 7%, transparent);
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
    transition-delay: 0s;
    backdrop-filter: blur(14px);
}

.drl-header-menu__nav {
    display: grid;
    width: min(calc(100% - (2 * var(--drl-gutter))), 760px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-inline: auto;
    overflow-x: auto;
    padding: 35px 0 18px;
    scrollbar-width: thin;
}

.drl-header-menu__item {
    --item-accent: var(--drl-workspace-nav);
    --item-accent-soft: var(--drl-workspace-nav-soft);
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: 50px;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    overflow: hidden;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    padding: 9px 13px;
    color: var(--drl-text-muted);
    text-decoration: none;
    transition: background 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 220ms ease;
}

.drl-header-menu__item:nth-child(1) {
    --item-accent: var(--drl-team-up-accent);
    --item-accent-soft: var(--drl-team-up-accent-soft);
}

.drl-header-menu__item:nth-child(2) {
    --item-accent: var(--drl-co-build-accent);
    --item-accent-soft: var(--drl-co-build-accent-soft);
}

.drl-header-menu__item:nth-child(3) {
    --item-accent: var(--drl-project-relay-accent);
    --item-accent-soft: var(--drl-project-relay-accent-soft);
}

.drl-header-menu__item::before {
    position: absolute;
    z-index: 0;
    top: -65%;
    bottom: -65%;
    left: -42%;
    width: 20%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--item-accent) 13%, #ffffff), transparent);
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: translateX(-180%) skewX(-18deg);
}

.drl-header-menu__item::after {
    position: absolute;
    z-index: 0;
    right: 14%;
    bottom: -1px;
    left: 14%;
    height: 2px;
    border-radius: 999px;
    background: var(--item-accent);
    box-shadow:
        0 0 9px var(--item-accent),
        0 0 20px color-mix(in srgb, var(--item-accent) 30%, transparent);
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: scaleX(0.35);
    transition: opacity 220ms ease, transform 220ms ease;
}

.drl-header-menu__item:hover,
.drl-header-menu__item:focus-visible {
    background:
        radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--item-accent) 13%, transparent), transparent 44%),
        var(--drl-surface-soft);
    color: var(--drl-text);
    box-shadow: 0 8px 26px color-mix(in srgb, var(--item-accent) 10%, transparent);
    transform: translateY(-2px);
}

.drl-header-menu__item:hover::before,
.drl-header-menu__item:focus-visible::before {
    animation: drl-header-menu-sweep 760ms cubic-bezier(0.22, 1, 0.36, 1) 1;
}

.drl-header-menu__item:hover::after,
.drl-header-menu__item:focus-visible::after,
.drl-header-menu__item.drl-is-current::after {
    opacity: 1;
    transform: scaleX(1);
}

.drl-header-menu__item.drl-is-current {
    background:
        radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--item-accent) 17%, transparent), transparent 48%),
        linear-gradient(115deg, var(--item-accent-soft), color-mix(in srgb, var(--item-accent) 4%, var(--drl-surface)) 64%, transparent);
    color: var(--drl-text);
    box-shadow: 0 10px 32px color-mix(in srgb, var(--item-accent) 13%, transparent);
}

.drl-header-menu__item.drl-is-current::before {
    display: none;
    animation: none;
}

.drl-header-menu__dot,
.drl-header-menu__item strong {
    position: relative;
    z-index: 1;
}

.drl-header-menu__dot {
    width: 8px;
    height: 8px;
    justify-self: center;
    border-radius: 50%;
    background: var(--item-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--item-accent) 10%, transparent);
    transition: box-shadow 220ms ease, transform 220ms ease;
}

.drl-header-menu__item:hover .drl-header-menu__dot,
.drl-header-menu__item:focus-visible .drl-header-menu__dot,
.drl-header-menu__item.drl-is-current .drl-header-menu__dot {
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--item-accent) 12%, transparent),
        0 0 10px var(--item-accent);
    transform: scale(1.08);
}

.drl-header-menu__item strong {
    color: inherit;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
}

.drl-header-menu__item.drl-is-current strong {
    color: color-mix(in srgb, var(--item-accent) 78%, var(--drl-text));
}

@media (min-width: 981px) {
    .drl-header-menu__nav {
        width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-container));
        grid-template-columns: repeat(auto-fit, minmax(132px, 190px));
        justify-content: center;
    }

    .drl-header-menu__item {
        min-height: 46px;
        gap: 8px;
        padding: 8px 11px;
    }
}

@keyframes drl-header-menu-sweep {
    0% {
        opacity: 0;
        transform: translateX(-180%) skewX(-18deg);
    }

    22% {
        opacity: 0.58;
    }

    100% {
        opacity: 0;
        transform: translateX(790%) skewX(-18deg);
    }
}

@media (max-width: 620px) {
    .drl-header-menu__nav {
        grid-template-columns: repeat(3, minmax(112px, 1fr));
        gap: 4px;
        padding-top: 33px;
    }

    .drl-header-menu__item {
        min-height: 48px;
        grid-template-columns: 12px minmax(0, 1fr);
        gap: 7px;
        padding-inline: 9px;
    }

    .drl-header-menu__item strong {
        font-size: 11px;
    }

    .drl-header-menu__dot {
        width: 6px;
        height: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drl-header-menu__toggle,
    .drl-header-menu__toggle svg,
    .drl-header-menu__panel,
    .drl-header-menu__item,
    .drl-header-menu__item::after,
    .drl-header-menu__dot {
        transition: none;
    }

    .drl-header-menu__item::before {
        display: none;
        animation: none;
    }
}

/* Sticky header behavior keeps mobile tools outside the fixed compact bar. */
body {
    --drl-header-admin-offset: 0px;
}

body.admin-bar {
    --drl-header-admin-offset: 32px;
}

.drl-site-header-stack {
    position: sticky;
    z-index: 90;
    top: var(--drl-header-admin-offset);
}

.drl-site-header {
    position: relative;
    z-index: 2;
    backdrop-filter: blur(18px);
}

.drl-site-header::after {
    position: absolute;
    z-index: 1;
    right: 50%;
    bottom: -1px;
    width: 84px;
    height: 1px;
    background: var(--drl-bg);
    content: "";
    transform: translateX(50%);
}

@media (max-width: 980px) {
    .drl-site-header-stack {
        position: static;
        z-index: auto;
    }

    .drl-site-header {
        --drl-mobile-fixed-header-height: 68px;
        position: relative;
        z-index: auto;
        backdrop-filter: none;
    }

    .drl-site-header::after {
        display: none;
    }

    .drl-site-header::before {
        position: fixed;
        z-index: 98;
        top: var(--drl-header-admin-offset);
        right: 0;
        left: 0;
        height: var(--drl-mobile-fixed-header-height);
        border-bottom: 1px solid var(--drl-line);
        background: color-mix(in srgb, var(--drl-bg) 92%, transparent);
        box-shadow: 0 10px 24px color-mix(in srgb, var(--drl-text) 6%, transparent);
        content: "";
        backdrop-filter: blur(18px);
    }

    .drl-site-header__inner {
        min-height: 0;
        padding-top: calc(var(--drl-mobile-fixed-header-height) + 14px);
        padding-bottom: 14px;
    }

    .drl-brand {
        position: fixed;
        z-index: 100;
        top: calc(var(--drl-header-admin-offset) + 9px);
        left: var(--drl-gutter);
        max-width: calc(100vw - (2 * var(--drl-gutter)) - 62px);
    }

    .drl-brand__tagline {
        display: none;
    }

    .drl-mobile-nav-toggle {
        position: fixed;
        z-index: 100;
        top: calc(var(--drl-header-admin-offset) + 11px);
        right: var(--drl-gutter);
    }

    .drl-mobile-menu {
        position: fixed;
        z-index: 97;
        top: calc(var(--drl-header-admin-offset) + 68px);
        right: 0;
        left: 0;
        max-height: calc(100dvh - var(--drl-header-admin-offset) - 68px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .drl-sidebar.drl-is-open {
        position: fixed;
        z-index: 97;
        top: calc(var(--drl-header-admin-offset) + 68px);
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        max-height: calc(100dvh - var(--drl-header-admin-offset) - 68px);
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        border-bottom: 1px solid var(--drl-line);
        background: var(--drl-surface);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--drl-text) 10%, transparent);
        padding: 16px var(--drl-gutter) 24px;
    }
}

@media (max-width: 460px) {
    .drl-brand__name {
        overflow: hidden;
        font-size: 12px;
        letter-spacing: 0.12em;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 782px) {
    body.admin-bar {
        --drl-header-admin-offset: 46px;
    }
}

.drldial-app-surface--account {
    --drl-workspace-nav: var(--drl-account-nav);
    --drl-workspace-nav-soft: var(--drl-account-nav-soft);
    --drl-workspace-action: var(--drl-account-action);
    --drl-workspace-action-hover: var(--drl-account-action-hover);
    --drl-workspace-on-action: var(--drl-account-on-action);
    --drl-account-accent: var(--drl-account-nav);
    --drl-account-panel: #ffffff;
    --drl-account-panel-soft: #f2f5f5;
    --drl-account-chip: #f7f9f9;
    --drl-account-border: var(--drl-line);
    --drl-account-shadow: none;
    --drl-account-shadow-hover: 0 12px 28px rgba(19, 42, 52, 0.08);
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 17h6M17 14v6'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .drldial-app-surface--account {
    --drl-account-accent: var(--drl-account-nav);
    --drl-account-panel: #10191c;
    --drl-account-panel-soft: #131d20;
    --drl-account-chip: #172225;
    --drl-account-border: #2c4048;
    --drl-account-shadow: none;
    --drl-account-shadow-hover: 0 16px 36px rgba(0, 0, 0, 0.24);
}

.drldial-app-surface--account .drl-page-heading {
    position: relative;
    isolation: isolate;
    overflow: visible;
    grid-template-columns: minmax(140px, 240px) minmax(0, 1fr);
    align-items: start;
    column-gap: 32px;
    row-gap: 8px;
    margin: 10px 0 22px;
    border: 0;
    border-bottom: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 8px 0 24px;
}

.drldial-app-surface--account.drldial-app-route--opportunities .drl-page-heading,
.drldial-app-surface--account.drldial-app-route--participating .drl-page-heading,
.drldial-app-surface--account.drldial-app-route--candidates .drl-page-heading {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 18px;
}

.drldial-app-surface--account.drldial-app-route--opportunities .wpmc-account-list,
.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-list,
.drldial-app-surface--account.drldial-app-route--candidates .wpmc-account-list {
    padding-top: 0;
}

.drldial-app-surface--account .drl-page-heading::before {
    display: none;
}

.drldial-app-surface--account .drl-page-heading::after {
    display: none;
}

.drldial-app-surface--account .drl-page-heading:hover::after {
    transform: none;
}

.drldial-app-surface--account .drl-page-heading__section {
    display: inline-flex;
    width: fit-content;
    min-height: 25px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-account-accent) 36%, var(--drl-line));
    border-radius: 0;
    background: transparent;
    padding: 3px 9px;
    letter-spacing: 0.1em;
}

.drldial-app-surface--account .drl-page-heading h1 {
    display: block;
    width: fit-content;
    margin: 0;
    color: var(--drl-account-accent);
    font-family: var(--drl-font-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4;
}

.drldial-app-surface--account .drl-page-heading h1::before {
    display: none;
}

.drldial-app-surface--account .drl-page-heading p {
    grid-column: 2;
    max-width: 700px;
    margin: 0;
}

.drldial-app-surface--account .wpmc-account-page {
    display: grid;
    gap: 20px;
}

.drldial-app-surface--account :is(
    .wpmc-account-login-card,
    .drldial-next-moves-summary,
    .drldial-next-moves-empty,
    .wpmc-account-empty,
    .drldial-dialogue-inbox-summary,
    .drldial-working-identity-head
) {
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: var(--drl-account-shadow);
}

.drldial-app-surface--account :is(
    .drldial-next-moves-summary,
    .drldial-dialogue-inbox-summary,
    .drldial-working-identity-head
) {
    padding: 21px 24px;
}

.drldial-app-surface--account :is(
    .wpmc-account-item,
    .drldial-next-move,
    .drldial-dialogue-item
) {
    position: relative;
    overflow: hidden;
    border-top: 3px solid var(--account-item-accent, var(--drl-workspace-nav));
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: var(--drl-account-shadow);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.drldial-app-surface--account :is(
    .wpmc-account-item,
    .drldial-next-move,
    .drldial-dialogue-item
):hover {
    border-color: color-mix(in srgb, var(--account-item-accent, var(--drl-workspace-nav)) 58%, var(--drl-line));
    border-top-color: var(--account-item-accent, var(--drl-workspace-nav));
    box-shadow: var(--drl-account-shadow-hover);
    transform: translateY(-2px);
}

.drldial-app-surface--account :is(
    .wpmc-account-item,
    .drldial-next-move,
    .drldial-dialogue-item
)::after {
    display: none;
}

.drldial-app-surface--account :is(
    .wpmc-account-item,
    .drldial-next-move,
    .drldial-dialogue-item
):hover::after {
    transform: none;
}

.drldial-app-surface--account :is(
    .wpmc-account-item,
    .drldial-next-move,
    .drldial-dialogue-item
) > * {
    position: relative;
    z-index: 1;
}

.drldial-app-surface--account .wpmc-account-list,
.drldial-app-surface--account .drldial-next-move-list,
.drldial-app-surface--account .drldial-dialogue-list,
.drldial-app-surface--account .drldial-candidate-group-items {
    gap: 20px;
}

.drldial-app-surface--account .wpmc-account-item-type,
.drldial-app-surface--account .drldial-dialogue-new-badge,
.drldial-app-surface--account .drldial-dialogue-unread-total,
.drldial-app-surface--account .drldial-candidate-account-state {
    border-radius: 0;
    background: var(--drl-account-chip);
}

.drldial-app-surface--account .wpmc-account-item-type {
    grid-area: type;
    justify-self: start;
    border: 1px solid var(--account-item-accent, var(--drl-workspace-nav));
    background: transparent;
    padding: 5px 9px 4px;
    color: var(--account-item-accent, var(--drl-workspace-nav));
    letter-spacing: 0.09em;
}

.drldial-app-surface--account .wpmc-account-item-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "type meta"
        "title title"
        "excerpt excerpt"
        "edited edited";
    align-content: start;
    gap: 0 18px;
}

.drldial-app-surface--account .wpmc-account-item-main > strong {
    grid-area: title;
    margin-top: 18px;
    letter-spacing: -0.018em;
}

.drldial-app-surface--account .wpmc-account-item-excerpt {
    grid-area: excerpt;
    margin-top: 15px;
    padding-bottom: 0;
}

.drldial-app-surface--account .wpmc-edited-note {
    grid-area: edited;
}

.drldial-app-surface--account .wpmc-account-item-meta {
    grid-area: meta;
    align-self: center;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    text-align: right;
}

.drldial-app-surface--account .wpmc-account-item-meta > span:not(:first-child)::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-item-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 9px;
    padding-top: 16px;
}

.drldial-app-surface--account .wpmc-account-item-actions > :is(
    .wpmc-account-open-link,
    .wpmc-account-edit,
    .drldial-candidate-account-actions,
    .drldial-sent-invitation-actions
) {
    grid-column: 1 / -1;
    width: 100%;
}

.drldial-app-surface--account .wpmc-account-open-link {
    gap: 12px;
    border-color: var(--drl-workspace-nav);
    background: var(--drl-workspace-nav);
    color: var(--drl-workspace-on-action);
}

.drldial-app-surface--account .wpmc-account-open-link::after,
.drldial-app-surface--account .drldial-dialogue-open-link::after {
    content: "\2192";
    font-size: 16px;
    line-height: 1;
    transition: transform 160ms ease;
}

.drldial-app-surface--account .wpmc-account-open-link:hover {
    border-color: var(--drl-workspace-action-hover);
    background: var(--drl-workspace-action-hover);
    color: var(--drl-workspace-on-action);
}

.drldial-app-surface--account .wpmc-account-open-link:hover::after,
.drldial-app-surface--account .drldial-dialogue-open-link:hover::after {
    transform: translateX(3px);
}

.drldial-app-surface--account .wpmc-account-edit > summary {
    width: 100%;
    justify-content: center;
    gap: 9px;
}

.drldial-app-surface--account .wpmc-account-edit > summary::before {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l11-11-4-4L4 16v4Z'/%3E%3Cpath d='m13 7 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4l11-11-4-4L4 16v4Z'/%3E%3Cpath d='m13 7 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .drldial-dialogue-actions {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .drldial-dialogue-open-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.drldial-app-surface--account .drldial-next-move__event {
    border-top: 1px solid var(--drl-account-border);
    padding-top: 13px;
}

.drldial-app-surface--account :is(
    .wpmc-account-open-link,
    .drldial-invitation-profile-link,
    .wpmc-account-edit > summary,
    .drldial-dialogue-filter,
    .drldial-candidate-filter,
    .drldial-professional-preview-link,
    .drldial-working-identity-head > a,
    .wpmc-account-login-primary,
    .wpmc-account-login-secondary,
    .drldial-next-moves-primary,
    .drldial-next-moves-secondary,
    .drldial-button
) {
    border-radius: 0;
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.drldial-app-surface--account :is(
    .drldial-invitation-profile-link,
    .drldial-professional-preview-link,
    .drldial-working-identity-head > a
) {
    background: transparent;
}

.drldial-app-surface--account :is(
    .wpmc-account-open-link,
    .drldial-invitation-profile-link,
    .drldial-professional-preview-link,
    .drldial-working-identity-head > a
):hover {
    box-shadow: 0 8px 20px color-mix(in srgb, var(--drl-workspace-nav) 16%, transparent);
    transform: translateY(-1px);
}

.drldial-app-surface--account :is(
    .wpmc-account-empty__icon,
    .drldial-next-move__icon,
    .drldial-next-moves-empty__icon
) {
    border-radius: 0;
}

.drldial-app-surface--account .wpmc-account-empty__icon,
.drldial-app-surface--account .drldial-next-move__icon {
    background: var(--drl-account-chip);
}

.drldial-app-surface--account .wpmc-account-notice {
    margin-bottom: 0;
    border-left-width: 1px;
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: none;
    padding: 15px 18px;
}

.drldial-app-surface--account .wpmc-account-notice.is-success {
    border-color: color-mix(in srgb, var(--drl-success) 42%, var(--drl-line));
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--drl-success) 6%, transparent), transparent 60%),
        var(--drl-account-panel);
}

.drldial-app-surface--account .wpmc-account-notice.is-error {
    border-color: color-mix(in srgb, var(--drl-danger) 42%, var(--drl-line));
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--drl-danger) 6%, transparent), transparent 60%),
        var(--drl-account-panel);
}

.drldial-app-surface--account .drldial-candidate-group {
    border-top: 0;
    padding-top: 0;
}

.drldial-app-surface--account :is(
    .drldial-candidate-account-actions,
    .drldial-candidate-decisions,
    .drldial-sent-invitation-actions
) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.drldial-app-surface--account .drldial-candidate-account-actions {
    width: 100%;
}

.drldial-app-surface--account .drldial-candidate-account-state {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-workspace-nav) 34%, var(--drl-line));
    background: var(--drl-account-chip);
    padding: 6px 10px;
    color: var(--drl-workspace-nav);
    font-size: 12px;
    font-weight: 700;
}

.drldial-app-surface--account .drldial-invitation-text-button {
    min-height: 40px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 0;
    background: transparent;
    padding: 7px 12px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 650;
}

.drldial-app-surface--account .drldial-invitation-text-button:hover {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 7%, transparent);
    color: var(--drl-danger);
}

.drldial-app-surface--account .drldial-working-identity-stats article,
.drldial-app-surface--account :is(
    .drldial-working-identity-level,
    .drldial-working-evidence,
    .wpmc-account-settings-group,
    .drldial-professional-preview-bar
) {
    border-color: var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: var(--drl-account-shadow);
}

.drldial-app-surface--account .drldial-working-identity-stats article {
    background: var(--drl-account-panel);
}

.drldial-app-surface--account .wpmc-account-settings-layout,
.drldial-app-surface--account .wpmc-account-settings-panel.is-active {
    gap: 20px;
}

.drldial-app-surface--account .wpmc-account-settings-group {
    padding: 24px;
}

.drldial-app-surface--account .wpmc-account-settings-group-head {
    border-bottom-color: var(--drl-account-border);
}

.drldial-app-surface--account .wpmc-account-settings-group-head h4 {
    font-size: 19px;
    letter-spacing: -0.015em;
}

.drldial-app-surface--account .wpmc-account-settings-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel-soft);
    padding: 5px;
}

.drldial-app-surface--account .wpmc-account-settings-tab {
    min-height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 7px 13px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
}

.drldial-app-surface--account .wpmc-account-settings-tab:hover,
.drldial-app-surface--account .wpmc-account-settings-tab.is-active {
    background: var(--drl-account-chip);
    box-shadow: inset 0 -2px 0 var(--drl-workspace-nav);
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account .wpmc-account-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    select,
    textarea
),
.drldial-app-surface--account .wpmc-account-edit-form :is(input, select, textarea),
.drldial-app-surface--account .drldial-account-fields :is(input, select, textarea) {
    border-color: var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-surface-raised);
    box-shadow: inset 0 1px 2px rgba(26, 42, 48, 0.035);
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.drldial-app-surface--account .wpmc-account-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    select,
    textarea
):hover,
.drldial-app-surface--account .wpmc-account-edit-form :is(input, select, textarea):hover,
.drldial-app-surface--account .drldial-account-fields :is(input, select, textarea):hover {
    border-color: color-mix(in srgb, var(--drl-workspace-nav) 52%, var(--drl-line));
}

.drldial-app-surface--account .wpmc-account-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    select,
    textarea
):focus,
.drldial-app-surface--account .wpmc-account-edit-form :is(input, select, textarea):focus,
.drldial-app-surface--account .drldial-account-fields :is(input, select, textarea):focus {
    outline: 0;
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drl-workspace-nav) 15%, transparent),
        inset 0 1px 2px rgba(26, 42, 48, 0.035);
}

.drldial-app-surface--account .wpmc-account-settings-group > label {
    display: grid;
    gap: 7px;
    margin-top: 14px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.drldial-app-surface--account :is(
    .wpmc-account-avatar-disclosure,
    .drldial-professional-choice-button,
    .drldial-team-roles-fieldset,
    .wpmc-account-security-status,
    .wpmc-account-security-step,
    .wpmc-account-security-warning,
    .wpmc-account-security-instructions
) {
    border-color: var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel-soft);
}

.drldial-app-surface--account .wpmc-account-avatar-summary-main img {
    border: 2px solid var(--drl-surface-raised);
    box-shadow: 0 0 0 1px var(--drl-account-border), 0 5px 14px rgba(35, 54, 62, 0.12);
}

.drldial-app-surface--account .wpmc-account-avatar-summary-icon {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 0;
    background: var(--drl-account-chip);
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account .wpmc-account-avatar-summary-icon::before {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
}

.drldial-app-surface--account .wpmc-account-avatar-disclosure[open] .wpmc-account-avatar-summary-icon::before {
    transform: translateY(2px) rotate(225deg);
}

.drldial-app-surface--account :is(
    .wpmc-upload-button,
    .wpmc-account-save,
    .wpmc-account-secondary,
    .wpmc-account-text-button,
    .wpmc-account-settings-group .button,
    .wpmc-account-danger
) {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--drl-workspace-nav);
    border-radius: 0;
    padding: 9px 16px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
    transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.drldial-app-surface--account :is(
    .wpmc-upload-button,
    .wpmc-account-save
) {
    box-shadow: 0 9px 22px color-mix(in srgb, var(--drl-workspace-nav) 20%, transparent);
}

.drldial-app-surface--account :is(
    .wpmc-upload-button,
    .wpmc-account-save,
    .wpmc-account-secondary,
    .wpmc-account-text-button,
    .wpmc-account-settings-group .button,
    .wpmc-account-danger
):hover {
    transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-settings-group .button {
    background: transparent;
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account .wpmc-account-settings-group .button:hover {
    background: var(--drl-account-chip);
}

.drldial-app-surface--account .wpmc-account-danger {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 7%, transparent);
    color: var(--drl-danger);
}

.drldial-app-surface--account .wpmc-account-danger:hover {
    background: color-mix(in srgb, var(--drl-danger) 14%, transparent);
}

.drldial-app-surface--account .wpmc-account-settings-group button[value="wpmc_request_account_deletion"] {
    border-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 7%, transparent);
    color: var(--drl-danger);
}

.drldial-app-surface--account .wpmc-account-settings-group button[value="wpmc_request_account_deletion"]:hover {
    background: color-mix(in srgb, var(--drl-danger) 14%, transparent);
}

.drldial-app-surface--account .wpmc-account-security-step.is-danger {
    background: color-mix(in srgb, var(--drl-danger) 7%, var(--drl-surface-raised));
}

.drldial-app-surface--account .wpmc-account-setup-key {
    display: block;
    overflow-wrap: anywhere;
    margin-top: 12px;
    border: 1px dashed var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-surface-raised);
    padding: 10px 12px;
}

.drldial-app-surface--account .wpmc-account-authenticator-link {
    display: inline-flex;
    margin-top: 12px;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 650;
}

.drldial-app-surface--account .wpmc-account-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: var(--drl-account-shadow);
    padding: 24px;
}

.drldial-app-surface--account .wpmc-account-identity,
.drldial-app-surface--account .wpmc-account-top-actions,
.drldial-app-surface--account .wpmc-account-stats {
    display: flex;
    align-items: center;
}

.drldial-app-surface--account .wpmc-account-identity {
    gap: 18px;
}

.drldial-app-surface--account .wpmc-account-avatar img {
    width: 76px;
    height: 76px;
    border: 3px solid var(--drl-surface-raised);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--drl-account-border), 0 8px 22px rgba(35, 54, 62, 0.14);
    object-fit: cover;
}

.drldial-app-surface--account .wpmc-account-kicker {
    color: var(--drl-workspace-nav);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.drldial-app-surface--account .wpmc-account-identity h2,
.drldial-app-surface--account .wpmc-account-identity p {
    margin: 0;
}

.drldial-app-surface--account .wpmc-account-identity h2 {
    margin-top: 4px;
}

.drldial-app-surface--account .wpmc-account-identity p {
    margin-top: 5px;
    color: var(--drl-text-muted);
    font-size: 13px;
}

.drldial-app-surface--account .wpmc-account-top-actions {
    gap: 14px;
}

.drldial-app-surface--account .wpmc-account-settings-toggle {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel-soft);
    padding: 8px 12px;
    color: var(--drl-workspace-nav);
    font-size: 13px;
    font-weight: 680;
    text-decoration: none;
}

.drldial-app-surface--account .wpmc-account-settings-icon svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 1.7;
}

.drldial-app-surface--account .wpmc-account-stats {
    gap: 4px;
}

.drldial-app-surface--account .wpmc-account-stats > span {
    display: grid;
    min-width: 68px;
    gap: 1px;
    border-radius: 0;
    background: var(--drl-account-chip);
    padding: 7px 10px;
    color: var(--drl-text-muted);
    font-size: 11px;
}

.drldial-app-surface--account .wpmc-account-stats strong {
    color: var(--drl-text);
    font-size: 17px;
}

.drldial-app-surface--account.drldial-app-route--next-moves {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--notifications {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--working-identity,
.drldial-app-surface--account.drldial-app-route--privacy,
.drldial-app-surface--account.drldial-app-route--security {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 7 3v5c0 4.8-2.8 8.1-7 10-4.2-1.9-7-5.2-7-10V6l7-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--conversations {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v10H8l-4 4V5Z'/%3E%3Cpath d='M9 9h10v9l-3-3'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--professional {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 21c.7-4.5 3.2-7 7.5-7s6.8 2.5 7.5 7'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--settings {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--password {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--opportunities {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V4h8v3M3 12h18M10 12v2h4v-2'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--participating {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.5 12.5 2 2a2 2 0 0 0 2.8 0l4.2-4.2'/%3E%3Cpath d='m14.5 7.5-1.1-1.1a2 2 0 0 0-2.8 0L6 11'/%3E%3Cpath d='m3 8 3-3 4 4-3 3M21 8l-3-3-3.5 3.5M8 16l1.5 1.5a2 2 0 0 0 2.8 0l.7-.7'/%3E%3C/svg%3E");
}

.drldial-app-surface--account.drldial-app-route--candidates {
    --drl-account-route-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.7-3.4 2.5-5 5.5-5s4.8 1.6 5.5 5M16 12l2 2 4-5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account :is(.drldial-notice, .wpmc-notice),
.drldial-app-surface--account .drldial-private-thread .wpmc-comment-form {
    border-left-width: 1px;
}

.drldial-app-surface--account .drldial-account-protocol-state {
    border: 1px solid color-mix(in srgb, var(--account-item-accent, var(--drl-workspace-nav)) 24%, var(--drl-account-border));
    border-radius: 0;
    background: var(--drl-account-panel-soft);
}

.drldial-app-surface--account .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    background: var(--drl-account-panel-soft);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--choice-accent) 28%, transparent);
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
).is-active {
    background: var(--drl-account-chip);
}

.drldial-app-surface--account .wpmc-account-settings-group {
    position: relative;
    overflow: hidden;
}

.drldial-app-surface--account .wpmc-account-settings-group::before {
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--drl-account-accent), color-mix(in srgb, var(--drl-account-accent) 15%, transparent) 42%, transparent 78%);
    content: "";
}

.drldial-app-surface--account .wpmc-account-settings-group-head h4 {
    display: flex;
    align-items: center;
    gap: 9px;
}

.drldial-app-surface--account .wpmc-account-settings-group-head h4::before {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    background:
        conic-gradient(from 45deg, var(--drl-account-accent) 0 25%, transparent 0 50%, var(--drl-account-accent) 0 75%, transparent 0);
    content: "";
    opacity: 0.78;
    transform: rotate(45deg);
}

.drldial-app-surface--account :is(
    .drldial-next-moves-summary,
    .drldial-dialogue-inbox-summary,
    .drldial-working-identity-head
) {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-summary {
    border-top: 0;
    border-bottom: 0;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filters,
    .drldial-candidate-filters
) {
    width: fit-content;
    max-width: 100%;
    gap: 2px;
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel-soft);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--drl-surface-raised) 80%, transparent);
    padding: 4px;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
) {
    position: relative;
    min-height: 42px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 8px 11px;
    color: var(--drl-text-muted);
    font-size: 13px;
    font-weight: 610;
}

.drldial-app-surface--account .drldial-dialogue-filter {
    --drl-account-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v10H8l-4 4V5Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .drldial-dialogue-filter:nth-child(2) {
    --drl-account-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .drldial-dialogue-filter:nth-child(3) {
    --drl-account-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h3l2-5 4 10 2-5h5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .drldial-dialogue-filter:nth-child(4) {
    --drl-account-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .drldial-dialogue-filter::before {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    background: currentColor;
    content: "";
    -webkit-mask: var(--drl-account-filter-icon) center / contain no-repeat;
    mask: var(--drl-account-filter-icon) center / contain no-repeat;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
) strong {
    display: grid;
    min-width: 23px;
    height: 23px;
    place-items: center;
    border: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    padding-inline: 4px;
    color: var(--drl-text);
    font-size: 11px;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
):hover {
    background: color-mix(in srgb, var(--drl-account-panel) 74%, transparent);
    color: var(--drl-text);
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
).is-active {
    background: var(--drl-account-panel);
    box-shadow:
        inset 0 -2px 0 var(--drl-workspace-nav),
        0 5px 14px color-mix(in srgb, var(--drl-account-accent) 12%, transparent);
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
).is-active strong {
    border-color: color-mix(in srgb, var(--drl-workspace-nav) 36%, var(--drl-account-border));
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter-empty,
    .drldial-candidate-filter-empty
) {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 190px;
    gap: 18px;
    border: 1px solid var(--drl-account-border);
    border-top: 3px solid var(--drl-workspace-nav);
    border-radius: 0;
    background: var(--drl-account-panel);
    padding: 30px 32px;
    color: var(--drl-text);
    font-family: var(--drl-font-display);
    font-size: clamp(18px, 1.8vw, 22px);
    font-weight: 520;
    line-height: 1.35;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter-empty,
    .drldial-candidate-filter-empty
)::before {
    width: 38px;
    height: 38px;
    background: var(--drl-workspace-nav);
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3Cpath d='M9 9h6M9 12h4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H8l-4 4V5Z'/%3E%3Cpath d='M9 9h6M9 12h4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter-empty,
    .drldial-candidate-filter-empty
)[hidden] {
    display: none;
}

@media (max-width: 760px) {
    .drldial-app-surface--account .drl-page-heading {
        grid-template-columns: minmax(0, 1fr);
        margin: 18px 0;
        padding: 4px 0 20px;
    }

    .drldial-app-surface--account .drl-page-heading p {
        grid-column: 1;
    }

    .drldial-app-surface--account :is(
        .drldial-next-moves-summary,
        .drldial-dialogue-inbox-summary,
        .drldial-working-identity-head
    ) {
        padding: 18px;
    }

    .drldial-app-surface--account .wpmc-account-top,
    .drldial-app-surface--account .wpmc-account-top-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-app-surface--account .wpmc-account-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .drldial-app-surface--account .wpmc-account-item-main {
        grid-template-columns: 1fr;
        grid-template-areas:
            "type"
            "meta"
            "title"
            "excerpt"
            "edited";
    }

    .drldial-app-surface--account .wpmc-account-item-meta {
        justify-content: flex-start;
        margin-top: 11px;
        text-align: left;
    }

    .drldial-app-surface--account .wpmc-account-item-actions {
        grid-template-columns: 1fr;
    }

    .drldial-app-surface--account :is(
        .drldial-dialogue-filters,
        .drldial-candidate-filters
    ) {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-app-surface--account :is(
        .drldial-dialogue-filter,
        .drldial-candidate-filter
    ) {
        width: 100%;
        justify-content: flex-start;
    }

    .drldial-app-surface--account :is(
        .drldial-dialogue-filter,
        .drldial-candidate-filter
    ) strong {
        margin-left: auto;
    }

    .drldial-app-surface--account :is(
        .drldial-dialogue-filter-empty,
        .drldial-candidate-filter-empty
    ) {
        min-height: 160px;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 14px;
        padding: 24px 20px;
    }

    .drldial-app-surface--account :is(
        .drldial-dialogue-filter-empty,
        .drldial-candidate-filter-empty
    )::before {
        width: 30px;
        height: 30px;
    }

    .drldial-app-surface--account .wpmc-account-settings-group {
        border-radius: 0;
        padding: 18px;
    }

    .drldial-app-surface--account .wpmc-account-login-card,
    .drldial-app-surface--account .drldial-next-moves-empty,
    .drldial-app-surface--account .wpmc-account-empty {
        border-radius: 0;
    }

    .drldial-app-surface--account :is(
        .wpmc-account-item,
        .drldial-next-move,
        .drldial-dialogue-item
    ) {
        border-radius: 0;
    }

    .drldial-app-surface--account .wpmc-account-identity {
        align-items: flex-start;
    }

    .drldial-app-surface--account .wpmc-account-avatar img {
        width: 58px;
        height: 58px;
    }

    .drldial-app-surface--account :is(
        .wpmc-account-settings-group .button,
        .wpmc-account-danger
    ) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-app-surface--account :is(
        .wpmc-account-item,
        .drldial-next-move,
        .drldial-dialogue-item,
        .wpmc-account-open-link,
        .drldial-invitation-profile-link,
        .drldial-professional-preview-link,
        .drldial-working-identity-head > a,
        .drldial-button,
        .wpmc-upload-button,
        .wpmc-account-save,
        .wpmc-account-secondary,
        .wpmc-account-text-button,
        .wpmc-account-settings-group .button,
        .wpmc-account-danger
    ) {
        transition: none;
    }

    .drldial-app-surface--account .drl-page-heading::after,
    .drldial-app-surface--account :is(
        .wpmc-account-item,
        .drldial-next-move,
        .drldial-dialogue-item
    )::after {
        transition: none;
    }
}

/* Account route compositions */
.drldial-app-surface--account .wpmc-account-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
}

.drldial-app-surface--account .wpmc-account-item {
    --item-accent: var(--account-item-accent, var(--drl-workspace-nav));
    --item-accent-soft: var(--account-item-soft, var(--drl-workspace-nav-soft));
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    border: 1px solid color-mix(in srgb, var(--item-accent) 24%, var(--drl-account-border));
    border-top-width: 1px;
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--item-accent) 11%, transparent), transparent 32%),
        linear-gradient(125deg, color-mix(in srgb, var(--item-accent) 4%, var(--drl-account-panel)), var(--drl-account-panel) 52%);
    box-shadow: var(--drl-account-card-shadow);
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-item:hover {
    border-color: color-mix(in srgb, var(--item-accent) 54%, var(--drl-account-border));
    box-shadow: var(--drl-account-card-shadow-hover);
    transform: translateY(-3px);
}

.drldial-app-surface--account .wpmc-account-item::before {
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--item-accent), color-mix(in srgb, var(--item-accent) 34%, transparent) 46%, transparent 84%);
    content: "";
}

.drldial-app-surface--account .wpmc-account-item::after {
    display: block;
}

.drldial-app-surface--account .wpmc-account-item-main {
    display: flex;
    grid-template: none;
    align-content: initial;
    flex-direction: column;
    gap: 0;
    padding: 30px 32px 26px;
}

.drldial-app-surface--account .wpmc-account-item-type {
    display: inline-flex;
    grid-area: auto;
    width: fit-content;
    align-items: center;
    gap: 7px;
    justify-self: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-item-excerpt,
.drldial-app-surface--account .wpmc-edited-note,
.drldial-app-surface--account .wpmc-account-item-meta {
    grid-area: auto;
}

.drldial-app-surface--account .wpmc-account-item-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    align-self: auto;
    justify-content: normal;
    gap: 8px;
    margin-top: 24px;
    padding: 0;
    text-align: left;
}

.drldial-app-surface--account .wpmc-account-item-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    margin: 0;
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 72%, transparent);
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-item-actions__context {
    grid-column: 1 / -1;
    width: 100%;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 15px 18px;
}

.drldial-app-surface--account .wpmc-account-item-actions__primary,
.drldial-app-surface--account .wpmc-account-item-actions__utility {
    min-width: 0;
}

.drldial-app-surface--account .wpmc-account-item-actions__primary:last-child {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-item-actions__utility {
    border-left: 1px solid var(--drl-account-border);
}

.drldial-app-surface--account .wpmc-account-open-link,
.drldial-app-surface--account .wpmc-account-edit > summary {
    display: flex;
    width: 100%;
    min-height: 62px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 13px 18px;
    font-size: 12px;
    font-weight: 740;
}

.drldial-app-surface--account .wpmc-account-open-link {
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-open-link::after,
.drldial-app-surface--account .wpmc-account-edit > summary::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-open-link:hover,
.drldial-app-surface--account .wpmc-account-open-link:focus-visible,
.drldial-app-surface--account .wpmc-account-edit > summary:hover,
.drldial-app-surface--account .wpmc-account-edit > summary:focus-visible {
    background: color-mix(in srgb, var(--item-accent) 10%, transparent);
    color: var(--item-accent);
    box-shadow: none;
    outline: 0;
    transform: none;
}

.drldial-app-surface--account .wpmc-account-edit {
    width: 100%;
}

.drldial-app-surface--account .wpmc-account-edit[open] > summary {
    margin: 0;
}

.drldial-app-surface--account .wpmc-account-top {
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--drl-account-accent) 22%, var(--drl-account-border));
    border-radius: 22px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--drl-account-accent) 12%, transparent), transparent 36%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
    padding: 26px;
}

.drldial-app-surface--account .wpmc-account-settings-toggle {
    border-radius: 12px;
}

.drldial-app-surface--account .wpmc-account-stats > span {
    border: 1px solid var(--drl-account-border);
    border-radius: 11px;
    background: color-mix(in srgb, var(--drl-account-panel-soft) 82%, transparent);
    padding: 8px 11px;
}

.drldial-app-surface--account .wpmc-account-empty,
.drldial-app-surface--account :is(
    .drldial-dialogue-filter-empty,
    .drldial-candidate-filter-empty
) {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--drl-account-accent) 22%, var(--drl-account-border));
    border-top-width: 1px;
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 5% 50%, color-mix(in srgb, var(--drl-account-accent) 13%, transparent), transparent 34%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
    padding: 36px;
}

.drldial-app-surface--account .wpmc-account-empty__icon,
.drldial-app-surface--account :is(
    .drldial-next-move__icon,
    .drldial-next-moves-empty__icon
) {
    border-radius: 16px;
}

.drldial-app-surface--account .wpmc-account-notice {
    border-radius: 13px;
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drl-account-accent) 7%, transparent);
}

.drldial-app-surface--account .drldial-next-moves-summary,
.drldial-app-surface--account .drldial-dialogue-inbox-summary,
.drldial-app-surface--account .drldial-working-identity-head {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--drl-account-accent) 22%, var(--drl-account-border));
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drl-account-accent) 11%, transparent), transparent 42%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
    padding: 24px 26px;
}

.drldial-app-surface--account .drldial-next-move-list,
.drldial-app-surface--account .drldial-dialogue-list {
    gap: 20px;
}

.drldial-app-surface--account .drldial-next-move,
.drldial-app-surface--account .drldial-dialogue-item {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--drl-account-accent) 22%, var(--drl-account-border));
    border-top-width: 1px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--drl-account-accent) 10%, transparent), transparent 36%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
    padding: 24px;
}

.drldial-app-surface--account .drldial-next-move::before,
.drldial-app-surface--account .drldial-dialogue-item::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--drl-account-accent), transparent 78%);
    content: "";
}

.drldial-app-surface--account .drldial-next-move:hover,
.drldial-app-surface--account .drldial-dialogue-item:hover {
    box-shadow: var(--drl-account-card-shadow-hover);
}

.drldial-app-surface--account .drldial-next-move > b {
    grid-column: 1 / -1;
    margin: 18px -24px -24px;
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 72%, transparent);
    padding: 16px 24px;
}

.drldial-app-surface--account .drldial-dialogue-actions {
    grid-column: 1 / -1;
    margin: 18px -24px -24px;
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 72%, transparent);
    padding: 15px 24px;
}

.drldial-app-surface--account .drldial-dialogue-unread-total,
.drldial-app-surface--account .drldial-dialogue-new-badge {
    min-width: 3ch;
    border-radius: 999px;
    padding-inline: 9px;
    white-space: nowrap;
}

.drldial-app-surface--account .drldial-candidate-group {
    gap: 18px;
    border: 0;
    border-radius: var(--drl-account-card-radius);
    background: transparent;
    padding: 0;
}

.drldial-app-surface--account .drldial-candidate-group-items {
    grid-template-columns: minmax(0, 1fr);
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filters,
    .drldial-candidate-filters
) {
    gap: 6px;
    border-radius: 14px;
    padding: 6px;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
) {
    border-radius: 9px;
}

.drldial-app-surface--account :is(
    .drldial-dialogue-filter,
    .drldial-candidate-filter
) strong {
    min-width: 27px;
    height: 24px;
    border-radius: 999px;
    padding-inline: 7px;
    white-space: nowrap;
}

.drldial-app-surface--account :is(
    .drldial-candidate-account-actions,
    .drldial-candidate-decisions,
    .drldial-sent-invitation-actions
) {
    gap: 9px;
}

.drldial-app-surface--account .wpmc-account-item-actions__context :is(
    .drldial-button,
    .drldial-invitation-profile-link,
    .drldial-candidate-profile-link,
    .drldial-invitation-text-button
) {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--item-accent) 34%, var(--drl-account-border));
    border-radius: 10px;
    background: var(--drl-account-panel);
    padding: 8px 13px;
    color: var(--item-accent);
    font-size: 12px;
    font-weight: 690;
    text-decoration: none;
}

.drldial-app-surface--account .wpmc-account-item-actions__context .drldial-button--primary {
    border-color: var(--item-accent);
    background: var(--item-accent);
    color: var(--drl-workspace-on-action);
}

.drldial-app-surface--account .wpmc-account-item-actions__context :is(
    .drldial-button,
    .drldial-invitation-profile-link,
    .drldial-candidate-profile-link,
    .drldial-invitation-text-button
):hover {
    background: color-mix(in srgb, var(--item-accent) 10%, var(--drl-account-panel));
    box-shadow: 0 7px 18px color-mix(in srgb, var(--item-accent) 11%, transparent);
    transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-item-actions__context .drldial-button--primary:hover {
    background: color-mix(in srgb, var(--item-accent) 84%, var(--drl-text));
    color: var(--drl-workspace-on-action);
}

.drldial-app-surface--account .drldial-candidate-account-state,
.drldial-app-surface--account .drldial-invitation-state {
    min-width: 0;
    border-radius: 999px;
    padding: 7px 10px;
    white-space: nowrap;
}

.drldial-app-surface--account .drldial-working-identity-stats article,
.drldial-app-surface--account :is(
    .drldial-working-identity-level,
    .drldial-working-evidence
) {
    overflow: hidden;
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drl-account-accent) 9%, transparent), transparent 46%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
}

.drldial-app-surface--account .wpmc-account-settings-group,
.drldial-app-surface--account .drldial-professional-preview-bar {
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drl-account-accent) 8%, transparent), transparent 38%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
}

.drldial-app-surface--account .wpmc-account-settings-group {
    padding: 27px;
}

.drldial-app-surface--account .wpmc-account-settings-group::before {
    height: 4px;
}

.drldial-app-surface--account .wpmc-account-settings-group-head {
    margin-bottom: 21px;
    padding-bottom: 16px;
}

.drldial-app-surface--account .wpmc-account-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
    select,
    textarea
),
.drldial-app-surface--account .wpmc-account-edit-form :is(input, select, textarea),
.drldial-app-surface--account .drldial-account-fields :is(input, select, textarea) {
    border-radius: 11px;
    background: color-mix(in srgb, var(--drl-surface-raised) 92%, var(--drl-account-accent) 2%);
}

.drldial-app-surface--account :is(
    .wpmc-account-avatar-disclosure,
    .drldial-professional-choice-button,
    .drldial-team-roles-fieldset,
    .wpmc-account-security-status,
    .wpmc-account-security-step,
    .wpmc-account-security-warning,
    .wpmc-account-security-instructions
) {
    border-radius: 14px;
}

.drldial-app-surface--account .drldial-professional-preview-link,
.drldial-app-surface--account .drldial-working-identity-head > a,
.drldial-app-surface--account :is(
    .wpmc-upload-button,
    .wpmc-account-save,
    .wpmc-account-secondary,
    .wpmc-account-text-button,
    .wpmc-account-settings-group .button,
    .wpmc-account-danger
) {
    border-radius: 11px;
}

@media (max-width: 760px) {
    .drldial-app-surface--account .wpmc-account-item-main {
        padding: 25px 22px 22px;
    }

    .drldial-app-surface--account .wpmc-account-item-header {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
    }

    .drldial-app-surface--account .wpmc-account-item-visual {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }

    .drldial-app-surface--account .wpmc-account-item-title {
        font-size: clamp(21px, 6vw, 27px);
    }

    .drldial-app-surface--account .wpmc-account-item-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .drldial-app-surface--account .wpmc-account-top {
        border-radius: 18px;
        padding: 22px;
    }
}

@media (max-width: 560px) {
    .drldial-app-surface--account .wpmc-account-item-main {
        display: flex;
        grid-template: none;
    }

    .drldial-app-surface--account .wpmc-account-item-meta {
        grid-template-columns: minmax(0, 1fr);
        justify-content: normal;
        margin-top: 21px;
        text-align: left;
    }

    .drldial-app-surface--account .wpmc-account-item-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .drldial-app-surface--account .wpmc-account-item-actions__primary,
    .drldial-app-surface--account .wpmc-account-item-actions__utility {
        grid-column: 1;
    }

    .drldial-app-surface--account .wpmc-account-item-actions__utility {
        border-top: 1px solid var(--drl-account-border);
        border-left: 0;
    }

    .drldial-app-surface--account .wpmc-account-item,
    .drldial-app-surface--account :is(
        .drldial-next-move,
        .drldial-dialogue-item,
        .wpmc-account-empty,
        .drldial-next-moves-empty,
        .wpmc-account-settings-group
    ) {
        border-radius: 16px;
    }

    .drldial-app-surface--account .wpmc-account-empty,
    .drldial-app-surface--account :is(
        .drldial-dialogue-filter-empty,
        .drldial-candidate-filter-empty
    ) {
        padding: 25px 20px;
    }
}

.drldial-app-surface--account .wpmc-account-login-card,
.drldial-app-surface--account .drldial-next-moves-empty {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--drl-account-accent) 22%, var(--drl-account-border));
    border-radius: var(--drl-account-card-radius);
    background:
        radial-gradient(circle at 6% 50%, color-mix(in srgb, var(--drl-account-accent) 13%, transparent), transparent 36%),
        var(--drl-account-panel);
    box-shadow: var(--drl-account-card-shadow);
}

.drldial-app-surface--account .drldial-next-moves-empty {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.drldial-app-surface--account .wpmc-account-login-primary,
.drldial-app-surface--account .wpmc-account-login-secondary,
.drldial-app-surface--account .drldial-next-moves-primary,
.drldial-app-surface--account .drldial-next-moves-secondary {
    border-radius: 11px;
}

@media (max-width: 560px) {
    .drldial-app-surface--account .wpmc-account-login-card,
    .drldial-app-surface--account .drldial-next-moves-empty {
        border-radius: 16px;
    }
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
    overflow: hidden;
    gap: 0;
    border: 1px solid var(--drl-account-border);
    border-radius: 18px;
    background: var(--drl-account-panel);
    box-shadow: 0 14px 38px color-mix(in srgb, var(--drl-account-text) 6%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 13px 18px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div {
    display: flex;
    min-width: 0;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar strong {
    color: var(--drl-account-text);
    font-size: 13px;
    font-weight: 740;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div > span {
    color: var(--drl-account-muted);
    font-size: 11px;
    line-height: 1.4;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-unread-total {
    min-height: 26px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-workspace-nav) 11%, transparent);
    padding: 5px 8px;
    font-size: 10px;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item {
    display: block;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: none;
    padding: 0;
    transition: background-color 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item + .drldial-dialogue-item {
    border-top: 1px solid color-mix(in srgb, var(--drl-account-border) 78%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item::before {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:hover,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:focus-within {
    background: var(--drl-account-panel-soft);
    box-shadow: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-unread {
    background: color-mix(in srgb, var(--drl-workspace-nav) 5%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-unread:hover,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-unread:focus-within {
    background: color-mix(in srgb, var(--drl-workspace-nav) 9%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main {
    display: grid;
    min-width: 0;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px 18px;
    color: inherit;
    text-decoration: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main:focus-visible {
    border-radius: 10px;
    outline: 2px solid color-mix(in srgb, var(--drl-workspace-nav) 68%, transparent);
    outline-offset: -4px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
    width: 52px;
    height: 52px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
    border-radius: 16px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group {
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--drl-workspace-nav) 10%, var(--drl-account-panel));
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group > svg {
    width: 23px;
    height: 23px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar > span {
    right: -2px;
    bottom: -2px;
    border: 3px solid var(--drl-account-panel);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-content {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-topline {
    align-items: baseline;
    color: var(--drl-account-text);
    font-size: 13px;
    line-height: 1.35;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-topline strong {
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-unread .drldial-dialogue-item-topline strong {
    font-weight: 790;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-topline time {
    flex: 0 0 auto;
    color: var(--drl-account-muted);
    font-size: 10px;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-context,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-preview {
    display: block;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-context {
    color: var(--drl-account-text);
    font-size: 12px;
    line-height: 1.4;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-context small {
    color: var(--drl-account-muted);
    font-size: 10px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-context small::before {
    margin: 0 6px;
    content: "\00b7";
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-preview {
    color: var(--drl-account-muted);
    font-size: 11px;
    line-height: 1.4;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-actions {
    display: flex;
    min-width: 72px;
    grid-column: auto;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-actions > svg {
    width: 17px;
    height: 17px;
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-state {
    color: var(--drl-account-muted);
    font-size: 10px;
    font-weight: 620;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-new-badge {
    min-height: 22px;
    border: 0;
    border-radius: 999px;
    background: var(--drl-workspace-nav);
    padding: 4px 7px;
    color: var(--drl-account-panel);
    font-size: 9px;
    line-height: 1;
}

@media (max-width: 680px) {
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
        border-radius: 14px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
        padding: 14px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div {
        display: grid;
        gap: 3px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 11px;
        padding: 13px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
        width: 44px;
        height: 44px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group {
        border-radius: 13px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-state {
        display: none;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-actions {
        min-width: auto;
    }
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
    display: grid;
    overflow: hidden;
    min-width: 0;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    border: 0;
    border-right: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar {
    min-height: 68px;
    border: 0;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 13px 16px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div {
    display: grid;
    align-items: center;
    gap: 2px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main {
    min-height: 82px;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    gap: 11px;
    padding: 11px 13px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
    width: 46px;
    height: 46px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group {
    border-radius: 50%;
}

@media (max-width: 860px) {
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
        border-right: 0;
        border-radius: 0;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar {
        align-items: center;
        flex-direction: row;
        gap: 12px;
        padding: 13px 16px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main {
        grid-template-columns: 46px minmax(0, 1fr) auto;
        gap: 11px;
        padding: 11px 13px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
        width: 46px;
        height: 46px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-scroll,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-compose-row {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-incoming {
        max-width: calc(100% - 36px);
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-own {
        max-width: 88%;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-bubble {
        min-width: 0;
        max-width: 100%;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input {
        width: 0;
        min-width: 0;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input textarea {
        min-width: 0;
    }
}
.drldial-app-surface--account.drldial-app-route--conversations .wpmc-account-workspace,
.drldial-app-surface--account.drldial-app-route--conversations .wpmc-account-panels,
.drldial-app-surface--account.drldial-app-route--conversations .wpmc-account-panel {
    width: 100%;
    max-width: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .wpmc-account-panel {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger {
    --drl-account-text: var(--drl-text);
    --drl-account-muted: var(--drl-text-muted);
    display: grid;
    overflow: hidden;
    width: 100%;
    height: clamp(580px, calc(100svh - 205px), 760px);
    min-height: 580px;
    grid-template-columns: minmax(286px, 336px) minmax(0, 1fr);
    border: 1px solid var(--drl-account-border);
    border-radius: 20px;
    background: var(--drl-account-panel);
    box-shadow: 0 18px 48px color-mix(in srgb, var(--drl-account-text) 7%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
    display: grid;
    overflow: hidden;
    min-width: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 0;
    border-right: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: var(--drl-account-panel);
    box-shadow: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar {
    min-height: 68px;
    border: 0;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 13px 16px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div {
    display: grid;
    align-items: center;
    gap: 2px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar strong {
    color: var(--drl-account-text);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.2;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-toolbar > div > span {
    color: var(--drl-account-muted);
    font-size: 11px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-unread-total {
    display: inline-flex;
    min-width: 28px;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--drl-workspace-nav);
    padding: 5px 8px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 730;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list-empty {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 5px;
    padding: 32px 20px;
    color: var(--drl-account-muted);
    text-align: center;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list-empty strong {
    color: var(--drl-account-text);
    font-size: 13px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-list-empty span {
    font-size: 11px;
    line-height: 1.5;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox-footer {
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 58%, var(--drl-account-panel));
    padding: 10px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust {
    --drldial-trust-accent: var(--dialogue-accent);
    overflow: hidden;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--drldial-trust-accent) 36%, var(--drl-account-border));
    border-radius: 14px;
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--drldial-trust-accent) 10%, transparent), transparent 66%),
        var(--drl-account-panel);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drldial-trust-accent) 9%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust--confirmed,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust--ready {
    --drldial-trust-accent: var(--drl-success);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust--unavailable {
    --drldial-trust-accent: var(--drl-danger);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust > summary {
    display: grid;
    min-height: 58px;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    color: var(--drl-account-text);
    cursor: pointer;
    list-style: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust > summary::-webkit-details-marker {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust > summary:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--drldial-trust-accent) 70%, transparent);
    outline-offset: -3px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--drldial-trust-accent) 13%, transparent);
    color: var(--drldial-trust-accent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-icon svg {
    width: 18px;
    height: 18px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-copy small {
    color: var(--drldial-trust-accent);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-copy strong {
    overflow: hidden;
    color: var(--drl-account-text);
    font-size: 11px;
    font-weight: 720;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-chevron {
    width: 16px;
    height: 16px;
    color: var(--drl-account-muted);
    transition: transform 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust[open] .drldial-messenger-trust-chevron {
    transform: rotate(90deg);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-body {
    border-top: 1px solid color-mix(in srgb, var(--drldial-trust-accent) 24%, var(--drl-account-border));
    padding: 10px 12px 12px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-body p {
    margin: 0;
    color: var(--drl-account-muted);
    font-size: 10px;
    line-height: 1.5;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-body form {
    margin-top: 9px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-trust-action {
    width: 100%;
    min-height: 34px;
    border: 1px solid var(--drldial-trust-accent);
    border-radius: 9px;
    background: var(--drldial-trust-accent);
    padding: 7px 10px;
    color: #ffffff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 720;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transition: background-color 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item::before {
    position: absolute;
    z-index: 1;
    top: 9px;
    right: auto;
    bottom: 9px;
    left: 0;
    display: block;
    width: 3px;
    height: auto;
    border-radius: 0 3px 3px 0;
    background: var(--dialogue-accent);
    content: "";
    opacity: 0;
    transform: scaleY(0.45);
    transition: opacity 140ms ease, transform 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item + .drldial-dialogue-item {
    border-top: 1px solid color-mix(in srgb, var(--drl-account-border) 72%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:hover,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:focus-within {
    background: color-mix(in srgb, var(--dialogue-accent) 5%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-active,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-active:hover,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-active:focus-within {
    background: color-mix(in srgb, var(--dialogue-accent) 12%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item.is-unread {
    background: color-mix(in srgb, var(--dialogue-accent) 6%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:is(.is-active, .is-unread)::before {
    opacity: 1;
    transform: scaleY(1);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-main {
    display: grid;
    min-height: 66px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px 13px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img {
    width: 42px;
    height: 42px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar img,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group {
    border-radius: 50%;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dialogue-accent) 28%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group {
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--dialogue-accent) 11%, var(--drl-account-panel));
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar--group svg {
    width: 21px;
    height: 21px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-avatar > span {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-content {
    gap: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-topline strong {
    color: var(--drl-account-text);
    font-size: 13px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item:is(.is-active, .is-unread) .drldial-dialogue-item-topline strong {
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-item-topline time {
    font-size: 9px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-context {
    color: var(--drl-account-text);
    font-size: 10px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-preview {
    font-size: 11px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-unread-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--dialogue-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--dialogue-accent) 12%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat {
    position: relative;
    display: grid;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 3%, transparent), transparent 45%),
        color-mix(in srgb, var(--drl-account-panel-soft) 48%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat--empty {
    place-items: center;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-empty {
    display: grid;
    width: min(360px, calc(100% - 40px));
    justify-items: center;
    gap: 9px;
    color: var(--drl-account-muted);
    text-align: center;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-empty > span {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border-radius: 20px;
    background: color-mix(in srgb, var(--drl-workspace-nav) 10%, var(--drl-account-panel));
    color: var(--drl-workspace-nav);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-empty svg {
    width: 28px;
    height: 28px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-empty h2 {
    margin: 5px 0 0;
    color: var(--drl-account-text);
    font-family: var(--drl-serif);
    font-size: clamp(22px, 2.4vw, 31px);
    font-weight: 500;
    line-height: 1.1;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-empty p {
    max-width: 320px;
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-header {
    position: relative;
    z-index: 4;
    display: grid;
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialogue-accent) 28%, var(--drl-account-border));
    background: var(--drl-account-panel);
    padding: 10px 13px 10px 15px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-header > .drldial-notice {
    grid-column: 1 / -1;
    margin: 0 0 4px;
    border: 1px solid var(--drl-account-border);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 11px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-mobile-back {
    display: none;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    color: var(--drl-account-text);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-mobile-back svg {
    width: 20px;
    height: 20px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-profile-card {
    display: grid;
    min-width: 0;
    width: fit-content;
    max-width: 100%;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    color: inherit;
    text-decoration: none;
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-profile-card:hover .drldial-messenger-chat-identity h2,
.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-profile-card:focus-visible .drldial-messenger-chat-identity h2 {
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-profile-card:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--dialogue-accent) 65%, transparent);
    outline-offset: 4px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-external-icon {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    color: var(--dialogue-accent-strong);
    transition: color 140ms ease, transform 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-external-icon svg {
    width: 19px;
    height: 19px;
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-profile-card:hover .drldial-messenger-external-icon,
.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-profile-card:focus-visible .drldial-messenger-external-icon {
    transform: translate(1px, -1px);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar.is-group {
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--dialogue-accent) 12%, var(--drl-account-panel));
    color: var(--dialogue-accent-strong);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--dialogue-accent) 24%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar svg {
    width: 22px;
    height: 22px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-identity {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-identity h2 {
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 140ms ease;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-identity h2 {
    color: var(--drl-account-text);
    font-size: 14px;
    font-weight: 760;
    line-height: 1.25;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-status {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    color: var(--drl-account-muted);
    font-size: 9px;
    line-height: 1.25;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-presence,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-typing {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-presence-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--drl-account-muted);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-presence.is-online .drldial-live-presence-dot {
    background: #28a36a;
    box-shadow: 0 0 0 3px color-mix(in srgb, #28a36a 13%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-presence.is-paused .drldial-live-presence-dot {
    background: #c47a32;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-header-actions,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-thread-state {
    display: flex;
    min-width: 0;
    align-items: center;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-header-actions {
    justify-content: flex-end;
    gap: 3px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-thread-state {
    gap: 7px;
    margin-right: 5px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--drl-account-border);
    border-radius: 999px;
    background: var(--drl-account-panel-soft);
    padding: 5px 9px;
    color: var(--drl-account-muted);
    font-size: 9px;
    font-weight: 720;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--drl-success);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status--closed > span {
    background: var(--drl-account-muted);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-form {
    display: block;
    margin: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid var(--drl-account-border);
    border-radius: 9px;
    background: transparent;
    padding: 6px 9px;
    color: var(--drl-account-muted);
    cursor: pointer;
    font-size: 9px;
    font-weight: 680;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action:hover,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action:focus-visible {
    border-color: color-mix(in srgb, var(--drl-danger) 50%, var(--drl-account-border));
    background: color-mix(in srgb, var(--drl-danger) 7%, transparent);
    color: var(--drl-danger);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action svg {
    width: 14px;
    height: 14px;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) {
    position: relative;
    margin: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--drl-account-muted);
    cursor: pointer;
    list-style: none;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary::-webkit-details-marker {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary:hover,
.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary:focus-visible,
.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings)[open] > summary {
    background: var(--drl-account-panel-soft);
    color: var(--drl-account-text);
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary svg {
    width: 21px;
    height: 21px;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details-panel, .drldial-messenger-settings-panel) {
    position: absolute;
    z-index: 12;
    top: calc(100% + 10px);
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: min(380px, calc(100vw - 54px));
    max-height: min(610px, calc(100svh - 150px));
    border: 1px solid var(--drl-account-border);
    border-radius: 16px;
    background: var(--drl-account-panel);
    box-shadow: 0 20px 48px color-mix(in srgb, #000000 22%, transparent);
    padding: 14px;
}

.drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details-panel, .drldial-messenger-settings-panel) > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    color: var(--drl-account-text);
    font-size: 13px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-details-panel > :is(section, form, details, div) {
    margin: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-settings-panel .drldial-safety-card {
    margin: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-settings-panel .drldial-safety-eyebrow {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-settings-panel .drldial-safety-card > h2 {
    margin: 0 0 10px;
    color: var(--drl-account-text);
    font-size: 12px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-settings-panel .drldial-safety-participant > strong {
    display: block;
    margin-bottom: 4px;
    color: var(--drl-account-text);
    font-size: 11px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-details-panel > .drldial-messenger-context-card {
    display: grid;
    gap: 6px;
    border: 0;
    border-radius: 12px;
    background: var(--drl-account-panel-soft);
    padding: 12px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-context-card > span {
    color: var(--dialogue-accent-strong);
    font-size: 9px;
    font-weight: 720;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-context-card > strong {
    color: var(--drl-account-text);
    font-size: 12px;
    line-height: 1.45;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-context-card > :is(a, p) {
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
    padding: 22px clamp(16px, 3.5vw, 42px) 18px;
    scroll-padding-top: 18px;
    scroll-behavior: smooth;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic {
    z-index: 3;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--dialogue-accent) 72%, var(--drl-account-border));
    border-radius: 0;
    background: var(--dialogue-accent-strong);
    box-shadow: none;
    padding: 9px 18px;
    color: var(--drl-account-panel);
    text-align: left;
    text-decoration: none;
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-topic {
    cursor: pointer;
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-topic:hover {
    background: color-mix(in srgb, var(--dialogue-accent-strong) 90%, var(--drl-account-panel));
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-topic:focus-visible {
    outline: 2px solid var(--drl-account-panel);
    outline-offset: -4px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic > .drldial-messenger-topic-type {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-account-panel) 34%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-account-panel) 11%, transparent);
    padding: 3px 8px;
    color: inherit;
    font-size: 8px;
    font-weight: 780;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic > strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: inherit;
    font-size: 11px;
    font-weight: 720;
    line-height: 1.4;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic .drldial-dialogue-logo {
    width: 28px;
    height: 28px;
    border-color: color-mix(in srgb, var(--drl-account-panel) 42%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic .drldial-dialogue-title__text {
    color: inherit;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic > .drldial-messenger-external-icon {
    margin-left: auto;
    color: inherit;
}

.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-topic:hover > .drldial-messenger-external-icon,
.drldial-app-surface--account.drldial-app-route--conversations a.drldial-messenger-topic:focus-visible > .drldial-messenger-external-icon {
    transform: translate(1px, -1px);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-log {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-day {
    display: flex;
    justify-content: center;
    margin: 11px 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-day span {
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-account-panel) 86%, transparent);
    padding: 5px 9px;
    color: var(--drl-account-muted);
    font-size: 9px;
    font-weight: 680;
    box-shadow: 0 1px 5px color-mix(in srgb, #000000 6%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message {
    display: flex;
    max-width: min(74%, 620px);
    align-items: flex-end;
    gap: 8px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-incoming {
    align-self: flex-start;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-own {
    align-self: flex-end;
    justify-content: flex-end;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-avatar,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-avatar img {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 50%;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-bubble {
    min-width: 88px;
    border: 1px solid color-mix(in srgb, var(--drl-account-border) 78%, transparent);
    border-radius: 16px 16px 16px 5px;
    background: var(--drl-account-panel);
    padding: 9px 11px 7px;
    color: var(--drl-account-text);
    box-shadow: 0 4px 14px color-mix(in srgb, #000000 5%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-own .drldial-messenger-bubble {
    border-color: color-mix(in srgb, var(--dialogue-accent) 58%, var(--drl-account-border));
    border-radius: 16px 16px 5px 16px;
    background: color-mix(in srgb, var(--dialogue-accent-soft) 76%, var(--drl-account-panel));
    color: var(--drl-account-text);
    box-shadow: 0 5px 16px color-mix(in srgb, var(--dialogue-accent) 10%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-author {
    display: block;
    margin-bottom: 3px;
    color: var(--dialogue-accent-strong);
    font-size: 10px;
    font-weight: 760;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-text {
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.52;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-text > :first-child {
    margin-top: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-text > :last-child {
    margin-bottom: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-meta {
    display: flex;
    min-height: 15px;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 4px;
    color: var(--drl-account-muted);
    font-size: 8px;
    line-height: 1.2;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-own .drldial-messenger-message-meta {
    color: color-mix(in srgb, var(--drl-account-muted) 86%, var(--dialogue-accent-strong));
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-live-receipt.is-seen::before {
    margin-right: 2px;
    content: "\2713\2713";
    letter-spacing: -0.18em;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-meta .drldial-safety-disclosure {
    position: relative;
    margin: 0 0 0 2px;
    border: 0;
    background: transparent;
    padding: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-meta .drldial-safety-disclosure > summary {
    color: inherit;
    font-size: 8px;
    cursor: pointer;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-meta .drldial-safety-report-form {
    position: absolute;
    z-index: 7;
    right: 0;
    bottom: calc(100% + 8px);
    width: 280px;
    border: 1px solid var(--drl-account-border);
    border-radius: 12px;
    background: var(--drl-account-panel);
    padding: 12px;
    color: var(--drl-account-text);
    box-shadow: 0 16px 34px color-mix(in srgb, #000000 20%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-private-attachment-list {
    display: grid;
    gap: 5px;
    margin: 7px 0 2px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-private-attachment {
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, currentColor 7%, transparent);
    padding: 7px 8px;
    color: inherit;
    text-decoration: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-private-attachment span:last-child {
    display: grid;
    min-width: 0;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-private-attachment strong {
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-private-attachment small {
    font-size: 8px;
    opacity: 0.72;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-log-empty {
    display: grid;
    align-self: center;
    justify-items: center;
    gap: 5px;
    margin: auto;
    padding: 28px;
    color: var(--drl-account-muted);
    text-align: center;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-log-empty strong {
    color: var(--drl-account-text);
    font-family: var(--drl-serif);
    font-size: 24px;
    font-weight: 500;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-log-empty span {
    max-width: 360px;
    font-size: 11px;
    line-height: 1.55;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-new {
    position: sticky;
    z-index: 3;
    bottom: 8px;
    display: block;
    width: fit-content;
    min-height: 34px;
    margin: 8px auto 0;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dialogue-accent) 74%, var(--drl-account-text));
    padding: 7px 12px;
    color: var(--drl-account-panel);
    font-size: 10px;
    font-weight: 720;
    box-shadow: 0 8px 22px color-mix(in srgb, #000000 18%, transparent);
    cursor: pointer;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-new[hidden] {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer-state {
    position: relative;
    z-index: 3;
    border-top: 1px solid color-mix(in srgb, var(--dialogue-accent) 26%, var(--drl-account-border));
    background: var(--drl-account-panel);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer {
    padding: 10px 12px 8px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-compose-row {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach {
    background: var(--drl-account-panel-soft);
    color: var(--drl-account-muted);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach:hover {
    background: color-mix(in srgb, var(--dialogue-accent) 9%, var(--drl-account-panel));
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach svg,
.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send svg {
    width: 20px;
    height: 20px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input textarea {
    display: block;
    overflow-y: auto;
    width: 100%;
    min-height: 42px;
    max-height: 132px;
    resize: none;
    border: 1px solid var(--drl-account-border);
    border-radius: 20px;
    outline: 0;
    background: var(--drl-account-panel-soft);
    padding: 10px 14px;
    color: var(--drl-account-text);
    font: inherit;
    font-size: 12px;
    line-height: 20px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input textarea:focus {
    border-color: color-mix(in srgb, var(--dialogue-accent) 65%, var(--drl-account-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dialogue-accent) 11%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-input textarea::placeholder {
    color: var(--drl-account-muted);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send {
    background: color-mix(in srgb, var(--dialogue-accent) 74%, var(--drl-account-text));
    color: var(--drl-account-panel);
    box-shadow: 0 7px 18px color-mix(in srgb, var(--dialogue-accent) 24%, transparent);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send:hover {
    transform: translateY(-1px);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send:disabled {
    cursor: wait;
    opacity: 0.56;
    transform: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-files {
    display: flex;
    overflow-x: auto;
    gap: 6px;
    margin: 0 0 8px 50px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-files[hidden] {
    display: none;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-file-chip {
    display: inline-flex;
    min-width: 0;
    max-width: 220px;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: var(--drl-account-panel-soft);
    padding: 5px 6px 5px 10px;
    color: var(--drl-account-text);
    font-size: 9px;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-file-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-file-chip button {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--drl-account-text) 8%, transparent);
    color: inherit;
    cursor: pointer;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer-status {
    min-height: 12px;
    margin: 3px 50px 0;
    color: var(--drl-account-muted);
    font-size: 9px;
    line-height: 1.25;
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer-status.is-error {
    color: var(--drl-danger);
}

.drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer-state {
    padding: 14px 18px;
    color: var(--drl-account-muted);
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
}

html[data-theme="dark"] .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger {
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message.is-own .drldial-messenger-bubble {
    border-color: color-mix(in srgb, var(--dialogue-accent) 62%, var(--drl-account-border));
    background: color-mix(in srgb, var(--dialogue-accent-soft) 78%, var(--drl-account-panel));
}

@media (max-width: 860px) {
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger {
        height: clamp(560px, calc(100svh - 170px), 760px);
        min-height: 560px;
        grid-template-columns: minmax(0, 1fr);
        border-radius: 16px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-dialogue-inbox {
        border-right: 0;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger:not(.has-selection) .drldial-messenger-chat,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger.has-selection .drldial-dialogue-inbox {
        display: none;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-mobile-back {
        display: grid;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-header {
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding-left: 7px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details-panel, .drldial-messenger-settings-panel) {
        position: fixed;
        top: 78px;
        right: 12px;
        left: 12px;
        width: auto;
        max-height: calc(100svh - 100px);
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message {
        max-width: 86%;
    }
}

@media (max-width: 560px) {
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger {
        width: calc(100% + 8px);
        height: calc(100svh - 128px);
        min-height: 520px;
        margin-inline: -4px;
        border-radius: 14px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-avatar img {
        width: 40px;
        height: 40px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-chat-header {
        min-height: 62px;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 7px;
        padding-right: 7px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-profile-card {
        grid-template-columns: 40px minmax(0, 1fr) auto;
        gap: 8px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-header-actions {
        width: 100%;
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-top: 2px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-thread-state {
        margin-right: auto;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action {
        width: 32px;
        padding: 6px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-status-action > span {
        display: none;
    }

    .drldial-app-surface--account.drldial-app-route--conversations :is(.drldial-messenger-details, .drldial-messenger-settings) > summary {
        width: 38px;
        height: 38px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-scroll {
        padding: 16px 10px 14px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-topic {
        min-height: 40px;
        margin: 0;
        padding: 7px 10px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message {
        max-width: 91%;
        gap: 6px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-avatar,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-message-avatar img {
        width: 26px;
        height: 26px;
        flex-basis: 26px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer {
        padding-inline: 8px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-attach,
    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-send {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-files {
        margin-left: 48px;
    }

    .drldial-app-surface--account.drldial-app-route--conversations .drldial-messenger-composer-status {
        margin-right: 48px;
        margin-left: 48px;
    }
}

html .drl-theme-switch,
html .drl-theme-switch button {
    border-radius: 0 !important;
}

.drldial-app-surface--account .wpmc-account-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
    padding-top: 6px;
}

.drldial-app-surface--account .wpmc-account-item {
    --drl-account-card-surface: #fbfaf6;
    position: relative;
    height: 100%;
    min-height: 360px;
    border: 1px solid var(--drl-account-border);
    border-top: 3px solid var(--item-accent);
    border-radius: 0;
    background: var(--drl-account-card-surface);
    box-shadow: none;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item {
    --drl-account-card-surface: var(--drl-account-panel);
}

.drldial-app-surface--account .wpmc-account-item::before,
.drldial-app-surface--account .wpmc-account-item::after {
    display: none;
}

.drldial-app-surface--account .wpmc-account-item:hover {
    border-color: color-mix(in srgb, var(--item-accent) 46%, var(--drl-account-border));
    border-top-color: var(--item-accent);
    box-shadow: 0 16px 34px color-mix(in srgb, var(--item-accent) 9%, transparent);
    transform: translateY(-2px);
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request {
    min-height: 376px;
}

.drldial-app-surface--account .wpmc-account-item-main {
    display: flex;
    min-height: 100%;
    flex: 1;
    flex-direction: column;
    padding: 25px 26px 0;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-areas:
        "visual type"
        ". title";
    align-items: start;
    gap: 8px 14px;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header {
    grid-template-areas:
        "visual type"
        "dialogue-logo title";
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-visual {
    grid-area: visual;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-visual > span {
    width: 27px;
    height: 27px;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link {
    position: relative;
    grid-area: dialogue-logo;
    display: inline-flex;
    flex: 0 0 auto;
    align-self: start;
    justify-self: center;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link::before {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 1px;
    height: 5px;
    background: color-mix(in srgb, var(--item-accent) 58%, transparent);
    content: "";
    transform: translateX(-50%);
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link .drldial-dialogue-logo {
    width: 29px;
    height: 29px;
    border-radius: 5px;
    padding: 2px;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--item-accent) 14%, transparent);
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link:hover .drldial-dialogue-logo,
.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link:focus-visible .drldial-dialogue-logo {
    border-color: var(--item-accent);
    box-shadow:
        0 8px 18px color-mix(in srgb, var(--item-accent) 20%, transparent),
        0 0 0 3px color-mix(in srgb, var(--item-accent) 12%, transparent);
    transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link:focus-visible {
    outline: 0;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-heading {
    display: contents;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-type {
    grid-area: type;
    align-self: center;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-type::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-title {
    display: -webkit-box;
    overflow: hidden;
    grid-area: title;
    width: 100%;
    min-height: 2.32em;
    max-height: 2.32em;
    font-size: clamp(21px, 1.65vw, 27px);
    line-height: 1.16;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.drldial-app-surface--account .wpmc-account-item-title-toggle {
    color: inherit;
    text-decoration: none;
}

.drldial-app-surface--account .wpmc-account-item-title-toggle:hover,
.drldial-app-surface--account .wpmc-account-item-title-toggle:focus-visible {
    color: var(--item-accent);
    outline: 0;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-role {
    position: absolute;
    z-index: 2;
    top: -5px;
    right: 22px;
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--item-accent);
    padding: 8px 13px 5px;
    color: #071012;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--item-accent) 12%, transparent);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-role::before {
    display: none;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-excerpt {
    display: -webkit-box;
    overflow: hidden;
    min-height: 6.6em;
    max-height: 6.6em;
    margin-top: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.drldial-app-surface--account .wpmc-edited-note {
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: auto;
    border-top: 1px solid var(--drl-account-border);
    padding-top: 15px;
}

.drldial-app-surface--account .wpmc-account-item-fact {
    min-height: 0;
    gap: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0 14px 0 0;
    font-size: 11px;
}

.drldial-app-surface--account .wpmc-account-item-fact + .wpmc-account-item-fact {
    border-left: 1px solid var(--drl-account-border);
    padding-right: 14px;
    padding-left: 14px;
}

.drldial-app-surface--account .wpmc-account-item-fact-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}

.drldial-app-surface--account .wpmc-account-dialogue-actions {
    display: flex;
    min-width: calc(100% + 52px);
    align-items: stretch;
    gap: 0;
    margin: 18px -26px 0;
    border-top: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--drl-account-panel-soft) 68%, transparent);
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-dialogue-action {
    display: inline-flex;
    min-width: 0;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-right: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: transparent;
    padding: 12px 14px;
    color: var(--drl-text-muted);
    font-size: 11px;
    font-weight: 720;
    line-height: 1.2;
    text-decoration: none;
}

.drldial-app-surface--account a.wpmc-account-dialogue-action {
    flex: 1 1 0;
}

.drldial-app-surface--account a.wpmc-account-dialogue-action:hover,
.drldial-app-surface--account a.wpmc-account-dialogue-action:focus-visible,
.drldial-app-surface--account a.wpmc-account-dialogue-action.is-active {
    background: var(--item-accent-soft, var(--drl-account-panel-soft));
    color: var(--item-accent);
    outline: 0;
}

.drldial-app-surface--account .wpmc-account-dialogue-action.is-disabled {
    flex: 0 0 auto;
    min-height: 0;
    align-self: center;
    border: 0;
    background: transparent;
    padding: 10px 14px;
    color: var(--drl-text-subtle);
    font-size: 10px;
    font-weight: 600;
    opacity: .78;
    pointer-events: none;
}

.drldial-app-surface--account .wpmc-account-dialogue-action:last-child {
    border-right: 0;
}

.drldial-app-surface--account .wpmc-account-dialogue-action > span {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background: currentColor;
    -webkit-mask: var(--drl-dialogue-action-icon) center / contain no-repeat;
    mask: var(--drl-dialogue-action-icon) center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-dialogue-action--view {
    --drl-dialogue-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12s3.5-6 9-6 9 6 9 6-3.5 6-9 6-9-6-9-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-dialogue-action > .wpmc-account-dialogue-action-new-tab {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
    margin-left: 2px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='m19 5-9 9'/%3E%3Cpath d='M17 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='m19 5-9 9'/%3E%3Cpath d='M17 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-dialogue-action--manage {
    --drl-dialogue-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h11v14H4z'/%3E%3Cpath d='m13 16 6-6 2 2-6 6-3 1 1-3Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-dialogue-action--responses {
    --drl-dialogue-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.7-3.4 2.5-5 5.5-5s4.8 1.6 5.5 5M16 8h5M18.5 5.5v5'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-dialogue-action--workspace {
    --drl-dialogue-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v10H8l-4 4V5Z'/%3E%3Cpath d='M9 9h10v9l-3-3'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    scroll-margin-top: 100px;
    border-top: 1px solid var(--drl-account-border);
}

.drldial-app-surface--account .wpmc-account-dialogue-editor-page {
    --item-accent: var(--account-item-accent, var(--drl-workspace-nav));
    --item-accent-soft: var(--account-item-soft, var(--drl-workspace-nav-soft));
    width: 100%;
    min-height: min(760px, calc(100vh - 150px));
    border: 1px solid color-mix(in srgb, var(--item-accent) 32%, var(--drl-account-border));
    border-top: 4px solid var(--item-accent);
    border-radius: 24px;
    box-shadow: 0 30px 80px color-mix(in srgb, var(--drl-text) 12%, transparent);
}

.wpmc-account-dialogue-editor-page__topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    margin: clamp(-46px, -4vw, -24px) clamp(-46px, -4vw, -24px) 34px;
    border-bottom: 1px solid color-mix(in srgb, var(--item-accent) 24%, var(--drl-account-border));
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--item-accent) 11%, transparent), transparent 58%),
        color-mix(in srgb, var(--drl-account-panel) 96%, var(--item-accent) 4%);
    padding: clamp(24px, 3vw, 34px) clamp(24px, 4vw, 46px);
}

.wpmc-account-dialogue-editor-page__back,
.wpmc-account-dialogue-editor-page__links > a,
.wpmc-account-dialogue-editor-page__admin {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 35%, var(--drl-account-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-account-panel) 91%, var(--item-accent) 9%);
    padding: 9px 14px;
    color: var(--item-accent);
    font-size: 11px;
    font-weight: 760;
    line-height: 1.2;
    text-decoration: none;
}

.wpmc-account-dialogue-editor-page__back > span {
    width: 15px;
    height: 15px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wpmc-account-dialogue-editor-page__back:hover,
.wpmc-account-dialogue-editor-page__back:focus-visible,
.wpmc-account-dialogue-editor-page__links > a:hover,
.wpmc-account-dialogue-editor-page__links > a:focus-visible {
    border-color: var(--item-accent);
    outline: 0;
    background: var(--item-accent);
    color: var(--drl-bg);
}

.wpmc-account-dialogue-editor-page__identity {
    min-width: 0;
}

.wpmc-account-dialogue-editor-page__identity > span {
    display: block;
    margin-bottom: 7px;
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 820;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.wpmc-account-dialogue-editor-page__identity h2 {
    overflow: hidden;
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(24px, 3vw, 38px);
    font-weight: 540;
    letter-spacing: -0.025em;
    line-height: 1.08;
    text-overflow: ellipsis;
}

.wpmc-account-dialogue-editor-page__links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.wpmc-account-dialogue-editor-page__links > a > span {
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='m19 5-9 9'/%3E%3Cpath d='M17 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='m19 5-9 9'/%3E%3Cpath d='M17 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wpmc-account-dialogue-editor-page__admin {
    border-color: var(--drl-account-border);
    background: var(--drl-text);
    color: var(--drl-bg);
}

.wpmc-account-dialogue-editor-page__form {
    width: min(100%, 1180px);
    margin-inline: auto;
}

.drldial-app-surface--account .wpmc-account-edit-form--fullscreen .wpmc-account-edit-actions {
    position: sticky;
    z-index: 5;
    bottom: 16px;
    margin: 28px -10px -10px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 28%, var(--drl-account-border));
    border-radius: 16px;
    background: color-mix(in srgb, var(--drl-account-panel) 91%, transparent);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--drl-text) 14%, transparent);
    padding: 10px;
    backdrop-filter: blur(16px);
}

.drldial-app-surface--account .wpmc-account-edit-form--fullscreen .wpmc-account-edit-save {
    min-width: min(340px, 100%);
}

.wpmc-account-dialogue-editor-state {
    display: grid;
    min-height: 380px;
    place-items: center;
    border: 1px solid var(--drl-account-border);
    border-radius: 22px;
    background: var(--drl-account-panel);
    padding: clamp(30px, 6vw, 70px);
    text-align: center;
}

.wpmc-account-dialogue-editor-state h3 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(25px, 3vw, 36px);
}

.wpmc-account-dialogue-editor-state p {
    max-width: 560px;
    margin: 12px auto 22px;
    color: var(--drl-text-muted);
    line-height: 1.6;
}

.drldial-app-surface--account .wpmc-account-management {
    --item-accent: var(--account-item-accent, var(--drl-workspace-nav));
    --item-accent-soft: var(--account-item-soft, var(--drl-workspace-nav-soft));
    display: grid;
    width: 100%;
    gap: 20px;
}

.wpmc-account-management__hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 24px;
    border: 1px solid var(--drl-account-border);
    border-top: 4px solid var(--item-accent);
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--item-accent) 9%, transparent), transparent 52%),
        var(--drl-account-panel);
    padding: clamp(24px, 4vw, 42px);
}

.wpmc-account-management__back,
.wpmc-account-management__actions a,
.wpmc-account-management__actions button,
.wpmc-account-management__actions > span,
.wpmc-account-management__empty a,
.wpmc-account-management__response-state a {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 45%, var(--drl-account-border));
    background: transparent;
    padding: 8px 13px;
    color: var(--item-accent);
    font-size: 12px;
    font-weight: 720;
    line-height: 1.2;
    text-decoration: none;
}

.wpmc-account-management__back:hover,
.wpmc-account-management__back:focus-visible,
.wpmc-account-management__actions a:hover,
.wpmc-account-management__actions a:focus-visible,
.wpmc-account-management__actions button:hover,
.wpmc-account-management__actions button:focus-visible,
.wpmc-account-management__empty a:hover,
.wpmc-account-management__empty a:focus-visible,
.wpmc-account-management__response-state a:hover,
.wpmc-account-management__response-state a:focus-visible {
    border-color: var(--item-accent);
    outline: 0;
    background: var(--item-accent);
    color: var(--drl-bg);
}

.wpmc-account-management__identity {
    min-width: 0;
}

.wpmc-account-management__identity > span,
.wpmc-account-management__section > header > div > span {
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wpmc-account-management__identity h2 {
    margin: 7px 0 0;
    font-family: var(--drl-font-display);
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 540;
    letter-spacing: -0.025em;
    line-height: 1.1;
}

.wpmc-account-management__identity p {
    max-width: 760px;
    margin: 12px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.58;
}

.wpmc-account-management__actions {
    display: flex;
    max-width: 320px;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.wpmc-account-management__actions button:first-child {
    background: var(--item-accent);
    color: var(--drl-bg);
}

.wpmc-account-management__actions > span {
    border-color: var(--drl-account-border);
    color: var(--drl-text-muted);
}

.wpmc-account-management__actions button {
    cursor: pointer;
    font-family: inherit;
}

.wpmc-account-management__actions button[aria-expanded="true"] {
    box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--drl-bg) 48%, transparent);
}

.wpmc-account-management__editor[hidden] {
    display: none;
}

.wpmc-account-management__editor {
    scroll-margin-top: 90px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 42%, var(--drl-account-border));
    border-top: 4px solid var(--item-accent);
    background: var(--drl-account-panel);
    padding: clamp(22px, 3.5vw, 40px);
}

.wpmc-account-management__editor-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: calc(-1 * clamp(22px, 3.5vw, 40px)) calc(-1 * clamp(22px, 3.5vw, 40px)) 28px;
    border-bottom: 1px solid var(--drl-account-border);
    background: color-mix(in srgb, var(--item-accent) 7%, var(--drl-account-panel));
    padding: 18px clamp(22px, 3.5vw, 40px);
}

.wpmc-account-management__editor-topbar > div > span {
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.wpmc-account-management__editor-topbar h3 {
    margin: 4px 0 0;
    font-family: var(--drl-font-display);
    font-size: 21px;
    font-weight: 550;
}

.wpmc-account-management__editor-topbar button {
    min-height: 38px;
    border: 1px solid var(--drl-account-border);
    background: transparent;
    padding: 7px 12px;
    color: var(--drl-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
}

.wpmc-account-management__editor-topbar button:hover,
.wpmc-account-management__editor-topbar button:focus-visible {
    border-color: var(--item-accent);
    outline: 0;
    color: var(--item-accent);
}

.wpmc-account-management__editor .wpmc-account-edit-form-heading {
    margin-top: 0;
}

.wpmc-account-management__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--drl-account-border);
    border-bottom: 1px solid var(--drl-account-border);
}

.wpmc-account-management__summary article {
    display: grid;
    min-height: 112px;
    align-content: center;
    gap: 7px;
    padding: 18px 22px;
}

.wpmc-account-management__summary article + article {
    border-left: 1px solid var(--drl-account-border);
}

.wpmc-account-management__summary span {
    color: var(--drl-text-muted);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.wpmc-account-management__summary strong {
    color: var(--item-accent);
    font-family: var(--drl-font-display);
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 560;
    line-height: 1.2;
}

.wpmc-account-management__section {
    border: 1px solid var(--drl-account-border);
    background: var(--drl-account-panel);
}

.wpmc-account-management__section > header {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--drl-account-border);
    padding: 17px 20px;
}

.wpmc-account-management__section > header h3 {
    margin: 4px 0 0;
    font-family: var(--drl-font-display);
    font-size: 21px;
    font-weight: 550;
    letter-spacing: -0.015em;
}

.wpmc-account-management__section > header > strong {
    color: var(--item-accent);
    font-size: 12px;
    font-weight: 760;
}

.wpmc-account-management__process ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin: 0;
    padding: 22px 20px 24px;
    list-style: none;
}

.wpmc-account-management__process li {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    color: var(--drl-text-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.35;
}

.wpmc-account-management__process li::before {
    position: absolute;
    top: 7px;
    right: 0;
    left: 9px;
    height: 1px;
    background: var(--drl-account-border);
    content: "";
}

.wpmc-account-management__process li:last-child::before {
    display: none;
}

.wpmc-account-management__process li i {
    position: relative;
    z-index: 1;
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid var(--drl-account-border);
    background: var(--drl-account-panel);
}

.wpmc-account-management__process li span {
    position: relative;
    z-index: 1;
    padding-right: 14px;
    background: var(--drl-account-panel);
}

.wpmc-account-management__process li.is-complete i,
.wpmc-account-management__process li.is-current i {
    border-color: var(--item-accent);
    background: var(--item-accent);
}

.wpmc-account-management__process li.is-complete,
.wpmc-account-management__process li.is-current {
    color: var(--drl-text);
}

.wpmc-account-management__process li.is-current span {
    color: var(--item-accent);
    font-weight: 780;
}

.wpmc-account-management__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.wpmc-account-management__people,
.wpmc-account-management__moves {
    display: grid;
    gap: 0;
}

.wpmc-account-management-person {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
}

.wpmc-account-management-person + .wpmc-account-management-person {
    border-top: 1px solid var(--drl-account-border);
}

.wpmc-account-management-person__avatar {
    width: 52px;
    height: 52px;
    object-fit: cover;
}

.wpmc-account-management-person > div {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.wpmc-account-management-person a {
    color: var(--drl-text);
    text-decoration: none;
}

.wpmc-account-management-person a:hover {
    color: var(--item-accent);
}

.wpmc-account-management-person span,
.wpmc-account-management-person small {
    color: var(--drl-text-muted);
    font-size: 11px;
}

.wpmc-account-management-person small {
    border: 1px solid color-mix(in srgb, var(--item-accent) 42%, var(--drl-account-border));
    padding: 5px 8px;
    color: var(--item-accent);
    font-weight: 700;
}

.wpmc-account-management__empty,
.wpmc-account-management__response-state {
    display: grid;
    min-height: 190px;
    align-content: center;
    justify-items: start;
    gap: 10px;
    padding: 26px 20px;
}

.wpmc-account-management__empty > strong,
.wpmc-account-management__response-state > strong {
    font-family: var(--drl-font-display);
    font-size: 20px;
    font-weight: 550;
}

.wpmc-account-management__empty p,
.wpmc-account-management__response-state p {
    max-width: 560px;
    margin: 0 0 4px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.wpmc-account-management__moves {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wpmc-account-management__moves > a {
    display: grid;
    min-height: 210px;
    align-content: start;
    gap: 8px;
    padding: 22px 20px;
    color: var(--drl-text);
    text-decoration: none;
}

.wpmc-account-management__moves > a + a {
    border-left: 1px solid var(--drl-account-border);
}

.wpmc-account-management__moves > a:hover {
    background: var(--item-accent-soft);
}

.wpmc-account-management__moves span {
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.wpmc-account-management__moves strong {
    font-family: var(--drl-font-display);
    font-size: 20px;
    font-weight: 550;
}

.wpmc-account-management__moves p {
    margin: 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.wpmc-account-management__moves b {
    align-self: end;
    margin-top: 12px;
    color: var(--item-accent);
    font-size: 12px;
}

@media (max-width: 820px) {
    .wpmc-account-management__hero {
        grid-template-columns: 1fr;
    }

    .wpmc-account-management__back {
        justify-self: start;
    }

    .wpmc-account-management__actions {
        max-width: none;
        justify-content: flex-start;
    }

    .wpmc-account-management__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wpmc-account-management__summary article:nth-child(3) {
        border-top: 1px solid var(--drl-account-border);
        border-left: 0;
    }

    .wpmc-account-management__summary article:nth-child(4) {
        border-top: 1px solid var(--drl-account-border);
    }

    .wpmc-account-management__columns,
    .wpmc-account-management__moves {
        grid-template-columns: 1fr;
    }

    .wpmc-account-management__moves > a + a {
        border-top: 1px solid var(--drl-account-border);
        border-left: 0;
    }

    .wpmc-account-dialogue-editor-page__topbar {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .wpmc-account-dialogue-editor-page__back {
        justify-self: start;
    }

    .wpmc-account-dialogue-editor-page__links {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .wpmc-account-management__summary {
        grid-template-columns: 1fr;
    }

    .wpmc-account-management__summary article + article,
    .wpmc-account-management__summary article:nth-child(3),
    .wpmc-account-management__summary article:nth-child(4) {
        border-top: 1px solid var(--drl-account-border);
        border-left: 0;
    }

    .wpmc-account-management__process ol {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .wpmc-account-management__process li::before {
        top: 8px;
        right: auto;
        bottom: -13px;
        left: 7px;
        width: 1px;
        height: auto;
    }

    .wpmc-account-management-person {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .wpmc-account-management-person__avatar {
        width: 44px;
        height: 44px;
    }

    .wpmc-account-management-person small {
        grid-column: 2;
        justify-self: start;
    }
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-button {
    min-height: 106px;
    overflow: hidden;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: minmax(52px, auto) 34px;
    align-items: center;
    gap: 10px 11px;
    padding-bottom: 0;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-label {
    overflow-wrap: anywhere;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-state {
    width: calc(100% + 22px);
    height: 34px;
    grid-column: 1 / -1;
    margin: 0 -11px;
    border: 0;
    border-top: 1px solid var(--drl-line-strong);
    border-radius: 0;
    background: color-mix(in srgb, var(--choice-accent) 5%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-option:hover .drldial-professional-choice-state {
    background: color-mix(in srgb, var(--choice-accent) 11%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    border-top-color: var(--choice-accent);
    background: var(--choice-accent);
}

.wpmc-account-edit-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

/* Unified creation and account editing workspace. */
.drldial-create-panel > .drldial-form {
    --drldial-flow-padding: clamp(24px, 4vw, 52px);
    overflow: hidden;
    margin: 30px 0 80px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--dialogue-accent) 11%, transparent), transparent 32%),
        linear-gradient(145deg, color-mix(in srgb, var(--drl-surface-raised) 97%, var(--dialogue-accent) 3%), var(--drl-surface));
    box-shadow:
        0 32px 80px color-mix(in srgb, var(--drl-text) 10%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 54%, transparent);
    padding: var(--drldial-flow-padding);
}

.drldial-create-panel > .drldial-form::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--dialogue-accent), color-mix(in srgb, var(--dialogue-accent) 28%, transparent) 72%, transparent);
    content: "";
}

.drldial-create-panel .drldial-form-heading {
    margin: calc(-1 * var(--drldial-flow-padding)) calc(-1 * var(--drldial-flow-padding)) 8px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--dialogue-accent) 12%, transparent), transparent 62%),
        color-mix(in srgb, var(--drl-surface-raised) 96%, var(--dialogue-accent) 4%);
    padding: clamp(30px, 4vw, 48px) var(--drldial-flow-padding);
}

.drldial-create-panel .drldial-form-heading h2 {
    max-width: 760px;
    font-size: clamp(28px, 3.2vw, 42px);
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.drldial-create-panel .drldial-form-heading p {
    max-width: 720px;
    margin-top: 13px;
    font-size: 15px;
    line-height: 1.65;
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading {
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 30%, var(--drl-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dialogue-accent) 8%, var(--drl-surface-raised));
    padding: 8px 11px 8px 14px;
}

.drldial-create-panel .drldial-form > .drldial-field,
.drldial-create-panel .drldial-form > .drldial-form-grid,
.drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields,
.drldial-create-panel .drldial-form > .drldial-specialization-field {
    border: 1px solid var(--drldial-form-field-line);
    border-radius: 16px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 5%, transparent), transparent 48%),
        var(--drldial-form-panel-bg);
    box-shadow: 0 14px 34px color-mix(in srgb, var(--drldial-form-shadow-color) 76%, transparent);
    padding: clamp(18px, 2.5vw, 26px);
}

.drldial-create-panel .drldial-form > .drldial-form-grid,
.drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields {
    gap: 18px;
}

.drldial-create-panel .drldial-form > .drldial-field:focus-within,
.drldial-create-panel .drldial-form > .drldial-form-grid:focus-within,
.drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields:focus-within,
.drldial-create-panel .drldial-form > .drldial-specialization-field:focus-within,
.drldial-create-panel .drldial-project-match-form-section:focus-within {
    border-color: color-mix(in srgb, var(--dialogue-accent) 54%, var(--drl-line));
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--dialogue-accent) 7%, transparent),
        0 18px 40px var(--drldial-form-shadow-color);
}

.drldial-create-panel .drldial-form > .drldial-field > span:first-child,
.drldial-create-panel .drldial-form-grid .drldial-field > span:first-child,
.drldial-create-panel .drldial-co-build-foundation-fields .drldial-field > span:first-child {
    font-size: 13px;
    letter-spacing: 0.015em;
}

.drldial-create-panel .drldial-project-match-form-section {
    border-radius: 18px;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--drldial-form-shadow-color) 82%, transparent);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.drldial-create-panel .drldial-project-match-form-section:hover {
    transform: translateY(-2px);
}

.drldial-create-panel .drldial-project-match-form-section > header > span {
    border-radius: 11px;
    font-size: 11px;
    letter-spacing: 0.08em;
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-height: 54px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 25%, var(--drl-line-strong));
    border-radius: 12px;
    background: color-mix(in srgb, var(--drl-surface-raised) 95%, var(--dialogue-accent, var(--item-accent)) 5%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 52%, transparent),
        0 8px 22px color-mix(in srgb, var(--drl-text) 7%, transparent);
    padding: 13px 15px;
    caret-color: var(--dialogue-accent, var(--item-accent));
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.drldial-create-panel .drldial-form textarea,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form textarea {
    min-height: 142px;
    line-height: 1.65;
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover {
    border-color: color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 56%, var(--drl-line-strong));
    background: var(--drl-surface-raised);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    border-color: var(--dialogue-accent, var(--item-accent));
    outline: 0;
    background: var(--drl-surface-raised);
    box-shadow:
        0 0 0 1px var(--dialogue-accent, var(--item-accent)),
        0 0 0 5px color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 11%, transparent),
        0 16px 34px color-mix(in srgb, var(--drl-text) 10%, transparent);
}

html[data-theme="dark"] .drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 7%, transparent),
        0 10px 24px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-actions {
    background: color-mix(in srgb, var(--drl-account-panel) 92%, transparent);
}

.drldial-create-panel .drldial-specialization-options,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-options {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-button,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 124px;
    overflow: hidden;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: minmax(68px, auto) 36px;
    gap: 10px 12px;
    border-radius: 14px;
    padding: 12px 12px 0;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-label,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-label {
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.35;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-state,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-state {
    width: calc(100% + 24px);
    height: 36px;
    grid-column: 1 / -1;
    margin: 0 -12px;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--choice-accent) 26%, var(--drl-line));
    border-radius: 0;
    background: color-mix(in srgb, var(--choice-accent) 6%, transparent);
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-state::before,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-state::before {
    font-size: 20px;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    box-shadow:
        inset 0 0 0 1px var(--choice-accent),
        0 13px 30px color-mix(in srgb, var(--choice-accent) 17%, transparent);
}

.drldial-create-panel .drldial-form-actions {
    margin-right: calc(-1 * var(--drldial-flow-padding));
    margin-bottom: calc(-1 * var(--drldial-flow-padding));
    margin-left: calc(-1 * var(--drldial-flow-padding));
    border-top: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    background: color-mix(in srgb, var(--drl-surface-raised) 92%, var(--dialogue-accent) 8%);
    padding: 24px var(--drldial-flow-padding);
}

.drldial-create-panel .drldial-form-actions > .drldial-button--primary {
    min-height: 54px;
    border-radius: 12px;
    padding-inline: 24px;
}

.drldial-app-surface--account .wpmc-account-item:has(.wpmc-account-edit-surface--dialogue:not([hidden])) {
    height: auto;
    min-height: 0;
    border-color: color-mix(in srgb, var(--item-accent) 42%, var(--drl-account-border));
    box-shadow: 0 26px 68px color-mix(in srgb, var(--item-accent) 12%, transparent);
    transform: none;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    --dialogue-accent: var(--item-accent, var(--drl-workspace-nav));
    --dialogue-accent-soft: var(--item-accent-soft, var(--drl-workspace-nav-soft));
    position: relative;
    overflow: hidden;
    border-top-color: color-mix(in srgb, var(--item-accent) 30%, var(--drl-account-border));
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--item-accent) 10%, transparent), transparent 34%),
        color-mix(in srgb, var(--drl-account-panel) 97%, var(--item-accent) 3%);
    padding: clamp(24px, 4vw, 46px);
    animation: drl-account-editor-enter 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, var(--item-accent), color-mix(in srgb, var(--item-accent) 20%, transparent), transparent);
    content: "";
}

@keyframes drl-account-editor-enter {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.drldial-app-surface--account .wpmc-account-edit-form {
    gap: 0;
}

.wpmc-account-edit-form-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid color-mix(in srgb, var(--item-accent) 23%, var(--drl-account-border));
    padding-bottom: 24px;
}

.wpmc-account-edit-eyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.wpmc-account-edit-form-heading h4 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 520;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.wpmc-account-edit-form-heading p {
    max-width: 680px;
    margin: 10px 0 0;
    color: var(--drl-text-muted);
    font-size: 14px;
    line-height: 1.6;
}

.wpmc-account-edit-type {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--item-accent) 40%, var(--drl-account-border));
    border-radius: 999px;
    background: var(--item-accent-soft);
    padding: 7px 12px;
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.drldial-app-surface--account .wpmc-account-edit-section {
    border: 1px solid color-mix(in srgb, var(--item-accent) 22%, var(--drl-account-border));
    border-radius: 18px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--item-accent) 6%, transparent), transparent 46%),
        var(--drl-account-panel-soft);
    box-shadow: 0 16px 38px color-mix(in srgb, var(--drl-text) 8%, transparent);
    padding: clamp(20px, 3vw, 30px);
}

.drldial-app-surface--account .wpmc-account-edit-section + .wpmc-account-edit-section {
    margin-top: 18px;
}

.drldial-app-surface--account .wpmc-account-edit-section > header {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 22px;
    border-bottom: 1px solid color-mix(in srgb, var(--item-accent) 20%, var(--drl-account-border));
    padding-bottom: 18px;
}

.drldial-app-surface--account .wpmc-account-edit-section > header > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--item-accent) 48%, var(--drl-account-border));
    border-radius: 11px;
    background: var(--item-accent-soft);
    color: var(--item-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.drldial-app-surface--account .wpmc-account-edit-section > header h5 {
    margin: 0;
    font-family: var(--drl-font-display);
    font-size: 22px;
    font-weight: 540;
    line-height: 1.2;
}

.drldial-app-surface--account .wpmc-account-edit-section > header p {
    margin: 5px 0 0;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.drldial-app-surface--account .wpmc-account-edit-section--brief {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(320px, 1.28fr);
    align-items: start;
    gap: 20px;
}

.drldial-app-surface--account .wpmc-account-edit-section--brief > header {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-edit-section label,
.drldial-app-surface--account .wpmc-account-edit-section .drldial-field {
    gap: 9px;
}

.drldial-app-surface--account .wpmc-account-edit-section label > span:first-child,
.drldial-app-surface--account .wpmc-account-edit-section .drldial-field > span:first-child,
.drldial-app-surface--account .wpmc-account-edit-section .drldial-specialization-field > legend {
    color: var(--drl-text);
    font-size: 12px;
    font-weight: 740;
    letter-spacing: 0.02em;
}

.drldial-app-surface--account .wpmc-account-edit-section--details .drldial-account-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.drldial-app-surface--account .wpmc-account-edit-section--details .drldial-account-fields > label:has(textarea),
.drldial-app-surface--account .wpmc-account-edit-section--details .drldial-account-fields > .drldial-team-roles-fieldset,
.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-specialization-field,
.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-notice {
    grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-specialization-field {
    margin-top: 24px;
    border-top: 1px solid color-mix(in srgb, var(--item-accent) 20%, var(--drl-account-border));
    padding-top: 24px;
}

.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-specialization-field > legend {
    font-family: var(--drl-font-display);
    font-size: 21px;
    font-weight: 540;
}

.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-specialization-field > p {
    max-width: 720px;
    margin-top: 7px;
}

.drldial-app-surface--account .wpmc-account-edit-actions {
    position: sticky;
    z-index: 5;
    bottom: 12px;
    justify-content: flex-end;
    margin-top: 22px;
    border: 1px solid color-mix(in srgb, var(--item-accent) 28%, var(--drl-account-border));
    border-radius: 15px;
    background: color-mix(in srgb, var(--drl-account-panel) 88%, transparent);
    box-shadow: 0 16px 38px color-mix(in srgb, var(--drl-text) 12%, transparent);
    padding: 12px;
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
}

.drldial-app-surface--account .wpmc-account-edit-actions :is(.wpmc-account-edit-save, .wpmc-account-edit-collapse) {
    min-width: 126px;
    min-height: 48px;
    border-radius: 11px;
}

.drldial-app-surface--account .wpmc-account-edit-collapse {
    background: var(--drl-dialogue-editor-raised, var(--drl-surface-soft));
}

@media (max-width: 760px) {
    .drldial-create-panel > .drldial-form {
        --drldial-flow-padding: 20px;
        border-radius: 18px;
    }

    .drldial-create-panel .drldial-form-heading {
        padding-block: 30px;
    }

    .drldial-create-panel .drldial-form-heading h2 {
        font-size: clamp(27px, 9vw, 36px);
    }

    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
        padding: 22px 18px;
    }

    .wpmc-account-edit-form-heading,
    .drldial-app-surface--account .wpmc-account-edit-section--brief {
        grid-template-columns: 1fr;
    }

    .wpmc-account-edit-type {
        justify-self: start;
    }

    .drldial-app-surface--account .wpmc-account-edit-actions {
        position: static;
    }
}

@media (max-width: 520px) {
    .drldial-create-panel .drldial-specialization-options,
    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-options {
        grid-template-columns: 1fr;
    }

    .drldial-create-panel .drldial-form > .drldial-field,
    .drldial-create-panel .drldial-form > .drldial-form-grid,
    .drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields,
    .drldial-create-panel .drldial-form > .drldial-specialization-field,
    .drldial-app-surface--account .wpmc-account-edit-section {
        border-radius: 13px;
        padding: 17px;
    }

    .drldial-app-surface--account .wpmc-account-edit-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-app-surface--account .wpmc-account-edit-actions :is(.wpmc-account-edit-save, .wpmc-account-edit-collapse) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
        animation: none;
    }

    .drldial-create-panel .drldial-project-match-form-section {
        transition: none;
    }
}

/* Refined editorial form treatment for the DRL interface. */
.drldial-create-panel > .drldial-form {
    --drldial-flow-padding: clamp(22px, 3.4vw, 42px);
    border-radius: 10px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--dialogue-accent) 4%, transparent), transparent 34%),
        var(--drl-surface);
    box-shadow:
        0 18px 46px color-mix(in srgb, var(--drl-text) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent);
}

.drldial-create-panel .drldial-form-heading {
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--dialogue-accent) 9%, transparent), transparent 58%),
        var(--drl-surface-raised);
}

.drldial-create-panel .drldial-form-heading h2 {
    font-size: clamp(27px, 3vw, 38px);
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading {
    border-radius: 5px;
    background: color-mix(in srgb, var(--dialogue-accent) 6%, var(--drl-surface-raised));
}

.drldial-create-panel .drldial-form > .drldial-field,
.drldial-create-panel .drldial-form > .drldial-form-grid,
.drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields,
.drldial-create-panel .drldial-form > .drldial-specialization-field,
.drldial-create-panel .drldial-project-match-form-section,
.drldial-create-panel .drldial-form .drldial-team-roles-fieldset {
    border-radius: 8px;
    background: var(--drl-surface-raised);
    box-shadow: 0 9px 24px color-mix(in srgb, var(--drl-text) 6%, transparent);
}

.drldial-create-panel .drldial-project-match-form-section:hover {
    transform: none;
}

.drldial-create-panel .drldial-form > .drldial-field {
    position: relative;
    overflow: hidden;
    border-left: 3px solid color-mix(in srgb, var(--dialogue-accent) 72%, var(--drl-line));
}

.drldial-create-panel .drldial-form > .drldial-field:focus-within {
    border-left-color: var(--dialogue-accent);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    min-height: 50px;
    border-radius: 7px;
    background: var(--drl-bg);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--drl-text) 5%, transparent);
    padding: 11px 13px;
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover {
    background: var(--drl-surface-raised);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--drl-text) 5%, transparent);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    box-shadow:
        0 0 0 1px var(--dialogue-accent, var(--item-accent)),
        0 0 0 4px color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 9%, transparent);
}

.drldial-create-panel .drldial-specialization-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 76px;
    overflow: visible;
    grid-template-columns: 40px minmax(0, 1fr) 28px;
    grid-template-rows: none;
    gap: 11px;
    border-radius: 7px;
    padding: 10px 11px;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-state {
    width: 26px;
    height: 26px;
    grid-column: auto;
    margin: 0;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: transparent;
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    border-color: var(--choice-accent);
    background: var(--choice-accent);
}

.drldial-create-panel .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    box-shadow: inset 3px 0 0 var(--choice-accent);
}

.drldial-create-panel .drldial-form-actions {
    background: color-mix(in srgb, var(--drl-surface-raised) 96%, var(--dialogue-accent) 4%);
}

.drldial-create-panel .drldial-form-actions > .drldial-button--primary {
    border-radius: 7px;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--dialogue-accent) 18%, transparent);
}

.drldial-app-surface--account .wpmc-account-item:has(.wpmc-account-edit-surface--dialogue:not([hidden])) {
    box-shadow: 0 16px 38px color-mix(in srgb, var(--item-accent) 10%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--item-accent) 4%, transparent), transparent 34%),
        var(--drl-account-panel);
    padding: 24px;
}

.wpmc-account-edit-form-heading {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.wpmc-account-edit-form-heading h4 {
    font-size: clamp(25px, 2.3vw, 31px);
}

.wpmc-account-edit-type {
    width: fit-content;
    min-height: 28px;
    border-radius: 4px;
    padding: 6px 9px;
}

.drldial-app-surface--account .wpmc-account-edit-section {
    border-radius: 8px;
    background: var(--drl-surface-raised);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--drl-text) 6%, transparent);
    padding: 20px;
}

.drldial-app-surface--account .wpmc-account-edit-section > header {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 11px;
    margin-bottom: 18px;
    padding-bottom: 15px;
}

.drldial-app-surface--account .wpmc-account-edit-section > header > span {
    width: 32px;
    height: 32px;
    border-radius: 5px;
}

.drldial-app-surface--account .wpmc-account-edit-section > header h5 {
    font-size: 19px;
}

.drldial-app-surface--account .wpmc-account-edit-section--brief,
.drldial-app-surface--account .wpmc-account-edit-section--details .drldial-account-fields {
    grid-template-columns: minmax(0, 1fr);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button {
    border-radius: 7px;
}

.drldial-app-surface--account .wpmc-account-edit-actions {
    position: static;
    margin-top: 18px;
    border-radius: 8px;
    background: var(--drl-account-panel-soft);
    box-shadow: none;
    padding: 10px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.drldial-app-surface--account .wpmc-account-edit-actions :is(.wpmc-account-edit-save, .wpmc-account-edit-collapse) {
    min-width: 112px;
    min-height: 44px;
    border-radius: 7px;
}

@media (max-width: 1180px) {
    .drldial-create-panel .drldial-specialization-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .drldial-create-panel .drldial-specialization-options,
    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-options {
        grid-template-columns: 1fr;
    }

    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
        padding: 18px;
    }
}

/* Contemporary neutral workspace: accent color is reserved for interaction. */
.drldial-create-panel > .drldial-form {
    border: 1px solid var(--drl-line);
    border-top: 4px solid var(--dialogue-accent);
    border-radius: 0;
    background: var(--drl-surface);
    box-shadow: 0 22px 54px color-mix(in srgb, var(--drl-text) 9%, transparent);
}

.drldial-create-panel > .drldial-form::before {
    display: none;
}

.drldial-create-panel .drldial-form-heading {
    position: relative;
    overflow: hidden;
    border-bottom: 0;
    background:
        radial-gradient(circle at 86% 20%, color-mix(in srgb, var(--dialogue-accent) 16%, transparent), transparent 26%),
        linear-gradient(125deg, #11191b, #172225 72%, #11191b);
    padding-top: clamp(34px, 5vw, 58px);
    padding-bottom: clamp(34px, 5vw, 58px);
    color: #f7f7f3;
}

.drldial-create-panel .drldial-form-heading::after {
    position: absolute;
    right: -42px;
    bottom: -84px;
    width: 240px;
    height: 240px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 30%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px color-mix(in srgb, var(--dialogue-accent) 5%, transparent),
        0 0 0 68px color-mix(in srgb, var(--dialogue-accent) 3%, transparent);
    content: "";
    pointer-events: none;
}

.drldial-create-panel .drldial-form-heading > div:first-child {
    z-index: 1;
    max-width: 760px;
    padding-left: 0;
}

.drldial-create-panel .drldial-form-heading > div:first-child::before {
    display: none;
}

.drldial-create-panel .drldial-form-heading .drldial-eyebrow {
    color: color-mix(in srgb, var(--dialogue-accent) 82%, #ffffff);
    font-family: var(--drl-font-ui);
    font-size: 10px;
    letter-spacing: 0.16em;
}

.drldial-create-panel .drldial-form-heading h2 {
    color: #ffffff;
    font-family: var(--drl-font-ui);
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 720;
    letter-spacing: -0.045em;
    line-height: 1.02;
}

.drldial-create-panel .drldial-form-heading p {
    max-width: 680px;
    color: #bec7c8;
    font-size: 14px;
    line-height: 1.65;
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading {
    z-index: 1;
    border-color: rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.drldial-create-panel .drldial-form > .drldial-field,
.drldial-create-panel .drldial-form > .drldial-form-grid,
.drldial-create-panel .drldial-form > .drldial-co-build-foundation-fields,
.drldial-create-panel .drldial-form > .drldial-specialization-field,
.drldial-create-panel .drldial-project-match-form-section,
.drldial-create-panel .drldial-form .drldial-team-roles-fieldset {
    border: 1px solid var(--drl-line);
    border-radius: 12px;
    background: var(--drl-surface-raised);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--drl-text) 6%, transparent);
}

.drldial-create-panel .drldial-project-match-form-section {
    width: min(100%, 920px);
    margin-right: auto;
    margin-left: auto;
    padding: clamp(22px, 3vw, 34px);
}

.drldial-create-panel .drldial-project-match-form-section > header {
    align-items: center;
    border-bottom-color: var(--drl-line);
}

.drldial-create-panel .drldial-project-match-form-section > header > span {
    border: 0;
    border-radius: 7px;
    background: #151d1f;
    box-shadow: none;
    color: #ffffff;
}

.drldial-create-panel .drldial-project-match-form-section > header h3 {
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 19px;
    font-weight: 760;
    letter-spacing: -0.015em;
}

.drldial-create-panel .drldial-form .drldial-field > span:first-child,
.drldial-create-panel .drldial-form .drldial-specialization-field > legend {
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-weight: 720;
}

.drldial-create-panel .drldial-form .drldial-field > span:first-child::before,
.drldial-create-panel .drldial-form .drldial-specialization-field > legend::before {
    background: var(--dialogue-accent);
    box-shadow: none;
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    border-color: var(--drl-line-strong);
    border-radius: 9px;
    background: var(--drl-surface-raised);
    box-shadow: none;
    color: var(--drl-text);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea)::placeholder,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea)::placeholder {
    color: var(--drl-text-subtle);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover {
    border-color: color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 42%, var(--drl-line-strong));
    background: var(--drl-surface-raised);
}

.drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    border-color: var(--dialogue-accent, var(--item-accent));
    background: var(--drl-surface-raised);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 11%, transparent);
}

.drldial-create-panel .drldial-form-actions {
    border-top-color: var(--drl-line);
    background: var(--drl-surface-soft);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    border-top-color: var(--drl-account-border);
    background: var(--drl-account-panel);
}

.wpmc-account-edit-form-heading {
    margin: -24px -24px 20px;
    border-bottom: 0;
    background:
        radial-gradient(circle at 94% 0, color-mix(in srgb, var(--item-accent) 18%, transparent), transparent 34%),
        #121a1c;
    padding: 25px 24px;
    color: #ffffff;
}

.wpmc-account-edit-form-heading h4 {
    color: #ffffff;
    font-family: var(--drl-font-ui);
    font-size: 27px;
    font-weight: 730;
    letter-spacing: -0.035em;
}

.wpmc-account-edit-form-heading p {
    color: #b9c2c3;
}

.wpmc-account-edit-type {
    border-color: color-mix(in srgb, var(--item-accent) 54%, rgba(255, 255, 255, 0.2));
    background: color-mix(in srgb, var(--item-accent) 15%, transparent);
    color: color-mix(in srgb, var(--item-accent) 76%, #ffffff);
}

.drldial-app-surface--account .wpmc-account-edit-section {
    border-color: var(--drl-account-border);
    border-radius: 10px;
    background: var(--drl-surface-raised);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--drl-text) 6%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-section > header > span {
    border: 0;
    background: #151d1f;
    color: #ffffff;
}

.drldial-app-surface--account .wpmc-account-edit-section > header h5,
.drldial-app-surface--account .wpmc-account-edit-section--details > .drldial-specialization-field > legend {
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-weight: 750;
}

.drldial-app-surface--account .wpmc-account-edit-actions {
    border-color: var(--drl-account-border);
    background: var(--drl-surface-soft);
}

html[data-theme="dark"] .drldial-create-panel .drldial-project-match-form-section > header > span,
html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-section > header > span {
    background: color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 72%, #ffffff);
    color: #071012;
}

@media (max-width: 640px) {
    .drldial-create-panel .drldial-form-heading::after {
        opacity: 0.5;
    }

    .drldial-create-panel .drldial-form-heading h2 {
        font-size: clamp(29px, 10vw, 38px);
    }
}

/* Dialogue accent without a tinted canvas or repeated explanatory copy. */
.drldial-create-panel .drldial-form-heading {
    border-bottom: 1px solid var(--drl-line);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent) 7%, transparent), transparent 42%),
        var(--drl-surface-raised);
    color: var(--drl-text);
}

.drldial-create-panel .drldial-form-heading::after {
    right: -86px;
    bottom: -138px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 22%, transparent);
    box-shadow:
        0 0 0 34px color-mix(in srgb, var(--dialogue-accent) 4%, transparent),
        0 0 0 68px color-mix(in srgb, var(--dialogue-accent) 2%, transparent);
}

.drldial-create-panel .drldial-form-heading .drldial-eyebrow {
    color: var(--dialogue-accent-strong);
}

.drldial-create-panel .drldial-form-heading h2 {
    max-width: 640px;
    color: var(--drl-text);
    font-size: clamp(29px, 3.4vw, 42px);
}

.drldial-create-panel .drldial-form-heading p,
.drldial-create-panel .drldial-project-match-form-section > header p,
.wpmc-account-edit-form-heading p,
.drldial-app-surface--account .wpmc-account-edit-section > header p {
    display: none;
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading {
    border-color: color-mix(in srgb, var(--dialogue-accent) 38%, var(--drl-line));
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.drldial-create-panel .drldial-form-heading > .drldial-type-heading .drldial-tooltip-trigger {
    border-color: color-mix(in srgb, var(--dialogue-accent) 48%, var(--drl-line));
    color: var(--dialogue-accent-strong);
}

.drldial-create-panel .drldial-project-match-form-section > header > span,
.drldial-app-surface--account .wpmc-account-edit-section > header > span {
    background: var(--dialogue-accent, var(--item-accent));
    color: #ffffff;
}

.wpmc-account-edit-form-heading {
    border-bottom: 1px solid color-mix(in srgb, var(--item-accent) 28%, var(--drl-account-border));
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--item-accent) 8%, transparent), transparent 58%),
        var(--drl-surface-raised);
    color: var(--drl-text);
}

.wpmc-account-edit-form-heading h4 {
    color: var(--drl-text);
}

.wpmc-account-edit-type {
    border-color: color-mix(in srgb, var(--item-accent) 44%, var(--drl-account-border));
    background: var(--item-accent-soft);
    color: var(--item-accent);
}

html[data-theme="dark"] .drldial-create-panel .drldial-project-match-form-section > header > span,
html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-section > header > span {
    color: #071012;
}

/* Team Up role editor inside account cards. */
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-roles-fieldset {
    min-width: 0;
    margin: 6px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-roles-fieldset > legend {
    margin-bottom: 12px;
    padding: 0;
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 760;
    letter-spacing: 0.02em;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-list {
    display: grid;
    counter-reset: drl-team-role;
    gap: 12px;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-row {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 78px;
    grid-template-areas:
        "name seats"
        "skills skills";
    align-items: start;
    gap: 14px 12px;
    counter-increment: drl-team-role;
    border: 1px solid var(--drl-account-border);
    border-left: 3px solid color-mix(in srgb, var(--item-accent) 72%, var(--drl-account-border));
    border-radius: 8px;
    background: var(--drl-account-panel);
    box-shadow: 0 7px 20px color-mix(in srgb, var(--drl-text) 5%, transparent);
    padding: 48px 14px 15px;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-row::before {
    position: absolute;
    top: 16px;
    left: 14px;
    color: var(--item-accent);
    content: "Role " counter(drl-team-role, decimal-leading-zero);
    font-size: 9px;
    font-weight: 820;
    letter-spacing: 0.15em;
    line-height: 1;
    text-transform: uppercase;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-name {
    grid-area: name;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-skills {
    grid-area: skills;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-seats {
    grid-area: seats;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-skills textarea {
    min-height: 92px;
    resize: vertical;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-seats input {
    padding-inline: 10px;
    text-align: center;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    width: 28px;
    min-height: 28px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drl-danger) 46%, var(--drl-account-border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--drl-danger) 5%, transparent);
    color: var(--drl-danger);
    font-size: 17px;
    line-height: 1;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-remove:hover,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-remove:focus-visible {
    border-color: var(--drl-danger);
    background: var(--drl-danger);
    color: #ffffff;
    outline: 0;
    transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-add {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    border: 1px dashed color-mix(in srgb, var(--item-accent) 54%, var(--drl-account-border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--item-accent) 4%, transparent);
    color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-add::before {
    content: "+";
    font-size: 19px;
    font-weight: 450;
    line-height: 1;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-add:hover,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-add:focus-visible {
    border-style: solid;
    border-color: var(--item-accent);
    background: var(--item-accent-soft);
    outline: 0;
}

@media (max-width: 420px) {
    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-row {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "name"
            "seats"
            "skills";
    }
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 82px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: minmax(56px, auto);
    gap: 12px;
    padding: 12px;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-state {
    display: none;
}

.drldial-create-panel .drldial-project-match-form-section {
    margin-top: 0;
    border: 0;
    border-bottom: 1px solid var(--drl-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: clamp(28px, 4vw, 42px) 0;
}

.drldial-create-panel .drldial-project-match-form-section:last-of-type {
    border-bottom: 0;
}

.drldial-create-panel .drldial-project-match-form-section:focus-within {
    border-color: var(--drl-line);
    box-shadow: none;
}

.drldial-create-panel .drldial-project-match-form-section > header,
.drldial-app-surface--account .wpmc-account-edit-section > header {
    border-bottom: 0;
    padding-bottom: 0;
}

.drldial-app-surface--account .wpmc-account-edit-section {
    border: 0;
    border-bottom: 1px solid var(--drl-account-border);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 26px 0;
}

.drldial-app-surface--account .wpmc-account-edit-section + .wpmc-account-edit-section {
    margin-top: 0;
}

.drldial-app-surface--account .wpmc-account-edit-section:last-of-type {
    border-bottom: 0;
}

html:not([data-theme="dark"]) .drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea),
html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    background-color: color-mix(in srgb, var(--drl-surface-raised) 28%, transparent);
}

html:not([data-theme="dark"]) .drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover,
html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):hover {
    background-color: color-mix(in srgb, var(--drl-surface-raised) 44%, transparent);
}

html:not([data-theme="dark"]) .drldial-create-panel .drldial-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus,
html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea):focus {
    background-color: color-mix(in srgb, var(--drl-surface-raised) 58%, transparent);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    background: var(--drl-surface);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-form-heading {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--item-accent) 7%, transparent), transparent 42%),
        var(--drl-surface-raised);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-actions {
    background: var(--drl-surface-soft);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button {
    background: var(--drl-dialogue-editor-raised);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-option:hover .drldial-professional-choice-button {
    background: color-mix(in srgb, var(--drl-dialogue-editor-raised) 88%, var(--item-accent) 12%);
}

html:not([data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-row {
    background: var(--drl-dialogue-editor-raised);
}

.drldial-create-panel > .drldial-form,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    --drl-dialogue-editor-canvas: rgb(233 223 210 / 14%);
    --drl-dialogue-editor-raised: rgb(233 223 210 / 40%);
    --drl-dialogue-editor-soft: rgb(233 223 210 / 52%);
    --drl-dialogue-editor-line: var(--drl-line);
    background-color: var(--drl-dialogue-editor-canvas);
}

html[data-theme="dark"] .drldial-create-panel > .drldial-form,
html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    --drl-dialogue-editor-canvas: rgb(255 255 255 / 3%);
    --drl-dialogue-editor-raised: rgb(255 255 255 / 7%);
    --drl-dialogue-editor-soft: rgb(255 255 255 / 10%);
}

html:is(:not([data-theme="dark"]), [data-theme="dark"]) .drldial-create-panel .drldial-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
),
html:is(:not([data-theme="dark"]), [data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
) {
    background-color: var(--drl-dialogue-editor-raised);
}

html:is(:not([data-theme="dark"]), [data-theme="dark"]) .drldial-create-panel .drldial-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
):is(:hover, :focus),
html:is(:not([data-theme="dark"]), [data-theme="dark"]) .drldial-app-surface--account .wpmc-account-edit-surface--dialogue :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
):is(:hover, :focus) {
    background-color: color-mix(in srgb, var(--drl-dialogue-editor-raised) 88%, var(--dialogue-accent, var(--item-accent)) 12%);
}

html[data-theme="dark"] .drldial-form--long-run select,
html[data-theme="dark"] .drldial-form--long-run input[type="date"] {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
    -webkit-text-fill-color: var(--drl-text);
    color-scheme: dark;
}

html[data-theme="dark"] .drldial-form--long-run select:invalid {
    color: var(--drl-text-muted);
    -webkit-text-fill-color: var(--drl-text-muted);
}

html[data-theme="dark"] .drldial-form--long-run select option {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
}

.drldial-create-panel .drldial-form-heading,
.drldial-app-surface--account .wpmc-account-edit-form-heading {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent, var(--item-accent)) 7%, transparent), transparent 42%),
        var(--drl-dialogue-editor-raised);
}

.drldial-create-panel .drldial-form-actions,
.drldial-app-surface--account .wpmc-account-edit-actions {
    background: var(--drl-dialogue-editor-soft);
}

.drldial-create-panel .drldial-form > :is(
    .drldial-field,
    .drldial-form-grid,
    .drldial-co-build-foundation-fields,
    .drldial-team-roles-fieldset,
    .drldial-team-invitation-editor,
    .drldial-specialization-field
) {
    width: min(100%, 920px);
    margin: 0 auto;
    border: 0;
    border-bottom: 1px solid var(--drl-dialogue-editor-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: clamp(28px, 4vw, 42px) 0;
}

.drldial-create-panel .drldial-form > :is(
    .drldial-field,
    .drldial-form-grid,
    .drldial-co-build-foundation-fields,
    .drldial-team-roles-fieldset,
    .drldial-team-invitation-editor,
    .drldial-specialization-field
):focus-within {
    border-color: var(--drl-dialogue-editor-line);
    box-shadow: none;
}

.drldial-create-panel .drldial-form > :is(
    .drldial-field,
    .drldial-form-grid,
    .drldial-co-build-foundation-fields,
    .drldial-team-roles-fieldset,
    .drldial-specialization-field
):has(+ .drldial-form-actions) {
    border-bottom: 0;
}

.drldial-create-panel .drldial-form > .drldial-field {
    overflow: visible;
    border-left: 0;
}

.drldial-create-panel .drldial-form .drldial-team-roles-fieldset > legend {
    background: var(--drl-dialogue-editor-canvas);
}

.drldial-app-surface--account .wpmc-account-edit-section,
.drldial-app-surface--account .wpmc-account-edit-section--details .drldial-account-fields {
    background: transparent;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields--team-up .drldial-team-role-row {
    background-color: var(--drl-dialogue-editor-raised);
}

.drldial-create-panel .drldial-form :is(
    .drldial-image-picker,
    .drldial-professional-choice-button,
    .drldial-team-role-row
),
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue :is(
    .drldial-professional-choice-button,
    .drldial-team-role-row
) {
    background: var(--drl-dialogue-editor-raised);
}

.drldial-create-panel .drldial-form :is(
    .drldial-warm-intro-consent-note,
    .drldial-notice
),
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue :is(
    .drldial-account-protocol-state,
    .drldial-notice
) {
    background: var(--drl-dialogue-editor-soft);
}

.drldial-create-panel .drldial-form .drldial-image-picker,
.drldial-create-panel .drldial-form .drldial-professional-choice-button,
.drldial-create-panel .drldial-form .drldial-team-role-row,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-professional-choice-button,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-team-role-row,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-protocol-state,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-notice {
    border-color: var(--drl-dialogue-editor-line);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-account-fields > label,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-team-roles-fieldset,
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field {
    background: transparent;
}

.drldial-app-surface--account .drldial-candidate-pagination {
    align-items: center;
}

.drldial-app-surface--account .drldial-candidate-pagination > span {
    min-width: 110px;
    color: var(--drl-text-muted);
    font-size: 12px;
    font-weight: 650;
    text-align: center;
}

@media (max-width: 560px) {
    .drldial-app-surface--account .wpmc-account-item-main {
        padding: 22px 20px 0;
    }

    .drldial-app-surface--account .wpmc-account-item-header {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
    }

    .drldial-app-surface--account .wpmc-account-item--dialogue-request .wpmc-account-item-role {
        right: 18px;
        grid-column: auto;
        justify-self: auto;
        margin-top: 0;
    }

    .drldial-app-surface--account .wpmc-account-dialogue-actions {
        display: grid;
        grid-template-columns: 1fr;
        min-width: calc(100% + 40px);
        margin-right: -20px;
        margin-left: -20px;
    }

    .drldial-app-surface--account .wpmc-account-dialogue-action {
        justify-content: flex-start;
        border-right: 0;
        border-bottom: 1px solid var(--drl-account-border);
    }

    .drldial-app-surface--account .wpmc-account-dialogue-action:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 980px) {
    .drldial-app-surface--account .wpmc-account-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media not all {
/* Superseded account-editor approximation retained outside the active cascade. */
.drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
    --dialogue-accent: var(--item-accent, var(--drl-workspace-nav));
    --dialogue-accent-strong: var(--item-accent-strong, var(--item-accent, var(--drl-workspace-nav)));
    --dialogue-accent-soft: var(--item-accent-soft, var(--drl-workspace-nav-soft));
    --drl-dialogue-editor-padding: clamp(22px, 3.4vw, 42px);
    overflow: hidden;
    border: 1px solid var(--drl-dialogue-editor-line, var(--drl-account-border));
    border-top: 4px solid var(--dialogue-accent);
    border-radius: 0;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--dialogue-accent) 4%, transparent), transparent 34%),
        var(--drl-dialogue-editor-canvas);
    box-shadow:
        0 18px 46px color-mix(in srgb, var(--drl-text) 8%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent);
    padding: var(--drl-dialogue-editor-padding);
}

.drldial-app-surface--account .wpmc-account-dialogue-editor-page {
    min-height: min(760px, calc(100vh - 150px));
    border-radius: 0;
}

.drldial-app-surface--account .wpmc-account-dialogue-editor-page__topbar {
    margin:
        calc(-1 * var(--drl-dialogue-editor-padding))
        calc(-1 * var(--drl-dialogue-editor-padding))
        34px;
    border-bottom-color: var(--drl-dialogue-editor-line);
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--dialogue-accent) 9%, transparent), transparent 58%),
        var(--drl-dialogue-editor-raised);
    padding:
        clamp(24px, 3vw, 34px)
        var(--drl-dialogue-editor-padding);
}

.drldial-app-surface--account .wpmc-account-edit-form-heading {
    position: relative;
    overflow: hidden;
    margin:
        calc(-1 * var(--drl-dialogue-editor-padding))
        calc(-1 * var(--drl-dialogue-editor-padding))
        8px;
    border-bottom: 1px solid var(--drl-dialogue-editor-line);
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--dialogue-accent) 9%, transparent), transparent 58%),
        var(--drl-dialogue-editor-raised);
    padding:
        clamp(30px, 4vw, 48px)
        var(--drl-dialogue-editor-padding);
}

.drldial-app-surface--account .wpmc-account-edit-form--fullscreen .wpmc-account-edit-form-heading {
    margin: 0 0 8px;
    border: 1px solid var(--drl-dialogue-editor-line);
}

.drldial-app-surface--account .wpmc-account-edit-form-heading::after {
    position: absolute;
    right: -86px;
    bottom: -138px;
    width: 240px;
    height: 240px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 34px color-mix(in srgb, var(--dialogue-accent) 4%, transparent),
        0 0 0 68px color-mix(in srgb, var(--dialogue-accent) 2%, transparent);
    content: "";
    pointer-events: none;
}

.drldial-app-surface--account .wpmc-account-edit-form-heading > * {
    position: relative;
    z-index: 1;
}

.drldial-app-surface--account .wpmc-account-edit-eyebrow {
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account .wpmc-account-edit-type {
    border-color: color-mix(in srgb, var(--dialogue-accent) 38%, var(--drl-dialogue-editor-line));
    border-radius: 6px;
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account .wpmc-account-edit-section {
    width: min(100%, 920px);
    margin-inline: auto;
    border: 0;
    border-bottom: 1px solid var(--drl-dialogue-editor-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: clamp(28px, 4vw, 42px) 0;
}

.drldial-app-surface--account .wpmc-account-edit-section + .wpmc-account-edit-section {
    margin-top: 0;
}

.drldial-app-surface--account .wpmc-account-edit-section:last-of-type {
    border-bottom: 0;
}

.drldial-app-surface--account .wpmc-account-edit-section > header > span {
    border: 0;
    border-radius: 7px;
    background: var(--dialogue-accent);
    box-shadow: none;
    color: #ffffff;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-section > header > span {
    color: #071012;
}

.drldial-app-surface--account .wpmc-account-edit-section label > span:first-child,
.drldial-app-surface--account .wpmc-account-edit-section .drldial-field > span:first-child,
.drldial-app-surface--account .wpmc-account-edit-section .drldial-specialization-field > legend {
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-weight: 720;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
) {
    min-height: 54px;
    border: 1px solid var(--drl-line-strong);
    border-radius: 9px;
    background-color: var(--drl-dialogue-editor-raised);
    box-shadow: none;
    color: var(--drl-text);
    padding: 13px 15px;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form textarea {
    min-height: 142px;
    line-height: 1.65;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-surface--dialogue :is(select, input[type="date"]) {
    color-scheme: dark;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
):hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 42%, var(--drl-line-strong));
    background-color: color-mix(in srgb, var(--drl-dialogue-editor-raised) 88%, var(--dialogue-accent) 12%);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .wpmc-account-edit-form :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
):focus {
    border-color: var(--dialogue-accent);
    outline: 0;
    background-color: color-mix(in srgb, var(--drl-dialogue-editor-raised) 88%, var(--dialogue-accent) 12%);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--dialogue-accent) 11%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 124px;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: minmax(68px, auto) 36px;
    gap: 10px 12px;
    border: 1px solid var(--drl-dialogue-editor-line);
    border-radius: 12px;
    background: var(--drl-dialogue-editor-raised);
    box-shadow: none;
    padding: 12px 12px 0;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-state {
    display: flex;
    width: calc(100% + 24px);
    height: 36px;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: center;
    margin: 0 -12px;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--choice-accent) 26%, var(--drl-dialogue-editor-line));
    border-radius: 0;
    background: color-mix(in srgb, var(--choice-accent) 6%, transparent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-option:hover .drldial-professional-choice-button {
    border-color: color-mix(in srgb, var(--choice-accent) 44%, var(--drl-dialogue-editor-line));
    background: color-mix(in srgb, var(--drl-dialogue-editor-raised) 88%, var(--choice-accent) 12%);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    border-color: var(--choice-accent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--choice-accent) 12%, transparent), transparent 66%),
        var(--drl-dialogue-editor-raised);
    box-shadow: inset 3px 0 0 var(--choice-accent);
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    border-color: var(--choice-accent);
    background: var(--choice-accent);
}

.drldial-app-surface--account .wpmc-account-edit-actions,
.drldial-app-surface--account .wpmc-account-edit-form--fullscreen .wpmc-account-edit-actions {
    position: static;
    justify-content: flex-end;
    margin:
        16px
        calc(-1 * var(--drl-dialogue-editor-padding))
        calc(-1 * var(--drl-dialogue-editor-padding));
    border: 0;
    border-top: 1px solid var(--drl-dialogue-editor-line);
    border-radius: 0;
    background: color-mix(in srgb, var(--drl-dialogue-editor-raised) 96%, var(--dialogue-accent) 4%);
    box-shadow: none;
    padding: 24px var(--drl-dialogue-editor-padding);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save {
    min-width: min(340px, 100%);
    min-height: 50px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 78%, var(--drl-text));
    border-radius: 7px;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 14%, transparent), transparent 56%),
        var(--dialogue-accent);
    box-shadow:
        0 8px 18px color-mix(in srgb, var(--dialogue-accent) 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 24%, transparent);
    color: #ffffff;
    letter-spacing: 0.01em;
    transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save {
    color: #071012;
}

.drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save:hover,
.drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save:focus-visible {
    border-color: var(--dialogue-accent-strong);
    outline: 0;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 18%, transparent), transparent 58%),
        var(--dialogue-accent-strong);
    box-shadow:
        0 15px 30px color-mix(in srgb, var(--dialogue-accent) 28%, transparent),
        0 0 0 3px var(--dialogue-accent-soft);
    color: #ffffff;
    transform: translateY(-1px);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save:hover,
html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-edit-actions .wpmc-account-edit-save:focus-visible {
    color: #071012;
}

.drldial-app-surface--account .wpmc-account-edit-actions :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
) {
    min-width: 126px;
    min-height: 50px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 56%, var(--drl-dialogue-editor-line));
    border-radius: 7px;
    background: var(--drl-dialogue-editor-raised);
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account .wpmc-account-edit-actions :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
):hover,
.drldial-app-surface--account .wpmc-account-edit-actions :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
):focus-visible {
    border-color: var(--dialogue-accent);
    outline: 0;
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
    transform: translateY(-1px);
}

@media (max-width: 640px) {
    .drldial-app-surface--account .wpmc-account-edit-surface--dialogue {
        --drl-dialogue-editor-padding: 18px;
    }

    .drldial-app-surface--account .wpmc-account-edit-form-heading::after {
        opacity: 0.5;
    }

    .drldial-app-surface--account .wpmc-account-edit-actions {
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
    }

    .drldial-app-surface--account .wpmc-account-edit-actions :is(
        .wpmc-account-edit-save,
        .wpmc-account-edit-collapse,
        .wpmc-account-edit-back
    ) {
        width: 100%;
    }
}

}

/* Account editors render the actual creation-form component. */
.drldial-app-surface--account .drldial-create-panel--account-editor {
    --dialogue-accent: var(--item-accent, var(--drl-workspace-nav));
    --dialogue-accent-strong: var(--item-accent-strong, var(--item-accent, var(--drl-workspace-nav)));
    --dialogue-accent-soft: var(--item-accent-soft, var(--drl-workspace-nav-soft));
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue.drldial-create-panel--account-editor {
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.drldial-app-surface--account .wpmc-account-edit-surface--dialogue.drldial-create-panel--account-editor::before {
    display: none;
}

.drldial-app-surface--account .drldial-create-panel--account-editor > .drldial-form {
    position: relative;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-form-heading {
    display: flex;
    grid-template-columns: none;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-account-edit-title {
    max-width: 640px;
    margin: 0;
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: clamp(29px, 3.4vw, 42px);
    font-weight: 720;
    letter-spacing: -0.045em;
    line-height: 1.02;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-type {
    min-height: 20px;
    flex: 0 0 auto;
    align-self: flex-start;
    gap: 7px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 38%, var(--drl-line));
    border-radius: 6px;
    background: var(--dialogue-accent-soft);
    padding: 8px 11px 8px 14px;
    color: var(--dialogue-accent-strong);
    font-size: 12px;
    font-weight: 650;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-section--brief {
    display: block;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-section > header h5 {
    margin: 0;
    color: var(--drl-text);
    font-family: var(--drl-font-ui);
    font-size: 19px;
    font-weight: 760;
    letter-spacing: -0.015em;
    line-height: 1.2;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-section > .drldial-field + .drldial-field {
    margin-top: 20px;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-section .drldial-field > span:first-child,
.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-section .drldial-specialization-field > legend {
    color: var(--drl-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 76px;
    overflow: visible;
    grid-template-columns: 40px minmax(0, 1fr) 28px;
    grid-template-rows: none;
    gap: 11px;
    border-radius: 7px;
    background: var(--drl-dialogue-editor-raised);
    padding: 10px 11px;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-field .drldial-professional-choice-state {
    display: grid;
    width: 26px;
    height: 26px;
    grid-column: auto;
    place-items: center;
    margin: 0;
    border: 1px solid var(--drl-line-strong);
    border-radius: 50%;
    background: transparent;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button {
    box-shadow: none;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-field .drldial-professional-choice-option > input:checked + .drldial-professional-choice-button .drldial-professional-choice-state {
    border-color: var(--choice-accent);
    background: var(--choice-accent);
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-form--account-edit:not(.wpmc-account-edit-form--fullscreen) .drldial-specialization-field .drldial-professional-choice-button {
    min-height: 126px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    align-items: start;
    justify-items: start;
    gap: 12px;
    padding: 14px;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-form--account-edit:not(.wpmc-account-edit-form--fullscreen) .drldial-specialization-field .drldial-professional-choice-icon {
    grid-column: 1;
    grid-row: 1;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-form--account-edit:not(.wpmc-account-edit-form--fullscreen) .drldial-specialization-field .drldial-professional-choice-label {
    width: 100%;
    grid-column: 1;
    grid-row: 2;
    overflow-wrap: normal;
    text-align: left;
    word-break: normal;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .drldial-form--account-edit:not(.wpmc-account-edit-form--fullscreen) .drldial-specialization-field .drldial-professional-choice-state {
    display: none;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-actions {
    position: static;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin:
        28px
        calc(-1 * var(--drldial-flow-padding))
        calc(-1 * var(--drldial-flow-padding));
    border: 0;
    border-top: 1px solid var(--drl-dialogue-editor-line);
    border-radius: 0;
    background: var(--drl-dialogue-editor-soft);
    box-shadow: none;
    padding: 24px var(--drldial-flow-padding);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary {
    min-width: 220px;
    min-height: 50px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 78%, var(--drl-text));
    border-radius: 7px;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 14%, transparent), transparent 56%),
        var(--dialogue-accent);
    box-shadow:
        0 8px 18px color-mix(in srgb, var(--dialogue-accent) 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, #ffffff 24%, transparent);
    color: #ffffff;
    letter-spacing: 0.01em;
}

html[data-theme="dark"] .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary {
    color: #071012;
}

.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary:hover,
.drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary:focus-visible {
    border-color: var(--dialogue-accent-strong);
    outline: 0;
    background:
        linear-gradient(180deg, color-mix(in srgb, #ffffff 18%, transparent), transparent 58%),
        var(--dialogue-accent-strong);
    box-shadow:
        0 15px 30px color-mix(in srgb, var(--dialogue-accent) 28%, transparent),
        0 0 0 3px var(--dialogue-accent-soft);
    color: #ffffff;
    transform: translateY(-1px);
}

html[data-theme="dark"] .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary:hover,
html[data-theme="dark"] .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-save.drldial-button--primary:focus-visible {
    color: #071012;
}

.drldial-app-surface--account .drldial-create-panel--account-editor :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
) {
    min-width: 220px;
    min-height: 50px;
    border: 1px solid var(--dialogue-accent);
    border-radius: 7px;
    background: transparent;
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account .drldial-create-panel--account-editor :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
):hover,
.drldial-app-surface--account .drldial-create-panel--account-editor :is(
    .wpmc-account-edit-collapse,
    .wpmc-account-edit-back
):focus-visible {
    outline: 0;
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

@media (max-width: 760px) {
    .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-form-heading {
        display: grid;
        grid-template-columns: 1fr;
    }

    .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-app-surface--account .drldial-create-panel--account-editor .wpmc-account-edit-actions > * {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .drldial-app-surface--account .drldial-create-panel--account-editor .drldial-specialization-options {
        grid-template-columns: 1fr;
    }
}

/* Dialogue card backgrounds from the WPMC Dialogues asset catalog. */
:is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card) {
  position: relative;
  isolation: isolate;
  overflow: visible;
  overflow: hidden;
}

:is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card)::before {
  position: absolute;
  right: -20px;
  bottom: -18px;
  z-index: 0;
  width: clamp(178px, 46%, 248px);
  aspect-ratio: 16 / 11;
  background-color: var(--dialogue-accent, currentColor);
  content: "";
  opacity: 0.16;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
  -webkit-mask-image: var(--drldial-card-art);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: var(--drldial-card-art);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

:is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card):hover::before {
  opacity: 0.23;
  transform: translate(-4px, -3px) scale(1.025);
}

:is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card) > * {
  position: relative;
  z-index: 1;
}

.drldial-home-type-card::before {
  right: -30px;
  bottom: -20px;
  width: 190px;
  opacity: 0.14;
}

.drldial-home-type-card--project-match {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/01-wordpress-orbit.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/01-wordpress-orbit.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/02-woocommerce-brief.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/03-elementor-mosaic.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/04-skill-constellation.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/05-match-current.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/06-brief-blueprint.svg");
}

:is(.drldial-card--project-match, .drldial-opportunity-card--project-match):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-match/07-project-topography.svg");
}

.drldial-home-type-card--long-run {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/01-wp-rocket-orbit.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/01-wp-rocket-orbit.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/02-mainwp-maintenance.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/03-cloudflare-mosaic.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/04-cadence-constellation.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/05-product-current.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/06-roadmap-blueprint.svg");
}

:is(.drldial-card--long-run, .drldial-opportunity-card--long-run):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/long-run/07-evergreen-topography.svg");
}

.drldial-home-type-card--team-up {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/01-github-orbit.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/01-github-orbit.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/02-gitlab-workspace.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/03-figma-mosaic.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/04-role-constellation.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/05-collaboration-current.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/06-roundtable-blueprint.svg");
}

:is(.drldial-card--team-up, .drldial-opportunity-card--team-up):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/team-up/07-shared-summit.svg");
}

.drldial-home-type-card--co-build {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/01-php-orbit.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/01-php-orbit.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/02-mysql-blueprint.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/03-redis-mosaic.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/04-block-constellation.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/05-build-current.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/06-product-blueprint.svg");
}

:is(.drldial-card--co-build, .drldial-opportunity-card--co-build):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/co-build/07-component-topography.svg");
}

.drldial-home-type-card--project-relay {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/01-wp-engine-orbit.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/01-wp-engine-orbit.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/02-docker-handoff.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/03-nginx-mosaic.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/04-handoff-constellation.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/05-workflow-current.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/06-context-blueprint.svg");
}

:is(.drldial-card--project-relay, .drldial-opportunity-card--project-relay):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/project-relay/07-continuity-topography.svg");
}

.drldial-home-type-card--warm-intro {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/01-gravatar-orbit.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/01-gravatar-orbit.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/02-automattic-bridge.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/03-mailchimp-mosaic.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/04-consent-constellation.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/05-referral-current.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/06-introduction-blueprint.svg");
}

:is(.drldial-card--warm-intro, .drldial-opportunity-card--warm-intro):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/warm-intro/07-trust-topography.svg");
}

.drldial-home-type-card--expert-check {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/01-yoast-orbit.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 1) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/01-yoast-orbit.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 2) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/02-search-console-blueprint.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 3) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/03-sentry-mosaic.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 4) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/04-signal-constellation.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 5) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/05-diagnostics-current.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 6) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/06-audit-blueprint.svg");
}

:is(.drldial-card--expert-check, .drldial-opportunity-card--expert-check):nth-child(7n + 7) {
  --drldial-card-art: url("../../plugins/wpmc-dialogues/assets/img/dialogue-card-backgrounds/expert-check/07-performance-topography.svg");
}

@media (prefers-reduced-motion: reduce) {
  :is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card)::before {
    transition: none;
  }
}

.drldial-app-surface--account .wpmc-account-empty {
  --account-empty-accent: var(--drl-account-accent);
  --account-empty-accent-strong: color-mix(in srgb, var(--account-empty-accent) 82%, var(--drl-text));
  --account-empty-accent-soft: var(--drl-account-nav-soft);
  --account-empty-surface: rgb(233 223 210 / 32%);
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--account-empty-accent) 38%, var(--drl-account-border));
  border-left: 3px solid var(--account-empty-accent);
  border-radius: 0;
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--account-empty-accent) 8%, transparent), transparent 56%),
    var(--account-empty-surface);
  box-shadow: none;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-empty {
  --account-empty-surface: rgb(255 255 255 / 5%);
}

.drldial-app-surface--account .wpmc-account-empty__icon {
  width: 52px;
  height: 52px;
  border: 1px solid color-mix(in srgb, var(--account-empty-accent) 54%, var(--drl-account-border));
  border-radius: 0;
  background: var(--account-empty-accent-soft);
  box-shadow: none;
  color: var(--account-empty-accent);
}

.drldial-app-surface--account .wpmc-account-empty__icon .drl-sidebar-link__icon,
.drldial-app-surface--account .wpmc-account-empty__icon :is(svg, .drl-sidebar-link__icon svg) {
  width: 27px;
  height: 27px;
}

.drldial-app-surface--account .wpmc-account-empty__icon .drl-sidebar-link__icon {
  display: grid;
  place-items: center;
  color: inherit;
}

.drldial-app-surface--account .wpmc-account-empty strong {
  color: var(--account-empty-accent-strong);
}

.drldial-app-surface--account .wpmc-account-empty--type-project-match {
  --account-empty-accent: var(--drl-project-match-accent);
  --account-empty-accent-strong: var(--drl-project-match-accent-strong);
  --account-empty-accent-soft: var(--drl-project-match-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-long-run {
  --account-empty-accent: var(--drl-long-run-accent);
  --account-empty-accent-strong: var(--drl-long-run-accent-strong);
  --account-empty-accent-soft: var(--drl-long-run-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-team-up {
  --account-empty-accent: var(--drl-team-up-accent);
  --account-empty-accent-strong: var(--drl-team-up-accent-strong);
  --account-empty-accent-soft: var(--drl-team-up-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-co-build {
  --account-empty-accent: var(--drl-co-build-accent);
  --account-empty-accent-strong: var(--drl-co-build-accent-strong);
  --account-empty-accent-soft: var(--drl-co-build-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-project-relay {
  --account-empty-accent: var(--drl-project-relay-accent);
  --account-empty-accent-strong: var(--drl-project-relay-accent-strong);
  --account-empty-accent-soft: var(--drl-project-relay-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-warm-intro {
  --account-empty-accent: var(--drl-warm-intro-accent);
  --account-empty-accent-strong: var(--drl-warm-intro-accent-strong);
  --account-empty-accent-soft: var(--drl-warm-intro-accent-soft);
}

.drldial-app-surface--account .wpmc-account-empty--type-expert-check {
  --account-empty-accent: var(--drl-expert-check-accent);
  --account-empty-accent-strong: var(--drl-expert-check-accent-strong);
  --account-empty-accent-soft: var(--drl-expert-check-accent-soft);
}

.wpmc-account-empty[class],
.wpmc-account-empty__icon[class] {
  border-radius: 0;
}

.drldial-app-surface--account .drldial-candidate-filter-empty.wpmc-account-empty {
  grid-template-columns: 52px minmax(0, 1fr);
  font-family: var(--drl-font-ui);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.drldial-app-surface--account .drldial-candidate-filter-empty.wpmc-account-empty::before {
  display: none;
  content: none;
}

@media (forced-colors: active) {
  :is(.drldial-card, .drldial-opportunity-card, .drldial-home-type-card)::before {
    display: none;
  }
}

.drldial-app-surface--account .wpmc-account-item[id^="wpmc-account-dialogue-"] {
  scroll-margin-top: 118px;
}

.drldial-app-surface--account .wpmc-account-item.is-linked-target {
  animation: wpmc-account-linked-target 2.4s ease-out;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content {
  padding: 28px 0 34px;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content > span {
  display: block;
  margin-bottom: 10px;
  color: var(--item-accent);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content p {
  max-width: 78ch;
  margin: 0 0 1em;
  color: var(--drl-text);
  font-size: 15px;
  line-height: 1.72;
  white-space: pre-wrap;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content p:last-child {
  margin-bottom: 0;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__fields {
  min-width: 0;
  margin: 0;
  border: 0;
  padding: 0;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__fields :is(input, select, textarea, button) {
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.drldial-app-surface--account .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__public {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* Participant cards use the established Author card system with read-only controls. */
.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-item-title-toggle[aria-expanded="true"] {
  color: var(--item-accent);
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-action,
.drldial-app-surface--account.drldial-app-route--participating a.wpmc-account-dialogue-action,
.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-action.is-disabled {
  width: 100%;
  min-height: 56px;
  align-self: stretch;
  justify-content: center;
  padding: 12px 14px;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-action.is-disabled {
  border-right: 0;
  font-size: 11px;
  font-weight: 720;
  opacity: .62;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue {
  display: grid;
  gap: 0;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-edit-section--brief {
  grid-template-columns: minmax(0, 1fr);
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content {
  grid-column: 1 / -1;
  margin: 0;
  border: 1px solid var(--drl-dialogue-editor-line, var(--drl-account-border));
  border-radius: 9px;
  background: var(--drl-dialogue-editor-raised, var(--drl-surface-raised));
  padding: 18px 20px;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content > span {
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: .02em;
  text-transform: none;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__content p {
  max-width: none;
  font-size: 14px;
  line-height: 1.65;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__fields :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select,
  textarea
) {
  min-height: 50px;
  border: 1px solid var(--drl-dialogue-editor-line, var(--drl-line-strong));
  border-radius: 9px;
  background: var(--drl-dialogue-editor-raised, var(--drl-surface-raised));
  box-shadow: none;
  color: var(--drl-text);
  -webkit-text-fill-color: var(--drl-text);
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-readonly-dialogue__fields textarea {
  resize: none;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue :is(
  .drldial-team-role-add,
  .drldial-team-role-remove
) {
  display: none;
}

.drldial-app-surface--account.drldial-app-route--participating .wpmc-account-view-surface--dialogue .wpmc-account-edit-actions :is(
  .wpmc-account-readonly-dialogue__public,
  .wpmc-account-edit-collapse
) {
  min-width: 126px;
  min-height: 48px;
  border-radius: 11px;
}

@media (max-width: 520px) {
  .drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-action {
    border-right: 0;
    border-bottom: 1px solid var(--drl-account-border);
  }

  .drldial-app-surface--account.drldial-app-route--participating .wpmc-account-dialogue-action:last-child {
    border-bottom: 0;
  }
}

.drldial-app-surface--account a.wpmc-account-dialogue-action:not(.is-disabled) {
  border-color: var(--item-accent);
  background: var(--item-accent);
  color: var(--drl-workspace-on-action);
  opacity: 1;
}

.drldial-app-surface--account a.wpmc-account-dialogue-action:not(.is-disabled):is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--item-accent) 18%, transparent);
  color: var(--item-accent);
  opacity: 1;
}

.drldial-app-surface--account .wpmc-account-dialogue-actions > .wpmc-account-dialogue-action:not(:last-child) {
  border-right-color: color-mix(in srgb, var(--drl-workspace-on-action) 46%, transparent);
}

@media (max-width: 560px) {
  .drldial-app-surface--account .wpmc-account-dialogue-actions > .wpmc-account-dialogue-action:not(:last-child) {
    border-right: 0;
    border-bottom-color: color-mix(in srgb, var(--drl-workspace-on-action) 46%, transparent);
  }
}

@keyframes wpmc-account-linked-target {
  0%,
  18% {
    border-color: var(--item-accent);
    box-shadow:
      0 0 0 5px color-mix(in srgb, var(--item-accent) 15%, transparent),
      0 22px 54px color-mix(in srgb, var(--item-accent) 18%, transparent);
  }

  100% {
    border-color: var(--drl-account-border);
    box-shadow: var(--drl-account-card-shadow);
  }
}

/* Candidate response cards */
.drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filters {
  border-radius: 0;
  background: rgb(233 223 210 / 50%);
  box-shadow: none;
}

html[data-theme="dark"] .drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filters {
  background: rgb(49 38 27 / 50%);
}

.drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filter,
.drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filter strong {
  border-radius: 0;
}

.drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filter strong {
  background: rgb(233 223 210 / 25%);
}

html[data-theme="dark"] .drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filter strong {
  background: rgb(49 38 27 / 25%);
}

.drldial-app-surface--account.drldial-app-route--candidates .drldial-candidate-filter.is-active {
  background: transparent;
  box-shadow: inset 0 -2px 0 var(--drl-workspace-nav);
}

.drldial-app-surface--account .drldial-candidate-group-items {
  align-items: stretch;
  gap: 18px;
  overflow: visible;
}

.drldial-app-surface--account :is(
  .drldial-candidate-workspace,
  .drldial-candidate-groups,
  .drldial-candidate-group,
  .drldial-candidate-group-items
) {
  overflow: visible;
}

.drldial-app-surface--account .drldial-candidate-filter-item {
  position: relative;
  overflow: visible;
}

.drldial-app-surface--account .drldial-candidate-filter-item:hover,
.drldial-app-surface--account .drldial-candidate-filter-item:focus-within {
  z-index: 30;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate {
  --candidate-pointer-x: 50%;
  --candidate-pointer-y: 50%;
  --candidate-content-offset: 16px;
  --candidate-positive: #27845f;
  --candidate-positive-strong: #237a58;
  --candidate-action-blue: #2469d8;
  --candidate-action-red: #d13a4f;
  --candidate-action-yellow: #da9e24;
  --candidate-action-green: #27845f;
  --candidate-button-foreground: #ffffff;
  --candidate-right-edge: color-mix(in srgb, var(--item-accent) 42%, var(--drl-account-border));
  --candidate-actions-background: rgb(233 223 210 / 50%);
  --candidate-card-surface: rgb(255 255 255 / 24%);
  isolation: isolate;
  overflow: visible;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 330px;
  border: 1px solid transparent;
  outline: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  animation: drldial-candidate-card-arrive 440ms backwards;
  animation-delay: calc(var(--candidate-card-index, 0) * 38ms);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate:hover {
  border-color: transparent;
  box-shadow: none;
  transform: translateY(-2px);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate {
  --candidate-positive: #57e6b4;
  --candidate-positive-strong: #6cf0c1;
  --candidate-action-blue: #72a5ff;
  --candidate-action-red: #ff697c;
  --candidate-action-yellow: #ffd15c;
  --candidate-action-green: #57e6b4;
  --candidate-button-foreground: #071419;
  --candidate-actions-background: rgb(49 38 27 / 50%);
  --candidate-card-surface: rgb(255 255 255 / 5%);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-relationship {
  background: linear-gradient(105deg, #15966d, #20bd88);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-main::before {
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0;
  height: auto;
  background: radial-gradient(
    250px circle at var(--candidate-pointer-x) var(--candidate-pointer-y),
    color-mix(in srgb, var(--item-accent) 13%, transparent),
    transparent 68%
  );
  content: "";
  opacity: 0.42;
  pointer-events: none;
  transition: opacity 240ms ease;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate.is-pointer-active .wpmc-account-item-main::before {
  opacity: 0.9;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate::after {
  display: block;
  position: absolute;
  z-index: 3;
  inset: 0;
  width: auto;
  height: auto;
  border: 1px solid var(--candidate-right-edge);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  content: "";
  pointer-events: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-main {
  position: relative;
  z-index: 1;
  min-height: 0;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--item-accent) 4%, transparent), transparent 44%),
    var(--candidate-card-surface);
  backdrop-filter: blur(12px) saturate(1.04);
  padding: calc(26px + var(--candidate-content-offset)) 26px 62px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-main::after {
  position: absolute;
  right: 0;
  bottom: 15px;
  left: 0;
  height: 1px;
  background: var(--drl-account-border);
  content: "";
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-header {
  grid-template-areas: "identity";
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: visible;
  padding-right: 46px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate.has-account-item-visual .wpmc-account-item-visual {
  display: block;
  grid-area: identity;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-visual-stack {
  display: grid;
  width: 100%;
  min-width: 0;
  height: auto;
  gap: 14px;
  overflow: visible;
  background: transparent;
  color: inherit;
  -webkit-mask: none;
  mask: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-visual > .drldial-candidate-visual-stack::before {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-source-link {
  display: -webkit-box;
  min-height: 33px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--drl-text-subtle);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.055em;
  line-height: 1.35;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 170ms ease;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-source-link:hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-source-link:focus-visible {
  color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity {
  display: inline-grid;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 50px;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--item-accent) 22%, var(--drl-account-border));
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
  padding: 6px 34px 6px 6px;
  color: var(--drl-text);
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity-shell {
  display: block;
  position: relative;
  z-index: 12;
  width: calc(100% - 22px);
  max-width: calc(100% - 22px);
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-slot {
  display: grid;
  position: absolute;
  z-index: 56;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
  aspect-ratio: 1;
  overflow: visible;
  clip-path: none;
  contain: none;
  place-items: stretch;
  transform: translateX(50%);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-slot > :is(form, a, button) {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  clip-path: none;
  contain: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-slot form {
  display: block;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:focus-visible {
  display: grid;
  position: relative;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: visible;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--candidate-action-green) 78%, white);
  border-radius: 50%;
  background: var(--candidate-action-green);
  box-shadow: none;
  filter: drop-shadow(0 7px 9px color-mix(in srgb, var(--candidate-action-green) 28%, transparent));
  padding: 0;
  color: #fff;
  text-decoration: none;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action::before {
  width: 24px;
  height: 24px;
  background: currentColor;
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3 1.7-5.1A7 7 0 0 1 3 12V8a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3 1.7-5.1A7 7 0 0 1 3 12V8a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h8M8 14h5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:not(.is-disabled):hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:not(.is-disabled):focus-visible {
  box-shadow: none;
  filter: drop-shadow(0 9px 12px color-mix(in srgb, var(--candidate-action-green) 38%, transparent));
  transform: scale(1.06);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action.is-disabled {
  border-color: color-mix(in srgb, var(--candidate-action-green) 48%, var(--drl-account-border));
  background: color-mix(in srgb, var(--candidate-action-green) 48%, var(--drl-account-panel));
  box-shadow: none;
  filter: none;
  color: color-mix(in srgb, #fff 76%, var(--drl-text-muted));
  cursor: not-allowed;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate a.drldial-candidate-identity:hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate a.drldial-candidate-identity:focus-visible {
  z-index: 50;
  border-color: color-mix(in srgb, var(--item-accent) 58%, var(--drl-account-border));
  background-color: transparent;
  color: var(--item-accent);
  transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity .wpmc-account-item-visual-avatar {
  width: 38px;
  height: 38px;
  border: 2px solid color-mix(in srgb, var(--drl-account-panel) 78%, transparent);
  border-radius: 50%;
  box-shadow: 0 5px 14px color-mix(in srgb, var(--item-accent) 18%, transparent);
  object-fit: cover;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity strong {
  min-width: 0;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.3;
  overflow-wrap: break-word;
  text-wrap: balance;
  word-break: normal;
  white-space: normal;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-heading {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-type {
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  color: var(--drl-text-subtle);
  font-size: 12px;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-type::before {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-title {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  padding: 0;
  white-space: nowrap;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  margin-top: 20px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  gap: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: var(--drl-text-muted);
  font-size: 12px;
  line-height: 1.4;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact-icon {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
  opacity: 0.78;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact > :last-child {
  overflow: visible;
  overflow-wrap: normal;
  text-overflow: clip;
  word-break: normal;
  white-space: normal;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .wpmc-account-item-fact--match,
  .wpmc-account-item-fact--coverage
) {
  --candidate-metric-accent: var(--item-accent);
  --candidate-metric-panel: transparent;
  position: relative;
  display: block;
  width: calc(100% + 26px);
  min-height: 82px;
  margin-left: -26px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  color: var(--candidate-metric-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .wpmc-account-item-fact--match,
  .wpmc-account-item-fact--coverage
)::before {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--match {
  grid-column: 1;
  grid-row: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--coverage {
  grid-column: 1;
  grid-row: 2;
  border-top: 1px solid color-mix(in srgb, var(--item-accent) 34%, var(--drl-account-border));
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .wpmc-account-item-fact--match,
  .wpmc-account-item-fact--coverage
) > .wpmc-account-item-fact-icon {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  min-height: 80px;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: center;
  column-gap: 9px;
  row-gap: 3px;
  padding: 11px 14px 11px 24px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-icon {
  display: grid;
  width: 34px;
  height: 34px;
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-icon::before {
  width: 30px;
  height: 30px;
  background: var(--candidate-metric-accent);
  content: "";
  -webkit-mask: var(--candidate-metric-icon) center / contain no-repeat;
  mask: var(--candidate-metric-icon) center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric--match {
  --candidate-metric-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17a8 8 0 0 1 16 0'/%3E%3Cpath d='m12 13 4-5'/%3E%3Ccircle cx='12' cy='17' r='1.5' fill='black' stroke='none'/%3E%3Cpath d='M6.3 12.5 5 11M17.7 12.5 19 11M12 9V7'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric--coverage {
  --candidate-metric-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4-8 4-8-4 8-4Z'/%3E%3Cpath d='m4 12 8 4 8-4'/%3E%3Cpath d='m4 17 8 4 8-4'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric--coverage .drldial-candidate-metric-icon::before {
  background: var(--candidate-metric-accent);
  -webkit-mask: var(--candidate-metric-icon) center / contain no-repeat;
  mask: var(--candidate-metric-icon) center / contain no-repeat;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--match {
  --candidate-metric-accent: var(--item-accent);
  --candidate-metric-panel: transparent;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--coverage {
  --candidate-metric-accent: var(--item-accent);
  --candidate-metric-panel: transparent;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-icon {
  border-color: transparent;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-value strong {
  color: var(--candidate-metric-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-value {
  display: contents;
  min-width: 0;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-value strong {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  color: var(--candidate-metric-accent);
  font-size: clamp(27px, 2vw, 31px);
  font-weight: 850;
  letter-spacing: -0.045em;
  line-height: 0.95;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric--match .drldial-candidate-metric-value strong {
  color: var(--candidate-metric-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric--coverage .drldial-candidate-metric-value strong {
  color: var(--candidate-metric-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-value > span {
  display: block;
  width: 100%;
  min-height: 0;
  grid-column: 2;
  grid-row: 2;
  margin-top: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: color-mix(in srgb, var(--candidate-metric-accent) 76%, var(--drl-text));
  font-size: 12px;
  font-weight: 720;
  letter-spacing: -0.02em;
  line-height: 1.25;
  text-align: left;
  white-space: nowrap;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-value > span {
  color: color-mix(in srgb, var(--candidate-metric-accent) 84%, white);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-note {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-sparkle {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-sparkle::after {
  position: absolute;
  top: 12px;
  left: 10px;
  color: color-mix(in srgb, var(--candidate-metric-accent) 27%, white);
  content: "✦";
  font-size: 8px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--signal {
  grid-column: 1 / -1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--skills {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: block;
  min-height: 174px;
  border-radius: 12px;
  background: transparent;
  padding: 12px;
  color: var(--drl-text-muted);
  line-height: 1.45;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--skills .wpmc-account-item-fact-icon {
  display: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact--skills > :last-child {
  overflow: visible;
  white-space: normal;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skills-content {
  display: flex;
  width: 100%;
  min-height: 150px;
  flex-direction: column;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skills-heading {
  display: block;
  margin-bottom: 8px;
  color: var(--candidate-positive-strong);
  font-size: 10px;
  font-weight: 780;
  line-height: 1.3;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skills-list {
  display: grid;
  min-height: 111px;
  grid-auto-flow: row;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(6, minmax(16px, auto));
  gap: 3px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skill {
  display: grid;
  min-width: 0;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: 5px;
  color: var(--drl-text-muted);
  font-size: 10px;
  line-height: 1.35;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skill-check {
  display: grid;
  width: 16px;
  height: 16px;
  place-items: center;
  margin-top: 1px;
  border: 1px solid color-mix(in srgb, var(--candidate-positive) 52%, transparent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--candidate-positive) 10%, transparent);
  color: var(--candidate-positive);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-skills-more {
  display: block;
  width: fit-content;
  margin: 7px 0 0 auto;
  color: var(--candidate-positive);
  font-size: 10px;
  font-weight: 760;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions {
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 0;
  border-top: 0;
  background: var(--candidate-actions-background);
  backdrop-filter: none;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context {
  border-bottom: 0;
  background: transparent;
  padding: 0;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-actions {
  display: block;
  position: relative;
  background: transparent;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice {
  --candidate-notice-color: var(--drl-danger);
  display: flex;
  position: absolute;
  z-index: 8;
  right: 10px;
  bottom: calc(100% + 10px);
  max-width: calc(100% - 20px);
  min-height: 38px;
  align-items: center;
  gap: 9px;
  border: 1px solid color-mix(in srgb, var(--candidate-notice-color) 48%, var(--drl-account-border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--candidate-notice-color) 9%, var(--drl-account-panel));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--candidate-notice-color) 16%, transparent);
  padding: 9px 12px;
  color: color-mix(in srgb, var(--candidate-notice-color) 82%, var(--drl-text));
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
  animation: drldial-candidate-notice-arrive 260ms ease-out both;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice.is-success {
  --candidate-notice-color: var(--candidate-action-green);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice::after {
  position: absolute;
  right: 28px;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-right: 1px solid color-mix(in srgb, var(--candidate-notice-color) 48%, var(--drl-account-border));
  border-bottom: 1px solid color-mix(in srgb, var(--candidate-notice-color) 48%, var(--drl-account-border));
  background: color-mix(in srgb, var(--candidate-notice-color) 9%, var(--drl-account-panel));
  content: "";
  transform: rotate(45deg);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice__icon {
  display: inline-grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice__icon::before {
  content: "!";
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice.is-success .drldial-candidate-action-notice__icon::before {
  content: "✓";
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice {
  background: color-mix(in srgb, var(--candidate-notice-color) 13%, var(--drl-account-panel));
  color: color-mix(in srgb, var(--candidate-notice-color) 88%, white);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-action-notice::after {
  background: color-mix(in srgb, var(--candidate-notice-color) 13%, var(--drl-account-panel));
}

@keyframes drldial-candidate-notice-arrive {
  from {
    opacity: 0;
    transform: translateY(7px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-relationship {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  background: linear-gradient(105deg, var(--candidate-positive-strong), var(--candidate-positive));
  clip-path: none;
  padding: 7px 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.035em;
  line-height: 1.35;
  white-space: nowrap;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact^="state-"] {
  --candidate-status-color: #7b8794;
  display: inline-flex;
  position: absolute;
  z-index: 2;
  right: 26px;
  bottom: 0;
  width: auto;
  min-width: 0;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 5px;
  color: var(--candidate-status-color);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.3;
  text-align: center;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact^="state-"] .wpmc-account-item-fact-icon {
  display: inline-grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border: 1px solid color-mix(in srgb, currentColor 58%, var(--drl-account-border));
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 10%, var(--drl-account-panel));
  color: var(--candidate-status-color);
  -webkit-mask: none;
  mask: none;
  opacity: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact^="state-"] .wpmc-account-item-fact-icon::before {
  width: 15px;
  height: 15px;
  background: currentColor;
  content: "";
  -webkit-mask: var(--candidate-status-icon) center / contain no-repeat;
  mask: var(--candidate-status-icon) center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact="state-awaiting"] {
  --candidate-status-color: #7b8794;
  --candidate-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm1 10.4V6h-2v7.2l4.7 2.8 1-1.7Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact="state-responded"] {
  --candidate-status-color: var(--candidate-action-yellow);
  --candidate-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2 5v2h12V8Zm0 4v2h8v-2Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact="state-shortlisted"] {
  --candidate-status-color: var(--candidate-action-blue);
  --candidate-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8-6.2-3.2L5.8 21 7 14.2l-5-4.9 6.9-1Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact="state-not-fit"] {
  --candidate-status-color: var(--candidate-action-red);
  --candidate-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm4.2 12.8-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8Z'/%3E%3C/svg%3E");
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact="state-selected"] {
  --candidate-status-color: var(--candidate-action-green);
  --candidate-status-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm-1.4 14.5-4.1-4.1 1.4-1.4 2.7 2.7 5.6-5.6 1.4 1.4Z'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate [data-wpmc-fact="state-awaiting"] {
  --candidate-status-color: #aebbc6;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate [data-wpmc-fact="state-responded"] {
  --candidate-status-color: #ffd15c;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate [data-wpmc-fact="state-shortlisted"] {
  --candidate-status-color: #72a5ff;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate [data-wpmc-fact="state-not-fit"] {
  --candidate-status-color: #ff697c;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate [data-wpmc-fact="state-selected"] {
  --candidate-status-color: #57e6b4;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 56px);
  gap: 8px;
  background: transparent;
  padding: 10px;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-button-cell {
  display: flex;
  min-width: 0;
  min-height: 56px;
  align-items: stretch;
  background: transparent;
  padding: 0;
  overflow: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-button-cell.is-empty {
  background: transparent;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-button-cell > :is(form, a) {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context :is(
  .drldial-button,
  .drldial-invitation-text-button
) {
  position: relative;
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--item-accent);
  border-radius: var(--drl-radius);
  background: color-mix(in srgb, var(--drl-account-panel) 34%, transparent);
  box-shadow: none;
  padding: 8px 12px;
  color: var(--item-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context :is(
  .drldial-button,
  .drldial-invitation-text-button
):hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context :is(
  .drldial-button,
  .drldial-invitation-text-button
):focus-visible {
  border-color: var(--item-accent);
  border-radius: var(--drl-radius);
  background: color-mix(in srgb, var(--item-accent) 10%, transparent);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--item-accent) 12%, transparent);
  color: var(--item-accent);
  transform: translateY(-1px);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button--primary {
  border-color: var(--item-accent);
  background: var(--item-accent);
  color: var(--drl-workspace-on-action);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button--primary:not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--item-accent);
  background: color-mix(in srgb, var(--item-accent) 19%, transparent);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--item-accent) 16%, transparent);
  color: var(--item-accent);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button.is-disabled,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button.is-disabled:hover {
  border-color: color-mix(in srgb, var(--item-accent) 30%, var(--drl-account-border));
  background: color-mix(in srgb, var(--item-accent) 7%, var(--drl-account-panel-soft));
  box-shadow: none;
  color: color-mix(in srgb, var(--item-accent) 68%, var(--drl-text-muted));
  cursor: not-allowed;
  opacity: 0.72;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .drldial-candidate-decision-form--shortlisted,
  .drldial-candidate-status-action--shortlisted
) {
  --candidate-button-color: var(--candidate-action-blue);
  --candidate-tooltip-accent: var(--candidate-action-blue);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .drldial-candidate-decision-form--not-fit,
  .drldial-candidate-status-action--not-fit
) {
  --candidate-button-color: var(--candidate-action-red);
  --candidate-tooltip-accent: var(--candidate-action-red);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-decision-form--clear {
  --candidate-button-color: var(--candidate-action-yellow);
  --candidate-tooltip-accent: var(--candidate-action-yellow);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-status-action--selected {
  --candidate-button-color: var(--candidate-action-green);
  --candidate-tooltip-accent: var(--candidate-action-green);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-status-action--responded {
  --candidate-button-color: var(--candidate-action-yellow);
  --candidate-tooltip-accent: var(--candidate-action-yellow);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-status-action--selection-unavailable {
  --candidate-button-color: var(--candidate-action-green);
  --candidate-tooltip-accent: var(--candidate-action-red);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-selection-form--selected {
  --candidate-tooltip-accent: var(--candidate-action-green);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-invitation-cancel-form {
  --candidate-button-color: var(--candidate-action-red);
  --candidate-tooltip-accent: var(--candidate-action-red);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
  .drldial-candidate-decision-form .drldial-button,
  .drldial-candidate-status-action--shortlisted,
  .drldial-candidate-status-action--not-fit,
  .drldial-candidate-status-action--responded,
  .drldial-candidate-status-action--selected,
  .drldial-candidate-status-action--selection-unavailable,
  .drldial-invitation-cancel-form .drldial-invitation-text-button
) {
  border-color: var(--candidate-button-color);
  background: var(--candidate-button-color);
  color: var(--candidate-button-foreground);
  opacity: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button.is-disabled[class*="drldial-candidate-status-action--"],
.drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-actions__context .drldial-button.is-disabled[class*="drldial-candidate-status-action--"]:hover {
  border-color: color-mix(in srgb, var(--candidate-button-color) 68%, var(--drl-account-border));
  background:
    repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--candidate-button-color) 7%, transparent) 10px 18px),
    color-mix(in srgb, var(--candidate-button-color) 11%, var(--drl-account-panel));
  box-shadow: none;
  color: var(--candidate-button-color);
  opacity: 1;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-decision-form .drldial-button:not(:disabled):hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-decision-form .drldial-button:not(:disabled):focus-visible,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-invitation-cancel-form .drldial-invitation-text-button:hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-invitation-cancel-form .drldial-invitation-text-button:focus-visible {
  border-color: var(--candidate-button-color);
  background: color-mix(in srgb, var(--candidate-button-color) 19%, transparent);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--candidate-button-color) 16%, transparent);
  color: var(--candidate-button-color);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-selection-form--selected .drldial-button {
  border-color: var(--candidate-action-green);
  background: var(--candidate-action-green);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--candidate-action-green) 18%, transparent);
  color: var(--candidate-button-foreground);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-selection-form--selected .drldial-button:not(:disabled):is(:hover, :focus-visible) {
  border-color: var(--candidate-action-green);
  background: color-mix(in srgb, var(--candidate-action-green) 19%, transparent);
  box-shadow: 0 7px 18px color-mix(in srgb, var(--candidate-action-green) 16%, transparent);
  color: var(--candidate-action-green);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner {
  display: block;
  position: absolute;
  z-index: 5;
  inset: 0 0 auto auto;
  width: 70px;
  height: 70px;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  color: var(--drl-workspace-on-action);
  text-decoration: none;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 76% 24%, rgba(255, 255, 255, 0.26), transparent 24%),
    linear-gradient(135deg, color-mix(in srgb, var(--item-accent) 82%, #7d2cff), var(--item-accent));
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  content: "";
  filter: drop-shadow(-4px 6px 12px color-mix(in srgb, var(--item-accent) 20%, transparent));
  transform-origin: 100% 0;
  animation: drldial-candidate-corner-pulse 4.8s ease-in-out infinite;
  transition: filter 200ms ease, transform 200ms ease;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner::after {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  background: currentColor;
  content: "";
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 13v6H5V6h6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9'/%3E%3Cpath d='M18 13v6H5V6h6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:hover,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:focus-visible {
  background: transparent;
  box-shadow: none;
  color: var(--drl-workspace-on-action);
  outline-offset: -5px;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:hover::before,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:focus-visible::before {
  filter: drop-shadow(-6px 9px 16px color-mix(in srgb, var(--item-accent) 34%, transparent));
  transform: scale(1.08);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-tooltip {
  --candidate-tooltip-color: var(--candidate-tooltip-accent, var(--item-accent));
  position: absolute;
  z-index: 1000;
  bottom: calc(100% + 10px);
  left: 50%;
  width: max-content;
  max-width: min(220px, calc(100vw - 24px));
  border: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, rgb(255 255 255 / 24%), transparent 48%),
    linear-gradient(135deg, color-mix(in srgb, var(--candidate-tooltip-color) 90%, white), color-mix(in srgb, var(--candidate-tooltip-color) 82%, #25152d));
  box-shadow: 0 14px 32px color-mix(in srgb, var(--candidate-tooltip-color) 34%, transparent);
  padding: 9px 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  text-transform: none;
  transform: translateX(-50%);
  transition: opacity 150ms ease, visibility 0s linear 150ms;
  visibility: hidden;
  white-space: normal;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-tooltip::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-right: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-bottom: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  background: color-mix(in srgb, var(--candidate-tooltip-color) 82%, #25152d);
  content: "";
  transform: translate(-50%, -6px) rotate(45deg);
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-tooltip {
  background:
    radial-gradient(circle at 100% 0, rgb(255 255 255 / 22%), transparent 48%),
    linear-gradient(135deg, color-mix(in srgb, var(--candidate-tooltip-color) 94%, white), color-mix(in srgb, var(--candidate-tooltip-color) 84%, #160d1b));
  color: #071419;
}

html[data-theme="dark"] .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-tooltip::after {
  background: color-mix(in srgb, var(--candidate-tooltip-color) 84%, #160d1b);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(a, button):hover > .drldial-candidate-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate :is(a, button):focus-visible > .drldial-candidate-tooltip {
  opacity: 1;
  transform: translateX(-50%);
  transition-delay: 0s;
  visibility: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-account-button-cell:hover .drldial-button.is-disabled > .drldial-candidate-tooltip {
  opacity: 1;
  transform: translateX(-50%);
  transition-delay: 0s;
  visibility: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity-tooltip {
  z-index: 1000;
  top: auto;
  bottom: calc(100% + 10px);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity:hover ~ .drldial-candidate-identity-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-identity:focus-visible ~ .drldial-candidate-identity-tooltip {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action .drldial-candidate-tooltip {
  --candidate-tooltip-accent: var(--candidate-action-green);
  top: auto;
  right: -2px;
  bottom: calc(100% + 10px);
  left: auto;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action .drldial-candidate-tooltip::after {
  top: 100%;
  right: 18px;
  bottom: auto;
  left: auto;
  border-top: 0;
  border-right: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-bottom: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-left: 0;
  transform: translateY(-6px) rotate(45deg);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:hover > .drldial-candidate-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-action:focus-visible > .drldial-candidate-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-slot:hover .drldial-candidate-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-private-dialogue-slot:focus-within .drldial-candidate-tooltip {
  opacity: 1;
  transform: none;
  transition-delay: 0s;
  visibility: visible;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner .drldial-candidate-tooltip {
  top: 47px;
  right: 10px;
  bottom: auto;
  left: auto;
  transform: none;
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner .drldial-candidate-tooltip::after {
  top: auto;
  right: 15px;
  bottom: 100%;
  left: auto;
  transform: translateY(5px) rotate(45deg);
}

.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:hover > .drldial-candidate-tooltip,
.drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner:focus-visible > .drldial-candidate-tooltip {
  transform: none;
}

.drldial-candidate-tooltips-enhanced .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-tooltip {
  display: none;
}

.drldial-candidate-tooltip-layer {
  --candidate-tooltip-color: var(--drl-workspace-nav);
  position: fixed;
  z-index: 2147483000;
  width: max-content;
  max-width: min(220px, calc(100vw - 24px));
  border: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, rgb(255 255 255 / 24%), transparent 48%),
    linear-gradient(135deg, color-mix(in srgb, var(--candidate-tooltip-color) 90%, white), color-mix(in srgb, var(--candidate-tooltip-color) 82%, #25152d));
  box-shadow: 0 14px 32px color-mix(in srgb, var(--candidate-tooltip-color) 34%, transparent);
  padding: 9px 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transition: opacity 150ms ease;
  white-space: normal;
}

.drldial-candidate-tooltip-layer::after {
  position: absolute;
  top: 100%;
  left: var(--candidate-tooltip-arrow-x, 50%);
  width: 10px;
  height: 10px;
  border-right: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-bottom: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  background: color-mix(in srgb, var(--candidate-tooltip-color) 82%, #25152d);
  content: "";
  transform: translate(-50%, -6px) rotate(45deg);
}

.drldial-candidate-tooltip-layer.is-visible {
  opacity: 1;
}

.drldial-candidate-tooltip-layer.is-below::after {
  top: auto;
  bottom: 100%;
  border-top: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid color-mix(in srgb, var(--candidate-tooltip-color) 74%, white);
  transform: translate(-50%, 6px) rotate(45deg);
}

html[data-theme="dark"] .drldial-candidate-tooltip-layer {
  background:
    radial-gradient(circle at 100% 0, rgb(255 255 255 / 22%), transparent 48%),
    linear-gradient(135deg, color-mix(in srgb, var(--candidate-tooltip-color) 94%, white), color-mix(in srgb, var(--candidate-tooltip-color) 84%, #160d1b));
  color: #071419;
}

html[data-theme="dark"] .drldial-candidate-tooltip-layer::after {
  background: color-mix(in srgb, var(--candidate-tooltip-color) 84%, #160d1b);
}

@keyframes drldial-candidate-card-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes drldial-candidate-corner-pulse {
  0%,
  76%,
  100% {
    filter: drop-shadow(-4px 6px 12px color-mix(in srgb, var(--item-accent) 20%, transparent));
  }

  86% {
    filter: drop-shadow(-7px 10px 18px color-mix(in srgb, var(--item-accent) 38%, transparent));
  }
}

@media (min-width: 900px) {
  .drldial-app-surface--account .drldial-candidate-group-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .drldial-app-surface--account .wpmc-account-item--drl-candidate {
    min-height: 0;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-main {
    padding: calc(23px + var(--candidate-content-offset)) 20px 58px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate :is(
    .wpmc-account-item-fact--match,
    .wpmc-account-item-fact--coverage
  ) {
    width: calc(100% + 20px);
    margin-left: -20px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-header {
    padding-right: 38px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner {
    width: 60px;
    height: 60px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner::after {
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner .drldial-candidate-tooltip {
    top: 42px;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .wpmc-account-item-fact[data-wpmc-fact^="state-"] {
    right: 20px;
    bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .drldial-app-surface--account .wpmc-account-item.is-linked-target,
  .drldial-app-surface--account .wpmc-account-item--drl-candidate,
  .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-record-link--corner::before {
    animation: none;
  }

  .drldial-app-surface--account .wpmc-account-item--drl-candidate .drldial-candidate-metric-icon {
    transition: none;
  }
}

/* Homepage: professional communication network */

.drl-landing--next {
  --drl-next-shell: 1380px;
  --drl-next-cyan: #0b839f;
  --drl-next-cyan-bright: #21a8c2;
  --drl-next-cyan-soft: color-mix(in srgb, var(--drl-next-cyan) 9%, transparent);
  --drl-next-violet: #6756c3;
  --drl-next-amber: #d48a2e;
  --drl-next-green: #27856e;
  --drl-next-paper: #ebe9e1;
  --drl-next-paper-raised: #f7f5ef;
  --drl-next-night: #071012;
  --drl-next-night-raised: #0d1a1d;
  --drl-next-night-text: #f5f1e8;
  --drl-next-night-muted: #a5b2b1;
  background: var(--drl-bg);
  color: var(--drl-text);
}

html[data-theme="dark"] .drl-landing--next {
  --drl-next-cyan: #78d9e8;
  --drl-next-cyan-bright: #bceff6;
  --drl-next-violet: #b9a7ff;
  --drl-next-amber: #efb45f;
  --drl-next-green: #77dfbf;
  --drl-next-paper: #0d1618;
  --drl-next-paper-raised: #121e20;
}

.drl-next-shell {
  width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-next-shell));
  margin-inline: auto;
}

.drl-landing--next h2,
.drl-landing--next h3,
.drl-landing--next p {
  text-wrap: pretty;
}

.drl-next-hero {
  min-height: calc(100svh - 86px);
}

.drl-next-hero .drl-landing-hero__inner {
  min-height: clamp(650px, calc(100svh - 245px), 840px);
  grid-template-columns: minmax(430px, 0.88fr) minmax(570px, 1.12fr);
  gap: clamp(16px, 3.4vw, 60px);
  padding-block: clamp(52px, 7vh, 88px) 40px;
}

.drl-next-hero .drl-landing-hero__copy {
  max-width: 640px;
}

.drl-next-hero .drl-landing-kicker {
  color: var(--drl-next-cyan);
  font-size: 11px;
  letter-spacing: 0.2em;
}

.drl-next-hero .drl-landing-hero__copy h1 {
  max-width: 650px;
  margin-block: 22px 25px;
  font-size: clamp(55px, 5.15vw, 82px);
  font-weight: 390;
  letter-spacing: -0.052em;
  line-height: 0.94;
}

.drl-next-hero .drl-landing-hero__copy h1 > span {
  display: block;
  margin-top: 0.13em;
  background: linear-gradient(
    100deg,
    color-mix(in srgb, var(--drl-next-cyan-bright) 86%, var(--drl-text)),
    color-mix(in srgb, var(--drl-next-violet) 78%, var(--drl-text)) 52%,
    color-mix(in srgb, var(--drl-next-amber) 72%, var(--drl-text))
  );
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.drl-next-hero .drl-landing-hero__lede {
  max-width: 590px;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.64;
}

.drl-next-hero .drl-landing-hero__actions {
  margin-top: 34px;
}

.drl-landing--next .drl-landing-button {
  min-height: 54px;
  border-radius: 9px;
  padding-inline: 22px 17px;
}

.drl-next-hero .drl-landing-button--primary {
  min-width: 220px;
  border-color: color-mix(in srgb, var(--drl-next-amber) 68%, var(--drl-line));
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--drl-next-amber) 14%, transparent), var(--drl-next-cyan-soft)),
    color-mix(in srgb, var(--drl-surface) 62%, transparent);
  box-shadow: 0 18px 44px color-mix(in srgb, var(--drl-next-amber) 9%, transparent);
}

.drl-next-hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 25px 0 0;
  padding: 0;
  color: var(--drl-text-subtle);
  font-size: 11px;
  letter-spacing: 0.035em;
  list-style: none;
}

.drl-next-hero__signals li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.drl-next-hero__signals li::before {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--drl-next-cyan);
  box-shadow: 0 0 10px color-mix(in srgb, var(--drl-next-cyan) 72%, transparent);
  content: "";
}

.drl-next-hero .drl-signal-map {
  max-width: 820px;
}

.drl-next-hero .drl-signal-map::before {
  inset: 12% 6% 4%;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--drl-next-cyan) 13%, transparent), transparent 48%),
    radial-gradient(circle at center, color-mix(in srgb, var(--drl-next-violet) 7%, transparent), transparent 68%);
}

.drl-next-hero .drl-signal-core {
  width: 118px;
  height: 118px;
}

.drl-next-hero .drl-signal-core > .drl-signal-core__wordpress {
  width: 72px;
  height: 72px;
}

.drl-next-hero .drl-landing-steps {
  position: relative;
}

.drl-next-hero .drl-landing-steps::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 23%;
  height: 1px;
  background: linear-gradient(90deg, var(--drl-next-cyan), transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--drl-next-cyan) 42%, transparent);
  content: "";
}

.drl-next-hero .drl-landing-step__icon {
  border-radius: 14px;
  background: color-mix(in srgb, var(--drl-next-amber) 5%, transparent);
}

.drl-next-section-head {
  max-width: 980px;
}

.drl-next-section-head--split {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.62fr);
  align-items: end;
  gap: clamp(50px, 9vw, 150px);
}

.drl-next-section-head--action {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 40px;
}

.drl-next-index {
  display: block;
  margin-bottom: 45px;
  color: var(--drl-text-subtle);
  font-size: 10px;
  font-weight: 720;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.drl-next-section-head .drl-landing-eyebrow,
.drl-next-responsibility__intro .drl-landing-eyebrow {
  color: var(--drl-next-cyan);
}

.drl-next-section-head h2,
.drl-next-responsibility__intro h2 {
  max-width: 900px;
  margin: 12px 0 0;
  color: var(--drl-text);
  font-family: var(--drl-font-display);
  font-size: clamp(40px, 4.45vw, 66px);
  font-weight: 410;
  letter-spacing: -0.043em;
  line-height: 1.01;
}

.drl-next-section-head__copy {
  display: grid;
  max-width: 590px;
  gap: 17px;
}

.drl-next-section-head__copy p {
  margin: 0;
  color: var(--drl-text-muted);
  font-size: 15px;
  line-height: 1.75;
}

.drl-next-thesis {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, var(--drl-next-cyan-soft), transparent 26%),
    var(--drl-next-paper);
  padding-block: clamp(100px, 10vw, 160px);
}

.drl-next-thesis::before {
  position: absolute;
  top: -360px;
  right: -250px;
  width: 720px;
  height: 720px;
  border: 1px solid color-mix(in srgb, var(--drl-next-cyan) 15%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 0 92px color-mix(in srgb, var(--drl-next-cyan) 3.5%, transparent),
    0 0 0 184px color-mix(in srgb, var(--drl-next-violet) 2.5%, transparent);
  content: "";
  pointer-events: none;
}

.drl-next-thesis .drl-next-shell {
  position: relative;
}

.drl-next-declaration {
  position: relative;
  display: grid;
  grid-template-columns: minmax(170px, 0.34fr) minmax(0, 1fr);
  gap: 24px clamp(38px, 7vw, 110px);
  overflow: hidden;
  margin-top: clamp(70px, 9vw, 125px);
  border: 1px solid color-mix(in srgb, var(--drl-next-cyan) 17%, var(--drl-line));
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--drl-next-cyan) 16%, transparent), transparent 27%),
    radial-gradient(circle at 14% 100%, color-mix(in srgb, var(--drl-next-violet) 12%, transparent), transparent 32%),
    var(--drl-next-night);
  box-shadow: 0 35px 90px rgba(3, 11, 13, 0.18);
  padding: clamp(38px, 6vw, 78px);
  color: var(--drl-next-night-text);
}

.drl-next-declaration::after {
  position: absolute;
  right: -78px;
  bottom: -110px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(120, 217, 232, 0.12);
  border-radius: 50%;
  box-shadow: 0 0 0 48px rgba(103, 86, 195, 0.035);
  content: "";
}

.drl-next-declaration > * {
  position: relative;
  z-index: 1;
}

.drl-next-declaration > p {
  margin: 9px 0 0;
  color: #8fa09f;
  font-size: 11px;
  font-weight: 680;
  letter-spacing: 0.13em;
  line-height: 1.6;
  text-transform: uppercase;
}

.drl-next-declaration blockquote {
  max-width: 970px;
  margin: 0;
  color: var(--drl-next-night-text);
  font-family: var(--drl-font-display);
  font-size: clamp(35px, 4.2vw, 61px);
  font-weight: 390;
  letter-spacing: -0.036em;
  line-height: 1.08;
}

.drl-next-declaration > span {
  grid-column: 2;
  max-width: 680px;
  border-top: 1px solid rgba(226, 239, 236, 0.14);
  padding-top: 20px;
  color: var(--drl-next-night-muted);
  font-size: 14px;
  line-height: 1.65;
}

.drl-next-difference {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 32px;
  border-top: 1px solid var(--drl-line);
  border-bottom: 1px solid var(--drl-line);
}

.drl-next-difference article {
  min-height: 265px;
  padding: clamp(30px, 4vw, 52px);
}

.drl-next-difference article + article {
  border-left: 1px solid var(--drl-line);
}

.drl-next-difference article > span {
  color: var(--drl-next-cyan);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.14em;
}

.drl-next-difference h3 {
  margin: 56px 0 13px;
  color: var(--drl-text);
  font-family: var(--drl-font-display);
  font-size: clamp(25px, 2.3vw, 33px);
  font-weight: 480;
  letter-spacing: -0.026em;
}

.drl-next-difference p {
  max-width: 360px;
  margin: 0;
  color: var(--drl-text-muted);
  font-size: 14px;
  line-height: 1.7;
}

.drl-next-types,
.drl-next-opportunities,
.drl-next-people,
.drl-next-responsibility {
  padding-block: clamp(100px, 10vw, 160px);
}

.drl-next-types {
  border-top: 1px solid var(--drl-line);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--drl-surface) 56%, transparent), transparent 32%),
    var(--drl-bg);
}

.drl-next-types .drl-landing-type-grid {
  margin-top: clamp(55px, 7vw, 90px);
}

.drl-landing--next .drl-landing-type-grid,
.drl-landing--next .drl-landing-opportunity-grid {
  gap: 16px;
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-card {
  min-height: 230px;
  border-radius: 13px;
  padding: 27px 23px 24px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--drl-text) 3%, transparent);
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-card::after {
  right: -43px;
  bottom: -58px;
  width: 155px;
  height: 155px;
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-card:hover,
.drl-landing--next .drl-landing-type-grid .drldial-home-type-card:focus-visible {
  transform: translateY(-7px);
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-icon {
  width: 48px;
  height: 48px;
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-copy {
  gap: 12px;
}

.drl-landing--next .drl-landing-type-grid .drldial-home-type-copy strong {
  font-size: 17px;
}

.drl-next-type-arrow {
  position: absolute;
  right: 22px;
  bottom: 20px;
  color: color-mix(in srgb, var(--dialogue-accent) 72%, var(--drl-text));
  font-size: 18px;
  opacity: 0;
  transform: translate(-5px, 5px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.drldial-home-type-card:hover .drl-next-type-arrow,
.drldial-home-type-card:focus-visible .drl-next-type-arrow {
  opacity: 1;
  transform: translate(0, 0);
}

.drl-next-flow {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(103, 86, 195, 0.13), transparent 30%),
    radial-gradient(circle at 88% 72%, rgba(39, 133, 110, 0.13), transparent 30%),
    var(--drl-next-night);
  padding-block: clamp(100px, 10vw, 154px);
  color: var(--drl-next-night-text);
}

.drl-next-flow::after {
  position: absolute;
  top: -260px;
  right: -260px;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(120, 217, 232, 0.08);
  border-radius: 50%;
  box-shadow: 0 0 0 82px rgba(120, 217, 232, 0.018);
  content: "";
}

.drl-next-flow .drl-next-shell {
  position: relative;
  z-index: 1;
}

.drl-next-flow .drl-next-index {
  color: #6e807f;
}

.drl-next-flow .drl-landing-eyebrow {
  color: #8edfeb;
}

.drl-next-flow .drl-next-section-head h2 {
  color: var(--drl-next-night-text);
}

.drl-next-flow__track {
  position: relative;
  height: 52px;
  margin: clamp(62px, 8vw, 108px) 9% 0;
}

.drl-next-flow__track::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, #63d4e5, #a797f1 34%, #efa855 67%, #71d9ba);
  box-shadow: 0 0 16px rgba(99, 212, 229, 0.25);
  content: "";
}

.drl-next-flow__track::after {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 66px;
  height: 5px;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, #ffffff);
  box-shadow: 0 0 14px #78d9e8;
  content: "";
  animation: drl-next-flow-current 5.8s ease-in-out infinite;
}

.drl-next-flow__track > span {
  position: absolute;
  z-index: 1;
  top: 50%;
  display: block;
  width: 13px;
  height: 13px;
  border: 2px solid var(--drl-next-night);
  border-radius: 50%;
  background: #63d4e5;
  box-shadow: 0 0 0 1px rgba(99, 212, 229, 0.45), 0 0 18px rgba(99, 212, 229, 0.5);
  transform: translate(-50%, -50%);
}

.drl-next-flow__track > span:nth-child(1) {
  left: 0;
}

.drl-next-flow__track > span:nth-child(2) {
  left: 33.333%;
  background: #a797f1;
  box-shadow: 0 0 0 1px rgba(167, 151, 241, 0.45), 0 0 18px rgba(167, 151, 241, 0.5);
}

.drl-next-flow__track > span:nth-child(3) {
  left: 66.666%;
  background: #efa855;
  box-shadow: 0 0 0 1px rgba(239, 168, 85, 0.45), 0 0 18px rgba(239, 168, 85, 0.5);
}

.drl-next-flow__track > span:nth-child(4) {
  left: 100%;
  background: #71d9ba;
  box-shadow: 0 0 0 1px rgba(113, 217, 186, 0.45), 0 0 18px rgba(113, 217, 186, 0.5);
}

.drl-next-flow__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 58px);
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.drl-next-flow__steps li {
  min-width: 0;
}

.drl-next-flow__steps li > span {
  color: #677877;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.13em;
}

.drl-next-flow__steps h3 {
  margin: 23px 0 13px;
  color: var(--drl-next-night-text);
  font-family: var(--drl-font-display);
  font-size: clamp(26px, 2.3vw, 35px);
  font-weight: 450;
}

.drl-next-flow__steps p {
  margin: 0;
  color: var(--drl-next-night-muted);
  font-size: 14px;
  line-height: 1.72;
}

.drl-next-opportunities {
  background: var(--drl-bg);
}

.drl-next-opportunities .drl-next-section-head {
  margin-bottom: clamp(50px, 6vw, 78px);
}

.drl-next-opportunities .drl-landing-section-link {
  margin-bottom: 3px;
}

.drl-landing--next .drl-landing-opportunity-grid .drldial-opportunity-card {
  min-height: 350px;
  border-radius: 13px;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--drl-text) 3%, transparent);
}

.drl-next-people {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--drl-line);
  background:
    radial-gradient(circle at 12% 90%, color-mix(in srgb, var(--drl-next-violet) 8%, transparent), transparent 27%),
    radial-gradient(circle at 90% 9%, var(--drl-next-cyan-soft), transparent 26%),
    var(--drl-next-paper);
}

.drl-next-people__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: clamp(60px, 8vw, 105px);
}

.drl-next-persona {
  position: relative;
  display: flex;
  min-height: 490px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--drl-text) 12%, transparent);
  border-radius: 18px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--drl-next-cyan) 8%, transparent), transparent 36%),
    var(--drl-next-paper-raised);
  padding: clamp(34px, 5vw, 66px);
}

.drl-next-persona--help {
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--drl-next-violet) 9%, transparent), transparent 38%),
    var(--drl-next-paper-raised);
}

.drl-next-persona::after {
  position: absolute;
  right: -86px;
  bottom: -118px;
  width: 300px;
  height: 300px;
  border: 1px solid color-mix(in srgb, var(--drl-next-cyan) 15%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 52px color-mix(in srgb, var(--drl-next-cyan) 2.5%, transparent);
  content: "";
}

.drl-next-persona--help::after {
  border-color: color-mix(in srgb, var(--drl-next-violet) 18%, transparent);
  box-shadow: 0 0 0 52px color-mix(in srgb, var(--drl-next-violet) 3%, transparent);
}

.drl-next-persona > * {
  position: relative;
  z-index: 1;
}

.drl-next-persona__number {
  position: absolute;
  top: 23px;
  right: 31px;
  color: color-mix(in srgb, var(--drl-text) 10%, transparent);
  font-family: var(--drl-font-display);
  font-size: clamp(58px, 7vw, 98px);
  line-height: 1;
}

.drl-next-persona .drl-landing-eyebrow {
  max-width: 62%;
  color: var(--drl-next-cyan);
}

.drl-next-persona--help .drl-landing-eyebrow {
  color: var(--drl-next-violet);
}

.drl-next-persona h3 {
  max-width: 590px;
  margin: clamp(72px, 8vw, 112px) 0 20px;
  color: var(--drl-text);
  font-family: var(--drl-font-display);
  font-size: clamp(35px, 3.7vw, 52px);
  font-weight: 420;
  letter-spacing: -0.038em;
  line-height: 1.05;
}

.drl-next-persona > p:not(.drl-landing-eyebrow) {
  max-width: 570px;
  margin: 0;
  color: var(--drl-text-muted);
  font-size: 15px;
  line-height: 1.75;
}

.drl-next-persona > a {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  margin-top: auto;
  border-bottom: 1px solid color-mix(in srgb, var(--drl-next-cyan) 42%, transparent);
  padding-top: 32px;
  padding-bottom: 7px;
  color: color-mix(in srgb, var(--drl-next-cyan) 80%, var(--drl-text));
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.drl-next-persona--help > a {
  border-color: color-mix(in srgb, var(--drl-next-violet) 42%, transparent);
  color: color-mix(in srgb, var(--drl-next-violet) 78%, var(--drl-text));
}

.drl-next-persona > a span {
  transition: transform 180ms ease;
}

.drl-next-persona > a:hover span,
.drl-next-persona > a:focus-visible span {
  transform: translateX(4px);
}

.drl-next-situations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.drl-next-situations span {
  border: 1px solid var(--drl-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--drl-surface) 72%, transparent);
  padding: 10px 15px;
  color: var(--drl-text-muted);
  font-size: 12px;
}

.drl-next-responsibility {
  background: var(--drl-bg);
}

.drl-next-responsibility .drl-next-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 0.64fr);
  gap: clamp(60px, 10vw, 165px);
}

.drl-next-responsibility__intro {
  align-self: start;
}

.drl-next-responsibility__intro h2 {
  font-size: clamp(40px, 4.25vw, 63px);
}

.drl-next-responsibility__intro > p:last-child {
  max-width: 620px;
  margin: 26px 0 0;
  color: var(--drl-text-muted);
  font-size: 15px;
  line-height: 1.76;
}

.drl-next-trust-list {
  margin: 71px 0 0;
  padding: 0;
  list-style: none;
}

.drl-next-trust-list li {
  display: grid;
  min-height: 102px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  border-top: 1px solid var(--drl-line);
}

.drl-next-trust-list li:last-child {
  border-bottom: 1px solid var(--drl-line);
}

.drl-next-trust-list li > span {
  color: var(--drl-next-cyan);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: 0.12em;
}

.drl-next-trust-list li > div {
  display: grid;
  gap: 6px;
}

.drl-next-trust-list strong {
  color: var(--drl-text);
  font-size: 14px;
  font-weight: 660;
}

.drl-next-trust-list small {
  color: var(--drl-text-muted);
  font-size: 12px;
  line-height: 1.55;
}

.drl-next-ai {
  position: relative;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(280px, 0.82fr) minmax(420px, 0.72fr);
  align-items: end;
  gap: clamp(50px, 10vw, 160px);
  overflow: hidden;
  margin-top: 15px;
  border: 1px solid var(--drl-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--drl-next-violet) 13%, transparent), transparent 30%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--drl-next-cyan) 12%, transparent), transparent 28%),
    var(--drl-surface);
  padding: clamp(38px, 6vw, 76px);
}

.drl-next-ai::before {
  position: absolute;
  top: 50%;
  left: -110px;
  width: 310px;
  height: 310px;
  border: 1px solid color-mix(in srgb, var(--drl-next-violet) 14%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 46px color-mix(in srgb, var(--drl-next-cyan) 2.5%, transparent);
  content: "";
  transform: translateY(-50%);
}

.drl-next-ai > * {
  position: relative;
}

.drl-next-ai .drl-landing-eyebrow {
  color: var(--drl-next-violet);
}

.drl-next-ai h3 {
  max-width: 700px;
  margin: 12px 0 0;
  color: var(--drl-text);
  font-family: var(--drl-font-display);
  font-size: clamp(34px, 3.7vw, 52px);
  font-weight: 420;
  letter-spacing: -0.037em;
  line-height: 1.05;
}

.drl-next-ai > p {
  margin: 0;
  border-left: 2px solid var(--drl-next-cyan);
  padding-left: 24px;
  color: var(--drl-text-muted);
  font-size: 15px;
  line-height: 1.76;
}

.drl-next-join {
  position: relative;
  display: grid;
  width: min(calc(100% - (2 * var(--drl-gutter))), var(--drl-next-shell));
  grid-template-columns: minmax(0, 1fr) minmax(290px, 0.4fr);
  align-items: center;
  gap: clamp(50px, 9vw, 140px);
  overflow: hidden;
  margin: 0 auto clamp(40px, 6vw, 90px);
  border: 1px solid rgba(167, 224, 229, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 14%, rgba(99, 212, 229, 0.16), transparent 24%),
    radial-gradient(circle at 8% 96%, rgba(167, 151, 241, 0.14), transparent 33%),
    linear-gradient(125deg, #102428, #071012 62%);
  box-shadow: 0 35px 90px rgba(3, 11, 13, 0.2);
  padding: clamp(48px, 7vw, 94px);
  color: var(--drl-next-night-text);
}

.drl-next-join__signal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: linear-gradient(180deg, #63d4e5, #a797f1 46%, #71d9ba);
  box-shadow: 0 0 22px rgba(99, 212, 229, 0.45);
}

.drl-next-join__signal span {
  position: absolute;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 15px #63d4e5;
  animation: drl-next-join-signal 5.4s linear infinite;
  transform: translateX(-50%);
}

.drl-next-join__signal span:nth-child(2) {
  animation-delay: -1.8s;
}

.drl-next-join__signal span:nth-child(3) {
  animation-delay: -3.6s;
}

.drl-next-join__copy,
.drl-next-join__actions {
  position: relative;
  z-index: 1;
}

.drl-next-join .drl-landing-eyebrow {
  color: #8edfeb;
}

.drl-next-join h2 {
  max-width: 880px;
  margin: 14px 0 0;
  color: var(--drl-next-night-text);
  font-family: var(--drl-font-display);
  font-size: clamp(45px, 5.1vw, 74px);
  font-weight: 390;
  letter-spacing: -0.046em;
  line-height: 0.99;
}

.drl-next-join__copy > p:last-child {
  max-width: 730px;
  margin: 24px 0 0;
  color: var(--drl-next-night-muted);
  font-size: 15px;
  line-height: 1.74;
}

.drl-next-join__actions {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(226, 239, 236, 0.13);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.026);
  padding: 22px;
  backdrop-filter: blur(10px);
}

.drl-next-join__actions .drl-landing-button--light {
  width: 100%;
}

.drl-next-join__secondary {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(226, 239, 236, 0.13);
  color: #a8b6b5;
  font-size: 13px;
  text-decoration: none;
}

.drl-next-join__secondary:hover,
.drl-next-join__secondary:focus-visible {
  border-color: #8edfeb;
  color: #ffffff;
}

.drl-landing--next .drl-landing-signoff {
  min-height: 90px;
  letter-spacing: 0.19em;
}

@keyframes drl-next-flow-current {
  0% {
    left: 0;
    opacity: 0;
  }

  8%,
  92% {
    opacity: 1;
  }

  100% {
    left: calc(100% - 66px);
    opacity: 0;
  }
}

@keyframes drl-next-join-signal {
  0% {
    top: -10px;
    opacity: 0;
  }

  12%,
  88% {
    opacity: 1;
  }

  100% {
    top: calc(100% + 10px);
    opacity: 0;
  }
}

@media (max-width: 1220px) {
  .drl-next-hero .drl-landing-hero__inner {
    grid-template-columns: minmax(390px, 0.78fr) minmax(520px, 1.22fr);
    gap: 10px;
  }

  .drl-next-hero .drl-landing-hero__copy h1 {
    font-size: clamp(53px, 5.35vw, 70px);
  }
}

@media (max-width: 1080px) {
  .drl-next-hero {
    min-height: 0;
  }

  .drl-next-hero .drl-landing-hero__inner {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .drl-next-hero .drl-landing-hero__copy {
    max-width: 760px;
  }

  .drl-next-hero .drl-signal-map {
    width: min(100%, 840px);
    margin-inline: auto;
  }

  .drl-next-section-head--split,
  .drl-next-responsibility .drl-next-shell,
  .drl-next-ai {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 32px;
  }

  .drl-next-section-head__copy,
  .drl-next-responsibility__intro > p:last-child {
    max-width: 760px;
  }

  .drl-next-trust-list {
    margin-top: 0;
  }

  .drl-next-ai {
    margin-top: 25px;
  }

  .drl-next-ai > p {
    max-width: 760px;
  }

  .drl-next-join {
    grid-template-columns: 1fr;
  }

  .drl-next-join__actions {
    max-width: 460px;
  }
}

@media (max-width: 820px) {
  .drl-next-declaration {
    grid-template-columns: 1fr;
  }

  .drl-next-declaration > span {
    grid-column: 1;
  }

  .drl-next-difference {
    grid-template-columns: 1fr;
  }

  .drl-next-difference article {
    min-height: 0;
  }

  .drl-next-difference article + article {
    border-top: 1px solid var(--drl-line);
    border-left: 0;
  }

  .drl-next-difference h3 {
    margin-top: 34px;
  }

  .drl-next-flow__track {
    display: none;
  }

  .drl-next-flow__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 60px;
  }

  .drl-next-flow__steps li {
    border-top: 1px solid rgba(226, 239, 236, 0.13);
    padding-top: 26px;
  }

  .drl-next-people__grid {
    grid-template-columns: 1fr;
  }

  .drl-next-persona {
    min-height: 440px;
  }
}

@media (max-width: 760px) {
  .drl-next-hero .drl-landing-hero__copy {
    display: block;
  }

  .drl-next-hero .drl-landing-hero__actions {
    display: flex;
  }

  .drl-next-hero .drl-landing-hero__actions .drl-landing-text-link,
  .drl-next-hero .drl-landing-hero__actions .drl-landing-button--primary {
    order: initial;
    justify-self: auto;
    margin-top: 0;
  }

  .drl-next-hero .drl-signal-map {
    margin-top: 18px;
  }

  .drl-next-section-head--action {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 28px;
  }

  .drl-next-opportunities .drl-landing-section-link {
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .drl-next-hero .drl-landing-hero__inner {
    padding-top: 48px;
  }

  .drl-next-hero .drl-landing-hero__copy h1 {
    font-size: clamp(43px, 12.5vw, 56px);
    line-height: 0.97;
  }

  .drl-next-hero .drl-landing-hero__lede {
    font-size: 16px;
  }

  .drl-next-hero__signals {
    display: grid;
    gap: 8px;
  }

  .drl-next-hero .drl-signal-map {
    width: calc(100% + 30px);
    margin-inline: -15px;
  }

  .drl-next-index {
    margin-bottom: 34px;
  }

  .drl-next-section-head h2,
  .drl-next-responsibility__intro h2 {
    font-size: clamp(35px, 10.3vw, 48px);
  }

  .drl-next-thesis,
  .drl-next-types,
  .drl-next-opportunities,
  .drl-next-people,
  .drl-next-responsibility,
  .drl-next-flow {
    padding-block: 78px;
  }

  .drl-next-declaration {
    margin-top: 54px;
    border-radius: 15px;
    padding: 32px 24px;
  }

  .drl-next-declaration blockquote {
    font-size: clamp(31px, 9.5vw, 42px);
  }

  .drl-next-difference article {
    padding: 30px 2px;
  }

  .drl-landing--next .drl-landing-type-grid .drldial-home-type-card {
    min-height: 170px;
  }

  .drl-next-flow__steps {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 48px;
  }

  .drl-next-flow__steps li {
    padding-block: 26px;
  }

  .drl-next-flow__steps h3 {
    margin-top: 16px;
  }

  .drl-next-persona {
    min-height: 0;
    border-radius: 14px;
    padding: 32px 24px;
  }

  .drl-next-persona__number {
    top: 20px;
    right: 20px;
    font-size: 62px;
  }

  .drl-next-persona h3 {
    margin-top: 72px;
    font-size: clamp(33px, 9.5vw, 43px);
  }

  .drl-next-persona > a {
    margin-top: 30px;
  }

  .drl-next-situations {
    justify-content: flex-start;
  }

  .drl-next-trust-list li {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 15px;
  }

  .drl-next-ai {
    border-radius: 14px;
    padding: 32px 24px;
  }

  .drl-next-ai h3 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .drl-next-ai > p {
    padding-left: 18px;
  }

  .drl-next-join {
    width: calc(100% - (2 * var(--drl-gutter)));
    gap: 34px;
    margin-bottom: 36px;
    border-radius: 16px;
    padding: 38px 24px;
  }

  .drl-next-join h2 {
    font-size: clamp(39px, 11vw, 51px);
  }

  .drl-next-join__actions {
    width: 100%;
    padding: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .drl-next-flow__track::after,
  .drl-next-join__signal span {
    animation: none;
  }

  .drl-next-flow__track::after {
    display: none;
  }
}

/* Account entry points use the same card language as dialogue pages. */
.drldial-app-surface--account :is(
    .wpmc-account-login-card,
    .drldial-next-moves-summary,
    .drldial-next-moves-empty,
    .drldial-next-move
) {
    --dialogue-accent: var(--drl-workspace-nav);
    --dialogue-accent-strong: color-mix(in srgb, var(--drl-workspace-nav) 84%, var(--drl-text));
    --dialogue-accent-soft: var(--drl-workspace-nav-soft);
}

.drldial-app-surface--account :is(
    .wpmc-account-login-card,
    .drldial-next-moves-summary,
    .drldial-next-moves-empty
) {
    position: relative;
    overflow: visible;
    border: 1px solid var(--drl-line);
    border-left: 3px solid var(--dialogue-accent);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    box-shadow: none;
}

.drldial-app-surface--account :is(.wpmc-account-login-card, .drldial-next-moves-empty) {
    min-height: 0;
    padding: 28px;
}

.drldial-app-surface--account .drldial-next-moves-summary {
    gap: 24px;
    padding: 20px;
}

.drldial-app-surface--account .drldial-next-move-list {
    gap: 18px;
}

.drldial-app-surface--account .drldial-next-move {
    min-height: 0;
    overflow: visible;
    border: 1px solid var(--drl-line);
    border-top-width: 1px;
    border-left: 3px solid var(--dialogue-accent);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    box-shadow: none;
    padding: 20px;
    transform: none;
}

.drldial-app-surface--account .drldial-next-move::before {
    display: none;
}

.drldial-app-surface--account .drldial-next-move:hover {
    border-color: var(--dialogue-accent);
    border-left-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    box-shadow: none;
    transform: none;
}

.drldial-app-surface--account :is(
    .wpmc-account-login-icon,
    .drldial-next-move__icon,
    .drldial-next-moves-empty__icon
) {
    border-radius: var(--drl-radius);
}

.drldial-app-surface--account :is(.wpmc-account-login-icon, .drldial-next-move__icon) {
    border-color: var(--dialogue-accent);
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account .drldial-next-move__event,
.drldial-app-surface--account .drldial-next-move > b {
    border-color: var(--drl-line);
}

.drldial-app-surface--account .drldial-next-move > b {
    grid-column: 2;
    margin: 18px 0 0;
    background: transparent;
    padding: 14px 0 0;
}

.drldial-app-surface--account :is(
    .wpmc-account-login-primary,
    .wpmc-account-login-secondary,
    .drldial-next-moves-primary,
    .drldial-next-moves-secondary
) {
    border-color: var(--dialogue-accent);
    border-radius: var(--drl-radius);
}

.drldial-app-surface--account :is(.wpmc-account-login-primary, .drldial-next-moves-primary) {
    background: var(--dialogue-accent);
    color: #ffffff;
}

.drldial-app-surface--account :is(.wpmc-account-login-primary, .drldial-next-moves-primary):hover {
    background: var(--dialogue-accent-strong);
    color: #ffffff;
}

.drldial-app-surface--account :is(.wpmc-account-login-secondary, .drldial-next-moves-secondary) {
    background: transparent;
    color: var(--dialogue-accent-strong);
}

.drldial-app-surface--account :is(.wpmc-account-login-secondary, .drldial-next-moves-secondary):hover {
    background: var(--dialogue-accent-soft);
    color: var(--dialogue-accent-strong);
}

html[data-theme="dark"] .drldial-app-surface--account :is(.wpmc-account-login-primary, .drldial-next-moves-primary),
html[data-theme="dark"] .drldial-app-surface--account :is(.wpmc-account-login-primary, .drldial-next-moves-primary):hover {
    color: #071012;
}

@media (max-width: 560px) {
    .drldial-app-surface--account :is(.wpmc-account-login-card, .drldial-next-moves-empty) {
        padding: 20px;
    }
}

/* Dialogue identity logos */
.drldial-dialogue-title {
    display: flex;
    align-items: center;
    gap: 0.65em;
    min-width: 0;
}

.drldial-dialogue-title__text {
    min-width: 0;
}

.drldial-dialogue-logo-link,
.drldial-dialogue-logo {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.drldial-dialogue-logo-link {
    color: inherit;
    text-decoration: none;
}

.drldial-dialogue-logo {
    --drldial-logo-accent: var(--dialogue-accent, var(--item-accent, var(--drl-workspace-nav)));
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--drldial-logo-accent);
    border-radius: 6px;
    background: #ffffff;
    padding: 3px;
}

.drldial-dialogue-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 3px;
    background: #ffffff;
    object-fit: contain;
}

.drldial-dialogue-title:is(h1, .drldial-single h1) > :is(.drldial-dialogue-logo, .drldial-dialogue-logo-link) .drldial-dialogue-logo,
.drldial-dialogue-title:is(h1, .drldial-single h1) > .drldial-dialogue-logo {
    width: 56px;
    height: 56px;
}

:is(.wpmc-account-item-title, .wpmc-account-management__editor-topbar h3, .drldial-current-item strong).drldial-dialogue-title .drldial-dialogue-logo {
    width: 34px;
    height: 34px;
}

.drldial-dialogue-logo--project-match {
    --drldial-logo-accent: var(--drl-project-match-accent);
}

.drldial-dialogue-logo--long-run {
    --drldial-logo-accent: var(--drl-long-run-accent);
}

.drldial-dialogue-logo--team-up {
    --drldial-logo-accent: var(--drl-team-up-accent);
}

.drldial-dialogue-logo--co-build {
    --drldial-logo-accent: var(--drl-co-build-accent);
}

.drldial-dialogue-logo--project-relay {
    --drldial-logo-accent: var(--drl-project-relay-accent);
}

.drldial-dialogue-logo--warm-intro {
    --drldial-logo-accent: var(--drl-warm-intro-accent);
}

.drldial-dialogue-logo--expert-check {
    --drldial-logo-accent: var(--drl-expert-check-accent);
}

.drldial-logo-field {
    min-width: 0;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 42%, var(--drl-line));
    border-radius: var(--drl-radius);
    background: color-mix(in srgb, var(--dialogue-accent-soft) 48%, var(--drl-surface));
    padding: 18px;
}

.drldial-logo-field legend {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--drl-text);
    font-weight: 700;
    padding: 0 7px;
}

.drldial-logo-field legend span {
    color: var(--dialogue-accent-strong);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.drldial-logo-field__layout {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.drldial-logo-field__preview {
    flex: 0 0 82px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--dialogue-accent);
    border-radius: 7px;
    background: #ffffff;
    padding: 5px;
}

.drldial-logo-field__preview[hidden] {
    display: none;
}

.drldial-logo-field.has-pending-preview .drldial-logo-field__preview {
    border-color: var(--dialogue-accent);
    box-shadow:
        0 8px 20px color-mix(in srgb, var(--dialogue-accent) 16%, transparent),
        0 0 0 3px color-mix(in srgb, var(--dialogue-accent) 11%, transparent);
}

.drldial-logo-field__preview img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border: 0;
    background: #ffffff;
    object-fit: contain;
}

.drldial-logo-field__control {
    flex: 1 1 auto;
    display: grid;
    gap: 8px;
    min-width: 0;
}

.drldial-logo-field__control > label:first-child {
    color: var(--dialogue-accent-strong);
    font-weight: 700;
}

.drldial-logo-field__control input[type="file"] {
    width: 100%;
    max-width: 100%;
    color: var(--drl-text);
}

.drldial-logo-field__control small {
    color: var(--drl-text-muted);
    line-height: 1.55;
}

.drldial-logo-field__remove {
    appearance: none;
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border: 1px solid color-mix(in srgb, var(--drl-danger) 44%, var(--drl-line));
    border-radius: 8px;
    background: color-mix(in srgb, var(--drl-danger) 6%, transparent);
    color: var(--drl-danger);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 9px 14px;
    cursor: pointer;
    transition:
        border-color 150ms ease,
        background-color 150ms ease,
        color 150ms ease,
        transform 150ms ease;
}

.drldial-logo-field__remove:hover,
.drldial-logo-field__remove:focus-visible,
.drldial-logo-field__remove[aria-pressed="true"] {
    border-color: var(--drl-danger);
    background: var(--drl-danger);
    color: #ffffff;
    outline: 0;
    transform: translateY(-1px);
}

.drldial-logo-field + .drldial-field {
    margin-top: 12px;
}

.drldial-field + .drldial-logo-field {
    margin-top: 18px;
}

@media (max-width: 560px) {
    .drldial-dialogue-logo {
        width: 36px;
        height: 36px;
    }

    .drldial-dialogue-title:is(h1, .drldial-single h1) > :is(.drldial-dialogue-logo, .drldial-dialogue-logo-link) .drldial-dialogue-logo,
    .drldial-dialogue-title:is(h1, .drldial-single h1) > .drldial-dialogue-logo {
        width: 46px;
        height: 46px;
    }

    .drldial-logo-field__layout {
        align-items: stretch;
        flex-direction: column;
    }

    .drldial-app-surface--account .wpmc-account-item--dialogue-request.has-dialogue-logo .wpmc-account-item-header > .drldial-dialogue-logo-link .drldial-dialogue-logo {
        width: 26px;
        height: 26px;
    }
}

.drldial-form-validation-summary,
.drldial-form-server-error {
    display: grid;
    gap: 8px;
    border-color: color-mix(in srgb, var(--drl-danger) 45%, var(--drl-line));
    border-left-color: var(--drl-danger);
    background: color-mix(in srgb, var(--drl-danger) 7%, var(--drl-surface));
    color: var(--drl-text);
}

.drldial-form-validation-summary[hidden] {
    display: none;
}

.drldial-form-validation-summary strong,
.drldial-form-server-error strong {
    color: var(--drl-danger);
    font-weight: 800;
}

.drldial-form-validation-summary ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding-left: 20px;
}

.drldial-form :is(input, textarea, select)[aria-invalid="true"],
.wpmc-account-edit-form :is(input, textarea, select)[aria-invalid="true"] {
    border-color: var(--drl-danger);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--drl-danger) 15%, transparent);
}

.drldial-field-error {
    display: block;
    order: 20;
    color: var(--drl-danger) !important;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.45;
}

.drldial-field-length {
    display: block;
    order: 19;
    color: var(--drl-text-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.drldial-field-length.is-invalid {
    color: var(--drl-danger);
}

html[data-theme="dark"] :is(.drldial-form, .wpmc-account-edit-form) select {
    background-color: var(--drl-dialogue-editor-raised, var(--drl-surface-raised));
    color: var(--drl-text);
    -webkit-text-fill-color: var(--drl-text);
    color-scheme: dark;
}

html[data-theme="dark"] :is(.drldial-form, .wpmc-account-edit-form) select :is(option, optgroup) {
    background-color: var(--drl-surface-raised);
    color: var(--drl-text);
    -webkit-text-fill-color: var(--drl-text);
}

.drldial-team-invitation-editor {
    container-type: inline-size;
    min-width: 0;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    background: var(--drl-surface);
    padding: 18px;
}

.drldial-team-invitation-editor > legend {
    color: var(--drl-text);
    font-weight: 750;
    padding: 0 7px;
}

.drldial-team-invitation-editor > legend span {
    margin-left: 8px;
    color: var(--drl-text-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.drldial-team-invitation-editor > p {
    margin: 0 0 14px;
    color: var(--drl-text-muted);
}

.drldial-team-invitation-list {
    display: grid;
    gap: 14px;
    margin-bottom: 14px;
}

.drldial-team-invitation-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) auto minmax(190px, 1.2fr) minmax(160px, 0.8fr) minmax(150px, 0.8fr) auto;
    align-items: end;
    gap: 12px;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    background: var(--drl-dialogue-editor-raised, var(--drl-surface-raised));
    padding: 14px;
}

.drldial-team-invitation-row .drldial-field {
    margin: 0;
}

.drldial-team-invite-name > span {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 8px;
}

.drldial-team-invite-name > span small {
    color: var(--drl-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.drldial-team-invite-role {
    min-width: 0;
}

.drldial-team-invite-role select {
    width: 100%;
}

.drldial-team-invitation-or {
    align-self: center;
    color: var(--drl-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.drldial-team-invitation-remove {
    align-self: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--drl-line);
    border-radius: 50%;
    background: transparent;
    color: var(--drl-text-muted);
    cursor: pointer;
    font-size: 1.25rem;
}

.drldial-team-invitation-remove:hover,
.drldial-team-invitation-remove:focus-visible {
    border-color: var(--drl-danger);
    color: var(--drl-danger);
}

.drldial-team-member-search {
    position: relative;
}

.drldial-team-member-results {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    overflow: hidden;
    border: 1px solid var(--drl-line-strong);
    border-radius: var(--drl-radius);
    background: var(--drl-surface-raised);
    box-shadow: var(--drl-shadow);
}

.drldial-team-member-result,
.drldial-team-member-result-empty {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 9px;
    border: 0;
    border-bottom: 1px solid var(--drl-line);
    background: transparent;
    color: var(--drl-text);
    padding: 10px 12px;
    text-align: left;
}

.drldial-team-member-result {
    cursor: pointer;
}

.drldial-team-member-result:hover,
.drldial-team-member-result:focus-visible {
    background: var(--dialogue-accent-soft, var(--drl-surface-soft));
}

.drldial-team-member-result:last-child {
    border-bottom: 0;
}

.drldial-team-member-result img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.drldial-team-member-result-empty {
    color: var(--drl-text-muted);
    font-size: 0.84rem;
}

.drldial-team-external-invitations {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.drldial-team-external-invitations > h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.drldial-team-external-invitation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--drl-line);
    border-radius: var(--drl-radius);
    background: var(--drl-dialogue-editor-raised, var(--drl-surface-raised));
    padding: 12px 14px;
}

.drldial-team-external-invitation > span {
    display: grid;
    gap: 3px;
}

.drldial-team-external-invitation small {
    color: var(--drl-text-muted);
}

.drldial-team-external-invitation .drldial-team-owner-actions {
    display: flex;
    gap: 8px;
}

.drldial-team-invite-form,
.drldial-team-invite-station {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 12px;
}

.drldial-team-invite-form > h3,
.drldial-team-invite-station > h3 {
    grid-column: 1 / -1;
}

.drldial-team-invite-form > .drldial-team-invitation-or,
.drldial-team-invite-station > .drldial-team-invitation-or {
    display: none;
}

.wpmc-account-edit-form .drldial-team-invitation-row,
.drldial-create-panel .drldial-team-invitation-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    padding-right: 58px;
}

.wpmc-account-edit-form .drldial-team-invitation-or,
.drldial-create-panel .drldial-team-invitation-or {
    display: none;
}

.wpmc-account-edit-form .drldial-team-invitation-remove,
.drldial-create-panel .drldial-team-invitation-remove {
    position: absolute;
    top: 14px;
    right: 14px;
}

@container (max-width: 980px) {
    .drldial-team-invitation-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        padding-right: 58px;
    }

    .drldial-team-invitation-or {
        display: none;
    }

    .drldial-team-invitation-remove {
        position: absolute;
        top: 14px;
        right: 14px;
    }
}

@container (max-width: 540px) {
    .drldial-team-invitation-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    .drldial-team-invitation-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        padding-right: 58px;
    }

    .drldial-team-invitation-or {
        display: none;
    }

    .drldial-team-invitation-remove {
        position: absolute;
        top: 14px;
        right: 14px;
    }
}

@media (max-width: 620px) {
    .drldial-team-invitation-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .drldial-team-invite-form,
    .drldial-team-invite-station {
        grid-template-columns: minmax(0, 1fr);
    }

    .drldial-team-external-invitation {
        align-items: flex-start;
        flex-direction: column;
    }
}

img.avatar,
img[class*="avatar"],
.drl-mini-account > summary > img,
.drl-sidebar-profile > img,
.wpmc-auth-avatar img,
.wpmc-suggestion-meta img,
.wpmc-comment__avatar img,
.wpmc-user-notifications__avatar img,
.wpmc-account-avatar img,
.wpmc-account-avatar-summary-main img,
.wpmc-account-avatar-options img,
.wpmc-account-upload-preview img,
.drldial-professional-profile-avatar img,
.drldial-professional-card-head img,
.drldial-dialogue-avatar img,
.drldial-messenger-chat-avatar img,
.drldial-messenger-message-avatar img,
.drldial-single-author img,
.drldial-author img,
.drldial-private-participants img,
.drldial-team-member-result img {
    background-color: #fff !important;
    opacity: 1 !important;
    mix-blend-mode: normal;
}

/* Long Run living cadence */

.drldial-workflow-signal--long-run .drldial-long-run-ambient,
.drldial-workflow-signal--long-run .drldial-long-run-path,
.drldial-workflow-signal--long-run .drldial-long-run-live-label,
.drldial-workflow-signal--long-run .drldial-long-run-stage-readout {
    display: none;
}

.drldial-workflow-signal--long-run .drldial-long-run-stage {
    display: grid;
    width: 100%;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.drldial-workflow-signal--long-run .drldial-long-run-stage__echo {
    display: none;
}

.drldial-workflow-signal--long-run .drldial-long-run-stage:focus-visible {
    outline: 2px solid var(--dialogue-accent);
    outline-offset: 4px;
}

.drldial-single > .drldial-workflow-signal--long-run li {
    display: block;
}

.drldial-single > .drldial-workflow-signal--long-run .drldial-long-run-stage {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
}

.drldial-hero > .drldial-workflow-signal--long-run {
    --drldial-long-run-pointer-x: 50%;
    --drldial-long-run-pointer-y: 42%;
    --drldial-long-run-tilt-x: 0deg;
    --drldial-long-run-tilt-y: 0deg;
    --drldial-workflow-color-one: color-mix(in srgb, var(--dialogue-accent) 86%, #fff3a0);
    --drldial-workflow-color-two: color-mix(in srgb, var(--dialogue-accent) 70%, #d7ee42);
    --drldial-workflow-color-three: color-mix(in srgb, var(--dialogue-accent) 44%, #62d8f0);
    --drldial-workflow-color-four: color-mix(in srgb, var(--dialogue-accent) 34%, #b4a0ff);
    min-width: 0;
    min-height: 472px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
    border-radius: 28px 8px 28px 8px;
    background:
        radial-gradient(
            circle at var(--drldial-long-run-pointer-x) var(--drldial-long-run-pointer-y),
            color-mix(in srgb, var(--dialogue-accent) 13%, transparent),
            transparent 24%
        ),
        radial-gradient(ellipse at 7% 44%, color-mix(in srgb, var(--drldial-workflow-color-three) 9%, transparent), transparent 42%),
        linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 6%, var(--drl-bg)), color-mix(in srgb, var(--drl-surface) 84%, transparent));
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 9%, transparent) inset,
        0 0 0 1px color-mix(in srgb, var(--dialogue-accent) 3%, transparent),
        0 24px 72px color-mix(in srgb, #000 13%, transparent);
    padding: 28px clamp(18px, 2.6vw, 34px) 26px;
}

.drldial-hero > .drldial-workflow-signal--long-run::before {
    position: absolute;
    z-index: 0;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--drl-text) 4%, transparent) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(color-mix(in srgb, var(--drl-text) 4%, transparent) 1px, transparent 1px) 0 0 / 34px 34px;
    content: "";
    inset: 0;
    -webkit-mask-image: radial-gradient(circle at var(--drldial-long-run-pointer-x) var(--drldial-long-run-pointer-y), #000, transparent 68%);
    mask-image: radial-gradient(circle at var(--drldial-long-run-pointer-x) var(--drldial-long-run-pointer-y), #000, transparent 68%);
    opacity: 0.75;
    pointer-events: none;
}

.drldial-hero > .drldial-workflow-signal--long-run::after {
    position: absolute;
    z-index: 0;
    width: 180px;
    height: 180px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 12%, transparent);
    border-radius: 50%;
    background: radial-gradient(circle, transparent 53%, color-mix(in srgb, var(--dialogue-accent) 4%, transparent) 54%, transparent 66%);
    content: "";
    opacity: 0.7;
    pointer-events: none;
    right: -82px;
    top: -84px;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-ambient {
    position: absolute;
    z-index: 0;
    display: block;
    pointer-events: none;
    inset: 48px 0 58px;
    transform:
        perspective(900px)
        rotateX(var(--drldial-long-run-tilt-x))
        rotateY(var(--drldial-long-run-tilt-y));
    transform-style: preserve-3d;
    transition: transform 180ms ease-out;
}

.drldial-long-run-ambient > span {
    position: absolute;
    width: 260px;
    height: 92px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 15%, transparent);
    border-radius: 50%;
    opacity: 0.34;
    transform: rotate(-8deg);
    animation: drldial-long-run-orbit 8.4s ease-in-out infinite;
}

.drldial-long-run-ambient > span:nth-child(1) {
    top: 8%;
    left: -138px;
}

.drldial-long-run-ambient > span:nth-child(2) {
    top: 42%;
    right: -146px;
    border-color: color-mix(in srgb, var(--drldial-workflow-color-three) 18%, transparent);
    animation-delay: -2.8s;
    transform: rotate(11deg);
}

.drldial-long-run-ambient > span:nth-child(3) {
    bottom: -2%;
    left: -112px;
    border-color: color-mix(in srgb, var(--drldial-workflow-color-four) 15%, transparent);
    animation-delay: -5.6s;
    transform: rotate(-13deg);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-kicker {
    position: relative;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 14px;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-live-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--drl-text-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    white-space: nowrap;
}

.drldial-long-run-live-label > i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--dialogue-accent);
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--dialogue-accent) 8%, transparent),
        0 0 12px var(--dialogue-accent);
    animation: drldial-long-run-live 2.2s ease-out infinite;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-path {
    position: absolute;
    z-index: 1;
    top: 64px;
    right: clamp(12px, 2vw, 26px);
    bottom: 74px;
    left: clamp(12px, 2vw, 26px);
    display: block;
    width: calc(100% - clamp(24px, 4vw, 52px));
    height: calc(100% - 138px);
    overflow: visible;
    pointer-events: none;
    transform:
        perspective(900px)
        rotateX(var(--drldial-long-run-tilt-x))
        rotateY(var(--drldial-long-run-tilt-y));
    transform-origin: 50% 42%;
    transition: transform 180ms ease-out;
}

.drldial-long-run-path path {
    fill: none;
    vector-effect: non-scaling-stroke;
}

.drldial-long-run-path__ghost {
    stroke: color-mix(in srgb, var(--dialogue-accent) 22%, transparent);
    stroke-dasharray: 1 12;
    stroke-linecap: round;
    stroke-width: 10;
    opacity: 0.5;
    animation: drldial-long-run-ghost 9s linear infinite;
}

.drldial-long-run-path__track {
    stroke: color-mix(in srgb, var(--drl-text) 18%, var(--dialogue-accent));
    stroke-width: 1.2;
    opacity: 0.52;
}

.drldial-long-run-path__live {
    stroke-dasharray: 100;
    stroke-dashoffset: 99;
    stroke-linecap: round;
    stroke-width: 2.4;
    opacity: 0.96;
    transition: stroke-dashoffset 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drldial-long-run-runner {
    fill: #fff7b8;
    stroke: color-mix(in srgb, var(--dialogue-accent) 84%, #fff);
    stroke-width: 1;
    filter:
        drop-shadow(0 0 3px var(--dialogue-accent))
        drop-shadow(0 0 9px color-mix(in srgb, var(--dialogue-accent) 76%, transparent));
    vector-effect: non-scaling-stroke;
}

.drldial-long-run-runner--echo {
    fill: var(--drldial-workflow-color-three);
    stroke: color-mix(in srgb, var(--drldial-workflow-color-three) 72%, #fff);
    opacity: 0.72;
}

.drldial-hero > .drldial-workflow-signal--long-run ol {
    position: relative;
    z-index: 3;
    display: grid;
    gap: 2px;
    transform:
        perspective(900px)
        rotateX(var(--drldial-long-run-tilt-x))
        rotateY(var(--drldial-long-run-tilt-y));
    transform-origin: 50% 42%;
    transform-style: preserve-3d;
    transition: transform 180ms ease-out;
}

.drldial-hero > .drldial-workflow-signal--long-run li {
    --drldial-long-run-stage-x: 8px;
    position: relative;
    display: block;
    min-height: 76px;
    padding: 0;
    transition: opacity 300ms ease, filter 300ms ease;
}

.drldial-hero > .drldial-workflow-signal--long-run li:nth-child(2) {
    --drldial-long-run-stage-x: -10px;
}

.drldial-hero > .drldial-workflow-signal--long-run li:nth-child(3) {
    --drldial-long-run-stage-x: 15px;
}

.drldial-hero > .drldial-workflow-signal--long-run li:nth-child(4) {
    --drldial-long-run-stage-x: -2px;
}

.drldial-hero > .drldial-workflow-signal--long-run li::before,
.drldial-hero > .drldial-workflow-signal--long-run li::after {
    display: none;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage {
    position: relative;
    width: calc(100% - 22px);
    min-height: 74px;
    grid-template-columns: 50px minmax(0, 1fr) 18px;
    gap: 16px;
    border: 1px solid transparent;
    border-radius: 18px 6px 18px 6px;
    background: transparent;
    padding: 9px 12px 9px 8px;
    color: var(--drl-text);
    cursor: pointer;
    transform: translate3d(var(--drldial-long-run-stage-x), 0, 1px);
    transition:
        border-color 260ms ease,
        background 260ms ease,
        box-shadow 260ms ease,
        opacity 260ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage::before {
    position: absolute;
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent) 8%, transparent), transparent 72%);
    content: "";
    inset: 0;
    opacity: 0;
    transition: opacity 260ms ease;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage:hover,
.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage:focus-visible,
.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-long-run-stage {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 24%, transparent);
    background: color-mix(in srgb, var(--drl-surface) 48%, transparent);
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 7%, transparent) inset,
        0 10px 32px color-mix(in srgb, #000 9%, transparent);
    transform: translate3d(calc(var(--drldial-long-run-stage-x) + 7px), 0, 18px);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage:hover::before,
.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage:focus-visible::before,
.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-long-run-stage::before {
    opacity: 1;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage:focus-visible {
    outline: 1px solid color-mix(in srgb, var(--drldial-workflow-stage-color) 72%, #fff);
    outline-offset: 3px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-is-engaged li:not(.drldial-is-current) {
    filter: saturate(0.72);
    opacity: 0.52;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-node {
    position: relative;
    z-index: 2;
    width: 50px;
    height: 50px;
    border: 1px solid color-mix(in srgb, var(--drldial-workflow-stage-color) 52%, var(--drl-line));
    background:
        radial-gradient(circle at 34% 27%, color-mix(in srgb, #fff 10%, transparent), transparent 31%),
        color-mix(in srgb, var(--drl-bg) 90%, var(--drldial-workflow-stage-color));
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 82%, var(--drl-text));
    box-shadow:
        0 0 0 5px color-mix(in srgb, var(--drldial-workflow-stage-color) 4%, transparent),
        0 0 24px color-mix(in srgb, var(--drldial-workflow-stage-color) 11%, transparent);
    font-variant-numeric: tabular-nums;
    transition:
        background 320ms ease,
        border-color 320ms ease,
        box-shadow 320ms ease,
        color 320ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-node::after {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--drldial-workflow-stage-color) 15%, transparent);
    border-radius: inherit;
    content: "";
    inset: -7px;
    opacity: 0.8;
    transform: scale(0.86);
    transition: opacity 320ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-workflow-signal-node {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 84%, #fff);
    background:
        radial-gradient(circle at 34% 26%, color-mix(in srgb, #fff 35%, transparent), transparent 28%),
        var(--drldial-workflow-stage-color);
    color: color-mix(in srgb, var(--drl-bg) 86%, #000);
    box-shadow:
        0 0 0 6px color-mix(in srgb, var(--drldial-workflow-stage-color) 11%, transparent),
        0 0 25px color-mix(in srgb, var(--drldial-workflow-stage-color) 42%, transparent),
        0 0 70px color-mix(in srgb, var(--drldial-workflow-stage-color) 18%, transparent);
    transform: scale(1.08);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-workflow-signal-node::before {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 38%, transparent);
    inset: -9px;
    animation: drldial-long-run-node-wave 2.6s ease-out infinite;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-workflow-signal-node::after {
    opacity: 1;
    transform: scale(1.18);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage__copy {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: 0;
}

.drldial-hero > .drldial-workflow-signal--long-run strong {
    color: var(--drl-text);
    font-size: 15px;
    letter-spacing: 0.005em;
    transition: color 260ms ease, transform 260ms ease;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current strong {
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 68%, var(--drl-text));
}

.drldial-hero > .drldial-workflow-signal--long-run small {
    max-width: 260px;
    margin-top: 4px;
    color: var(--drl-text-muted);
    font-size: 12px;
    line-height: 1.42;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage__echo {
    position: relative;
    z-index: 2;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--drldial-workflow-stage-color) 28%, transparent);
    border-radius: 50%;
    opacity: 0.32;
    transition: border-color 260ms ease, box-shadow 260ms ease, opacity 260ms ease, transform 320ms ease;
}

.drldial-long-run-stage__echo::before {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--drldial-workflow-stage-color);
    content: "";
    box-shadow: 0 0 8px var(--drldial-workflow-stage-color);
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-long-run-stage__echo {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 66%, transparent);
    box-shadow:
        0 0 0 5px color-mix(in srgb, var(--drldial-workflow-stage-color) 5%, transparent),
        0 0 18px color-mix(in srgb, var(--drldial-workflow-stage-color) 20%, transparent);
    opacity: 1;
    transform: scale(1.12);
    animation: drldial-long-run-echo 2.6s ease-in-out infinite;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-note {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 49px;
    margin: 15px 0 0;
    border-top: 1px solid color-mix(in srgb, var(--dialogue-accent) 16%, var(--drl-line));
    padding: 13px 0 0;
    color: var(--drl-text-muted);
    font-family: var(--drl-font-ui);
    font-size: 11px;
    line-height: 1.45;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-note::before {
    display: none;
}

.drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage-readout {
    display: inline-grid;
    min-width: 112px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 18%, var(--drl-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-bg) 76%, transparent);
    padding: 5px 10px;
    color: var(--drl-text-muted);
    font-size: 9px;
    letter-spacing: 0.05em;
    line-height: 1;
    white-space: nowrap;
}

.drldial-long-run-stage-readout > b {
    color: color-mix(in srgb, var(--dialogue-accent) 78%, var(--drl-text));
    font-size: 8px;
    font-variant-numeric: tabular-nums;
    font-weight: 760;
    letter-spacing: 0.08em;
}

.drldial-long-run-stage-readout > span {
    max-width: 76px;
    overflow: hidden;
    color: var(--drl-text);
    text-overflow: ellipsis;
}

@keyframes drldial-long-run-orbit {
    0%,
    100% {
        opacity: 0.18;
        transform: rotate(-10deg) scaleX(0.94);
    }

    50% {
        opacity: 0.5;
        transform: rotate(7deg) scaleX(1.08);
    }
}

@keyframes drldial-long-run-live {
    0% {
        box-shadow:
            0 0 0 0 color-mix(in srgb, var(--dialogue-accent) 32%, transparent),
            0 0 12px var(--dialogue-accent);
    }

    100% {
        box-shadow:
            0 0 0 8px transparent,
            0 0 4px var(--dialogue-accent);
    }
}

@keyframes drldial-long-run-ghost {
    to {
        stroke-dashoffset: -52;
    }
}

@keyframes drldial-long-run-node-wave {
    0% {
        opacity: 0.72;
        transform: scale(0.82);
    }

    100% {
        opacity: 0;
        transform: scale(1.34);
    }
}

@keyframes drldial-long-run-echo {
    0%,
    100% {
        transform: scale(1.04);
    }

    50% {
        transform: scale(1.22);
    }
}

@media (max-width: 1180px) {
    .drldial-hero > .drldial-workflow-signal--long-run {
        width: min(100%, 760px);
        min-height: 440px;
        padding: 26px clamp(18px, 4vw, 34px) 24px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run li {
        min-height: 70px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage {
        min-height: 68px;
    }
}

@media (max-width: 640px) {
    .drldial-hero > .drldial-workflow-signal--long-run {
        min-height: 420px;
        border-radius: 22px 6px 22px 6px;
        padding: 24px 14px 20px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-kicker {
        padding-inline: 6px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run li {
        --drldial-long-run-stage-x: 2px;
        min-height: 68px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run li:nth-child(2) {
        --drldial-long-run-stage-x: -3px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run li:nth-child(3) {
        --drldial-long-run-stage-x: 5px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run li:nth-child(4) {
        --drldial-long-run-stage-x: 0px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage {
        width: calc(100% - 8px);
        min-height: 66px;
        grid-template-columns: 44px minmax(0, 1fr) 16px;
        gap: 12px;
        padding: 7px 8px 7px 4px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-node {
        width: 44px;
        height: 44px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run small {
        font-size: 11px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-workflow-signal-note {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-stage-readout {
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-hero > .drldial-workflow-signal--long-run,
    .drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-ambient,
    .drldial-hero > .drldial-workflow-signal--long-run .drldial-long-run-path,
    .drldial-hero > .drldial-workflow-signal--long-run ol {
        transform: none;
        transition: none;
    }

    .drldial-long-run-ambient > span,
    .drldial-long-run-live-label > i,
    .drldial-long-run-path__ghost,
    .drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-workflow-signal-node::before,
    .drldial-hero > .drldial-workflow-signal--long-run .drldial-is-current .drldial-long-run-stage__echo {
        animation: none;
    }

    .drldial-long-run-runner--echo {
        display: none;
    }
}

/* Spatial Long Run cadence loom */

.drldial-workflow-signal--long-run .drldial-long-run-loom,
.drldial-workflow-signal--long-run .drldial-long-run-gesture {
    display: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom {
    min-height: 540px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 28px 18px 24px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom::before {
    z-index: 0;
    background:
        radial-gradient(circle at 50% 47%, color-mix(in srgb, var(--dialogue-accent) 8%, transparent) 0 1px, transparent 1.5px) 0 0 / 22px 22px,
        linear-gradient(90deg, transparent, color-mix(in srgb, var(--drl-text) 3%, transparent), transparent);
    -webkit-mask-image: radial-gradient(ellipse at center, #000, transparent 74%);
    mask-image: radial-gradient(ellipse at center, #000, transparent 74%);
    opacity: 0.68;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom::after {
    z-index: 0;
    top: auto;
    right: -31%;
    bottom: -18%;
    width: 76%;
    height: 48%;
    border-color: color-mix(in srgb, var(--drldial-workflow-color-four) 10%, transparent);
    border-radius: 50%;
    background: transparent;
    box-shadow:
        0 0 0 24px color-mix(in srgb, var(--drldial-workflow-color-three) 2.5%, transparent),
        0 0 0 55px color-mix(in srgb, var(--dialogue-accent) 2%, transparent);
    opacity: 0.75;
    transform: rotate(-18deg);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-ambient,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-path {
    display: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-loom {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-gesture {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--drl-text-muted);
    font-size: 8px;
    font-weight: 680;
    letter-spacing: 0.14em;
    opacity: 0.5;
    pointer-events: none;
    text-transform: uppercase;
    transform: translateY(-50%);
    transition: opacity 220ms ease, transform 220ms ease;
    writing-mode: vertical-rl;
}

.drldial-long-run-gesture::before {
    width: 1px;
    height: 18px;
    background: linear-gradient(180deg, transparent, var(--dialogue-accent));
    content: "";
    box-shadow: 0 4px 7px color-mix(in srgb, var(--dialogue-accent) 48%, transparent);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom.drldial-long-run-is-engaged .drldial-long-run-gesture {
    opacity: 0;
    transform: translateY(-50%) translateX(8px);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-kicker {
    position: absolute;
    z-index: 6;
    top: 26px;
    right: 24px;
    left: 24px;
    margin: 0;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom ol {
    position: absolute;
    z-index: 3;
    display: block;
    margin: 0;
    pointer-events: none;
    transform: none;
    inset: 0;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom li,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom li:nth-child(n) {
    --drldial-long-run-stage-x: 0px;
    position: absolute;
    min-height: 0;
    padding: 0;
    filter: blur(var(--drldial-loom-blur, 0));
    opacity: var(--drldial-loom-opacity, 1);
    pointer-events: none;
    inset: 0;
    transition: filter 240ms ease, opacity 240ms ease;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom.drldial-long-run-is-engaged li:not(.drldial-is-current) {
    filter: blur(calc(var(--drldial-loom-blur, 0px) + 0.35px)) saturate(0.64);
    opacity: calc(var(--drldial-loom-opacity, 1) * 0.7);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current {
    filter: none;
    opacity: 1;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    min-height: 54px;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: color-mix(in srgb, var(--drl-bg) 36%, transparent);
    box-shadow: none;
    padding: 6px 13px 6px 6px;
    pointer-events: auto;
    transform:
        translate3d(var(--drldial-loom-x, 50%), var(--drldial-loom-y, 50%), 0)
        translate(-50%, -50%)
        scale(var(--drldial-loom-scale, 1));
    transform-origin: 50% 50%;
    will-change: transform;
    z-index: var(--drldial-loom-z, 1);
    transition:
        width 520ms cubic-bezier(0.22, 1, 0.36, 1),
        min-height 520ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 320ms ease,
        border-radius 520ms cubic-bezier(0.22, 1, 0.36, 1),
        background 320ms ease,
        box-shadow 320ms ease;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage::before {
    background:
        linear-gradient(100deg, color-mix(in srgb, var(--drldial-workflow-stage-color) 9%, transparent), transparent 64%),
        radial-gradient(circle at 21px 50%, color-mix(in srgb, var(--drldial-workflow-stage-color) 10%, transparent), transparent 45%);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage {
    width: min(286px, calc(100% - 32px));
    min-height: 76px;
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 28%, transparent);
    border-radius: 24px 7px 24px 7px;
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--drldial-workflow-stage-color) 9%, var(--drl-surface)), color-mix(in srgb, var(--drl-bg) 82%, transparent));
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 9%, transparent) inset,
        0 0 0 1px color-mix(in srgb, var(--drldial-workflow-stage-color) 4%, transparent),
        0 20px 52px color-mix(in srgb, #000 18%, transparent),
        0 0 64px color-mix(in srgb, var(--drldial-workflow-stage-color) 8%, transparent);
    padding: 10px 18px 10px 10px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-node {
    width: 42px;
    height: 42px;
    border-width: 1px;
    background: color-mix(in srgb, var(--drl-bg) 86%, var(--drldial-workflow-stage-color));
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--drldial-workflow-stage-color) 4%, transparent),
        0 0 17px color-mix(in srgb, var(--drldial-workflow-stage-color) 16%, transparent);
    font-size: 10px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node {
    width: 56px;
    height: 56px;
    margin: -7px 0 -7px -7px;
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--drldial-workflow-stage-color) 9%, transparent),
        0 0 32px color-mix(in srgb, var(--drldial-workflow-stage-color) 46%, transparent),
        0 0 88px color-mix(in srgb, var(--drldial-workflow-stage-color) 19%, transparent);
    font-size: 12px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage__copy {
    align-self: center;
    overflow: hidden;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom strong {
    overflow: hidden;
    color: color-mix(in srgb, var(--drl-text) 84%, var(--drldial-workflow-stage-color));
    font-size: 12px;
    letter-spacing: 0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current strong {
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 62%, var(--drl-text));
    font-size: 17px;
    letter-spacing: -0.01em;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom small {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(5px);
    transition:
        max-height 440ms cubic-bezier(0.22, 1, 0.36, 1),
        margin 320ms ease,
        opacity 260ms ease,
        transform 380ms cubic-bezier(0.22, 1, 0.36, 1);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current small {
    max-height: 42px;
    margin-top: 5px;
    opacity: 1;
    transform: translateY(0);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage__echo {
    display: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-note {
    position: absolute;
    z-index: 6;
    right: 24px;
    bottom: 22px;
    left: 24px;
    margin: 0;
    background: linear-gradient(90deg, color-mix(in srgb, var(--drl-bg) 72%, transparent), transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

@media (max-width: 1180px) {
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom {
        min-height: 530px;
    }
}

@media (max-width: 640px) {
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom {
        min-height: 500px;
        border-radius: 0;
        padding: 22px 10px 18px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-kicker {
        top: 22px;
        right: 16px;
        left: 16px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-gesture {
        top: 50%;
        right: 5px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage {
        width: 146px;
        min-height: 48px;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
        padding: 5px 10px 5px 5px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover,
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible,
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage {
        width: min(232px, calc(100% - 24px));
        min-height: 68px;
        padding: 8px 13px 8px 8px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-node {
        width: 38px;
        height: 38px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node {
        width: 50px;
        height: 50px;
        margin: -6px 0 -6px -6px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current strong {
        font-size: 15px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-note {
        right: 16px;
        bottom: 16px;
        left: 16px;
    }
}

/* Square loom cards tucked beneath their stage nodes */

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage::before {
    top: 6px;
    right: 0;
    bottom: 6px;
    left: 27px;
    border: 1px solid color-mix(in srgb, var(--drldial-workflow-stage-color) 14%, transparent);
    border-radius: 0;
    background: color-mix(in srgb, var(--drl-bg) 36%, transparent);
    box-shadow: none;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover::before,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible::before,
.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage::before {
    top: 12px;
    bottom: 12px;
    left: 31px;
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 28%, transparent);
    background:
        linear-gradient(110deg, color-mix(in srgb, var(--drldial-workflow-stage-color) 9%, var(--drl-surface)), color-mix(in srgb, var(--drl-bg) 82%, transparent));
    box-shadow:
        0 1px 0 color-mix(in srgb, #fff 9%, transparent) inset,
        0 0 0 1px color-mix(in srgb, var(--drldial-workflow-stage-color) 4%, transparent),
        0 20px 52px color-mix(in srgb, #000 18%, transparent),
        0 0 64px color-mix(in srgb, var(--drldial-workflow-stage-color) 8%, transparent);
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node {
    width: 52px;
    height: 52px;
    margin: 0 0 0 -5px;
}

.drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage__copy {
    padding-left: 12px;
}

@media (max-width: 640px) {
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage::before {
        left: 24px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover::before,
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible::before,
    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage::before {
        top: 10px;
        bottom: 10px;
        left: 27px;
    }

    .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node {
        width: 48px;
        height: 48px;
        margin: 0 0 0 -5px;
    }
}

/* Crisp light-theme treatment for the cadence loom */

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom {
    --drldial-workflow-color-one: #b67a00;
    --drldial-workflow-color-two: #ad5b2b;
    --drldial-workflow-color-three: #24796f;
    --drldial-workflow-color-four: #6251a0;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom::before {
    opacity: 0.14;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom::after {
    display: none;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-loom {
    filter: saturate(0.9) contrast(1.04);
    mix-blend-mode: multiply;
    opacity: 0.84;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom li {
    filter: none;
    opacity: max(0.66, var(--drldial-loom-opacity, 1));
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage::before {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 24%, #c9c2b3);
    background: rgba(255, 253, 247, 0.62);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:hover::before,
html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-long-run-stage:focus-visible::before,
html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-long-run-stage::before {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 42%, #aaa292);
    background: linear-gradient(100deg, #fffdf8, rgba(247, 243, 232, 0.94));
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.92) inset,
        0 12px 30px rgba(67, 55, 25, 0.08);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-node {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 52%, #aaa392);
    background: #faf7ee;
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 58%, #565147);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drldial-workflow-stage-color) 5%, transparent),
        0 6px 18px rgba(67, 55, 25, 0.07);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 68%, #8f856f);
    background:
        radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.9), transparent 29%),
        #fff9e9;
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 42%, #4b4332);
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--drldial-workflow-stage-color) 8%, transparent),
        0 10px 24px rgba(72, 58, 21, 0.1);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node::before {
    display: none;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current .drldial-workflow-signal-node::after {
    border-color: color-mix(in srgb, var(--drldial-workflow-stage-color) 20%, transparent);
    opacity: 0.45;
    transform: scale(1.04);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom strong {
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 35%, #4d4942);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-is-current strong {
    color: color-mix(in srgb, var(--drldial-workflow-stage-color) 48%, #39352d);
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom small,
html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-note {
    color: #68645c;
}

html[data-theme="light"] .drldial-hero > .drldial-workflow-signal--long-run.drldial-long-run-has-loom .drldial-workflow-signal-note {
    background: linear-gradient(90deg, rgba(246, 243, 234, 0.94), transparent);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

:is(
    .drldial-filters,
    .drldial-professional-filters,
    .drldial-search-form
) label:has(> select) {
    position: relative;
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 0;
}

:is(
    .drldial-filters,
    .drldial-professional-filters,
    .drldial-search-form
) label:has(> select) > span,
:is(.wpmc-sort-form, .wpmc-front-sort) label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    pointer-events: none;
}

:is(
    .drldial-filters,
    .drldial-professional-filters,
    .drldial-search-form
) label:has(> select) > span::after,
:is(.wpmc-sort-form, .wpmc-front-sort) label::after {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    content: "";
    transform: translateY(-2px) rotate(45deg);
}

:is(
    .drldial-filters,
    .drldial-professional-filters,
    .drldial-search-form
) select {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    appearance: none;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    padding: 0;
    cursor: pointer;
}

:is(
    .wpmc-sort-form,
    .wpmc-front-sort
) {
    position: relative;
    min-height: 36px;
}

:is(.wpmc-sort-form, .wpmc-front-sort) select {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    border: 0;
    outline: 0;
    opacity: 0;
    cursor: pointer;
}

:is(
    .drldial-filters,
    .drldial-professional-filters,
    .drldial-search-form
) label:has(> select):focus-within > span,
:is(.wpmc-sort-form, .wpmc-front-sort):focus-within label {
    color: var(--dialogue-accent-strong);
    box-shadow: 0 2px 0 var(--dialogue-accent);
}

.drl-dialogue-character__quote-icon {
    display: none;
}

.drldial-hero > .drldial-button::before {
    width: 20px;
    height: 24px;
    flex: 0 0 20px;
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' d='M4 1h10l6 6v20H4zM14 1v7h6M8 13h8M8 17h8M8 21h6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round' d='M4 1h10l6 6v20H4zM14 1v7h6M8 13h8M8 17h8M8 21h6'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (min-width: 1181px) {
    .drldial-archive > .drldial-hero {
        --drldial-hero-action-width: clamp(260px, 40%, 480px);
        --drldial-hero-band-width: 32px;
        --drldial-hero-left-space: 0px;
        height: clamp(450px, 30.5vw, 470px);
        min-height: 0;
        grid-template-columns: minmax(0, 1.62fr) minmax(330px, 0.92fr);
        grid-template-rows: 1fr auto;
        gap: 0;
        overflow: hidden;
        border: 0;
        background: var(--drl-bg);
    }

    .drldial-archive > .drldial-hero .drldial-hero-copy {
        display: grid;
        width: auto;
        max-width: none;
        min-width: 0;
        align-self: stretch;
        grid-template-columns: var(--drldial-hero-action-width) minmax(210px, 1fr);
        grid-template-rows: auto auto auto 1fr;
        column-gap: clamp(18px, 2vw, 32px);
        padding: clamp(28px, 2.1vw, 34px) clamp(18px, 1.7vw, 26px) 0 var(--drldial-hero-left-space);
    }

    .drldial-archive > .drldial-hero .drldial-hero-copy__text > .drldial-hero-title {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .drldial-archive > .drldial-hero .drldial-hero-copy__text > .drldial-hero-subtitle {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .drldial-archive > .drldial-hero .drldial-hero-copy__text > p:last-child {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .drldial-archive > .drldial-hero .drldial-hero-title {
        gap: 12px;
        margin: 0;
        color: var(--dialogue-accent);
        font-family: var(--drl-font-display);
        font-size: clamp(23px, 1.65vw, 28px);
        font-weight: 500;
        letter-spacing: -0.025em;
        line-height: 1;
    }

    .drldial-archive > .drldial-hero .drldial-hero-title-icon {
        width: clamp(44px, 3.2vw, 52px);
        height: clamp(44px, 3.2vw, 52px);
        flex-basis: clamp(44px, 3.2vw, 52px);
    }

    .drldial-archive > .drldial-hero .drldial-hero-title-icon > .drldial-hero-title-icon__glyph {
        width: 66%;
        height: 66%;
    }

    .drldial-archive > .drldial-hero .drldial-hero-subtitle {
        max-width: clamp(390px, 31vw, 620px);
        margin: clamp(14px, 1.2vw, 18px) 0 clamp(10px, 0.9vw, 14px);
        color: var(--drl-text);
        font-family: var(--drl-font-display);
        font-size: clamp(42px, 3.2vw, 56px);
        font-weight: 520;
        letter-spacing: -0.04em;
        line-height: 0.96;
        text-wrap: balance;
    }

    .drldial-archive > .drldial-hero .drldial-hero-copy__text > p:last-child {
        max-width: min(58%, 700px);
        margin: 0;
        color: var(--drl-text-muted);
        font-size: clamp(13px, 0.9vw, 16px);
        line-height: 1.48;
    }

    .drldial-archive > .drldial-hero .drldial-hero-character {
        display: contents;
    }

    .drldial-archive > .drldial-hero .drldial-hero-character .drl-dialogue-character__quote {
        display: flex;
        width: 100%;
        height: auto;
        min-height: 80px;
        grid-column: 1;
        grid-row: 4;
        align-self: end;
        align-items: center;
        justify-self: stretch;
        margin: clamp(12px, 1.1vw, 16px) 0 0;
        border-color: color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-line));
        border-radius: 16px;
        background:
            linear-gradient(
                112deg,
                color-mix(in srgb, var(--drl-surface) 97%, var(--dialogue-accent) 3%),
                color-mix(in srgb, var(--drl-surface) 92%, var(--dialogue-accent) 8%)
            );
        padding: 10px 20px;
        font-size: clamp(13px, 0.95vw, 15px);
        font-weight: 480;
        line-height: 1.42;
        transform: translateX(calc(50% + clamp(38px, 3.5vw, 54px)));
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote::after {
        top: 50%;
        right: -14px;
        width: 26px;
        height: 26px;
        border-color: color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-line));
        background: color-mix(in srgb, var(--drl-surface) 92%, var(--dialogue-accent) 8%);
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote-icon {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 14px;
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 50%;
        background: color-mix(in srgb, var(--dialogue-accent) 11%, var(--drl-surface));
        transform: translateY(-50%);
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote-icon-glyph {
        width: 72%;
        height: 72%;
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote p {
        -webkit-line-clamp: 3;
    }

    .drldial-archive > .drldial-hero .drldial-hero-character .drl-dialogue-character__image {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: clamp(-68px, -4.3vw, -58px);
        width: min(100%, 264px);
        max-height: 300px;
        object-fit: contain;
        object-position: center bottom;
        transform: none;
    }

    .drldial-archive:not(.drldial-archive--long-run) > .drldial-hero .drldial-hero-copy::after {
        right: clamp(30px, 4vw, 62px);
        bottom: clamp(-78px, -5vw, -66px);
        width: 220px;
        height: 32px;
        opacity: 0.32;
    }

    .drldial-archive > .drldial-hero > .drldial-button {
        display: flex;
        width: var(--drldial-hero-action-width);
        min-height: clamp(48px, 3.7vw, 54px);
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
        align-self: end;
        justify-self: start;
        margin: clamp(10px, 0.9vw, 14px) 0 clamp(20px, 1.8vw, 28px) var(--drldial-hero-left-space);
        border: 1px solid color-mix(in srgb, var(--dialogue-accent) 84%, #ffffff);
        border-radius: 5px;
        background:
            linear-gradient(
                135deg,
                color-mix(in srgb, var(--dialogue-accent) 88%, #820f59),
                var(--dialogue-accent)
            );
        box-shadow:
            0 9px 20px color-mix(in srgb, var(--dialogue-accent) 18%, transparent),
            0 2px 7px color-mix(in srgb, var(--dialogue-accent) 22%, transparent),
            inset 0 1px 0 color-mix(in srgb, #ffffff 20%, transparent);
        padding: 10px clamp(20px, 1.8vw, 28px);
        color: #ffffff;
        font-size: clamp(13px, 0.92vw, 15px);
        font-weight: 650;
        line-height: 1.2;
    }

    .drldial-archive > .drldial-hero > .drldial-button:hover,
    .drldial-archive > .drldial-hero > .drldial-button:focus-visible {
        background:
            linear-gradient(
                135deg,
                var(--dialogue-accent),
                color-mix(in srgb, var(--dialogue-accent) 84%, #ffffff)
            );
        color: #ffffff;
        transform: translateY(-2px);
    }

    .drldial-archive > .drldial-hero > .drldial-workflow-signal {
        display: grid;
        min-width: 0;
        align-self: stretch;
        grid-template-rows: auto 1fr auto;
        gap: clamp(10px, 0.9vw, 14px);
        margin-left: var(--drldial-hero-band-width);
        border: 0;
        background: var(--drl-surface);
        padding:
            clamp(28px, 2.4vw, 36px)
            clamp(24px, 2.2vw, 34px)
            clamp(28px, 2.4vw, 36px)
            clamp(48px, 4.2vw, 66px);
    }

    .drldial-archive > .drldial-hero .drldial-workflow-family-label {
        top: 0;
        bottom: 0;
        left: 0;
        width: var(--drldial-hero-band-width);
        background:
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--dialogue-accent) 88%, #5f0a47),
                var(--dialogue-accent) 54%,
                color-mix(in srgb, var(--dialogue-accent) 90%, #6f0a4d)
            );
        box-shadow:
            inset 1px 0 0 color-mix(in srgb, #ffffff 16%, transparent),
            inset -1px 0 0 color-mix(in srgb, #000000 12%, transparent);
    }

    .drldial-archive > .drldial-hero .drldial-workflow-family-label::before,
    .drldial-archive > .drldial-hero .drldial-workflow-family-label::after {
        position: absolute;
        left: 50%;
        width: 1px;
        height: 18px;
        background: #ffffff;
        content: "";
        opacity: 0.72;
        transform: translateX(-50%);
    }

    .drldial-archive > .drldial-hero .drldial-workflow-family-label::before {
        top: 48px;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-family-label::after {
        top: auto;
        bottom: 48px;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-family-label text {
        font-size: 9.5px;
        font-weight: 500;
        letter-spacing: 0.045em;
        stroke: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal-kicker {
        margin: 0;
        color: var(--dialogue-accent-strong);
        font-size: clamp(11px, 0.82vw, 13px);
        letter-spacing: 0.16em;
        line-height: 1.2;
        text-shadow: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal ol {
        display: grid;
        align-content: center;
        gap: 0;
        margin: 0;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal li,
    .drldial-archive > .drldial-hero .drldial-workflow-signal li:nth-child(n) {
        --drldial-workflow-node-size: clamp(38px, 2.8vw, 44px);
        --drldial-workflow-node-top: calc((100% - var(--drldial-workflow-node-size)) / 2);
        min-height: 62px;
        grid-template-columns: var(--drldial-workflow-node-size) minmax(0, 1fr);
        align-items: center;
        gap: clamp(14px, 1.25vw, 18px);
        padding: 0;
        opacity: 1;
        transform: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal li:not(:last-child)::before {
        display: block;
        top: calc(50% + (var(--drldial-workflow-node-size) / 2));
        left: calc((var(--drldial-workflow-node-size) - 1px) / 2);
        height: calc(100% - var(--drldial-workflow-node-size));
        background: var(--dialogue-accent);
        box-shadow: none;
        opacity: 0.82;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal li:not(:last-child)::after {
        display: block;
        top: calc(50% + (var(--drldial-workflow-node-size) / 2));
        left: calc((var(--drldial-workflow-node-size) - 7px) / 2);
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal .drldial-workflow-signal-node {
        width: var(--drldial-workflow-node-size);
        height: var(--drldial-workflow-node-size);
        border-color: var(--dialogue-accent);
        background: color-mix(in srgb, var(--drl-surface) 96%, var(--dialogue-accent) 4%);
        color: var(--dialogue-accent-strong);
        box-shadow: none;
        font-size: clamp(11px, 0.78vw, 12px);
        font-weight: 720;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal .drldial-is-current .drldial-workflow-signal-node {
        border: 4px solid color-mix(in srgb, var(--dialogue-accent) 50%, #ffffff);
        background: color-mix(in srgb, var(--drl-surface) 96%, var(--dialogue-accent) 4%);
        color: var(--dialogue-accent-strong);
        box-shadow:
            0 0 0 4px color-mix(in srgb, var(--dialogue-accent) 9%, transparent),
            0 0 16px color-mix(in srgb, var(--dialogue-accent) 28%, transparent);
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal li > span:last-child {
        padding: 0;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal strong,
    .drldial-archive > .drldial-hero .drldial-workflow-signal .drldial-is-current strong {
        color: var(--dialogue-accent-strong);
        font-size: clamp(13px, 0.92vw, 15px);
        font-weight: 700;
        line-height: 1.2;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal small {
        margin-top: 5px;
        color: var(--drl-text-muted);
        font-size: clamp(11px, 0.8vw, 13px);
        line-height: 1.35;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal-note {
        display: grid;
        grid-template-columns: 8px minmax(0, 1fr);
        gap: 18px;
        margin: 0;
        border-top: 1px solid color-mix(in srgb, var(--dialogue-accent) 25%, var(--drl-line));
        padding-top: clamp(12px, 1.1vw, 16px);
        color: var(--drl-text-muted);
        font-family: var(--drl-font-display);
        font-size: clamp(14px, 1vw, 16px);
        line-height: 1.45;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal-note::before {
        display: block;
        margin-top: 10px;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run {
        min-height: 0;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run :is(
        .drldial-long-run-ambient,
        .drldial-long-run-path,
        .drldial-long-run-live-label,
        .drldial-long-run-stage-readout,
        .drldial-long-run-loom,
        .drldial-long-run-gesture,
        .drldial-long-run-stage__echo
    ) {
        display: none !important;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run .drldial-long-run-stage {
        display: contents;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run ol {
        transform: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run li {
        filter: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run::before,
    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run::after,
    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run .drldial-workflow-signal-node::after {
        display: none;
    }

    .drldial-archive > .drldial-hero .drldial-workflow-signal--long-run .drldial-workflow-signal-node {
        transform: none;
    }
}

@media (max-width: 1180px) {
    .drldial-archive > .drldial-hero .drl-dialogue-character__quote-icon {
        position: absolute;
        top: 50%;
        left: 22px;
        display: grid;
        width: 52px;
        height: 52px;
        place-items: center;
        border-radius: 50%;
        background: color-mix(in srgb, var(--dialogue-accent) 11%, var(--drl-surface));
        transform: translateY(-50%);
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote-icon-glyph {
        width: 38px;
        height: 38px;
    }

    .drldial-archive > .drldial-hero .drl-dialogue-character__quote {
        padding-left: 24px;
    }

    .drldial-archive > .drldial-hero > .drldial-button {
        display: flex;
        min-height: 58px;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }
}

/* Dialogue archive filters */
.drldial-archive .drldial-list-section > .drldial-section-heading {
    position: relative;
    z-index: 20;
}

.drldial-archive--project-match .drldial-project-match-list-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0;
    color: var(--drl-project-match-accent, #c92a83);
    font-family: var(--drl-font-sans);
    font-size: 12px;
    font-weight: 760;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.drldial-archive--project-match .drldial-project-match-list-heading .drldial-tooltip-trigger {
    width: 34px;
    min-height: 34px;
    font-size: 13px;
}

.drldial-archive .drldial-project-match-filters {
    display: grid;
    width: min(100%, 480px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    justify-self: end;
    gap: 12px;
}

.drldial-archive--team-up .drldial-project-match-filters,
.drldial-archive--warm-intro .drldial-project-match-filters {
    width: min(100%, 600px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.drldial-archive--co-build .drldial-project-match-filters,
.drldial-archive--project-relay .drldial-project-match-filters {
    width: min(100%, 720px);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.drldial-archive--expert-check .drldial-project-match-filters {
    width: min(100%, 720px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select {
    --drldial-archive-filter-accent: var(--dialogue-accent);
    --drldial-archive-filter-text-accent: var(--dialogue-accent);
    position: relative;
    min-width: 0;
    min-height: 50px;
    border: 1px solid color-mix(in srgb, var(--drldial-archive-filter-accent) 15%, var(--drl-line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--drl-surface-raised) 76%, transparent);
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select:hover {
    border-color: color-mix(in srgb, var(--drldial-archive-filter-accent) 32%, var(--drl-line));
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select:focus-within,
:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select.is-open {
    z-index: 30;
    border-color: color-mix(in srgb, var(--drldial-archive-filter-accent) 70%, var(--drl-line));
    background: color-mix(in srgb, var(--drldial-archive-filter-accent) 5%, var(--drl-surface-raised));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--drldial-archive-filter-accent) 10%, transparent),
        0 14px 32px color-mix(in srgb, var(--drldial-archive-filter-accent) 9%, transparent);
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select > label {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 16px;
    display: block;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    gap: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--drl-text-subtle);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: 0.1em;
    line-height: 1;
    pointer-events: none;
    text-transform: uppercase;
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select > select {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 50px;
    min-height: 50px;
    appearance: none;
    padding: 18px 35px 8px 16px;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--drl-text);
    opacity: 1;
    font: inherit;
    font-size: 11px;
    font-weight: 680;
    cursor: pointer;
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    color: var(--drl-text-muted);
    content: "";
    pointer-events: none;
    transform: translateY(-70%) rotate(45deg);
    transition: color 180ms ease, transform 220ms ease;
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select:focus-within::after {
    color: var(--drldial-archive-filter-text-accent);
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select.is-enhanced::after {
    display: none;
}

:is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select.is-enhanced > select {
    position: absolute;
    width: 1px;
    height: 1px;
    min-height: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    opacity: 0;
    padding: 0;
    white-space: nowrap;
}

.drldial-search-page .drldial-search-query {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 50px;
    gap: 0;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 15%, var(--drl-line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--drl-surface-raised) 76%, transparent);
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.drldial-search-page .drldial-search-query:hover {
    border-color: color-mix(in srgb, var(--dialogue-accent) 32%, var(--drl-line));
}

.drldial-search-page .drldial-search-query:focus-within {
    border-color: color-mix(in srgb, var(--dialogue-accent) 70%, var(--drl-line));
    background: color-mix(in srgb, var(--dialogue-accent) 5%, var(--drl-surface-raised));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--dialogue-accent) 10%, transparent),
        0 14px 32px color-mix(in srgb, var(--dialogue-accent) 9%, transparent);
}

.drldial-search-page .drldial-search-query > span {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 16px;
    color: var(--drl-text-subtle);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: 0.1em;
    line-height: 1;
    pointer-events: none;
    text-transform: uppercase;
}

.drldial-search-page .drldial-search-query > input {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 18px 16px 8px;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--drl-text);
    font-size: 11px;
    font-weight: 620;
}

.drldial-search-page .drldial-search-form > .drldial-button {
    min-height: 50px;
    border-radius: 14px;
}

.drldial-project-match-select-trigger {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: flex-end;
    padding: 18px 35px 8px 16px;
    border: 0;
    border-radius: inherit;
    outline: 0;
    background: transparent;
    color: var(--drl-text);
    font: inherit;
    font-size: 11px;
    font-weight: 680;
    text-align: left;
    cursor: pointer;
}

.drldial-project-match-select-trigger__value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drldial-project-match-select-trigger > i {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    color: var(--drl-text-muted);
    transform: translateY(-70%) rotate(45deg);
    transition: color 180ms ease, transform 220ms ease;
}

.drldial-project-match-filter-select.is-open .drldial-project-match-select-trigger > i {
    color: var(--drldial-archive-filter-text-accent);
    transform: translateY(-25%) rotate(225deg);
}

.drldial-project-match-select-menu {
    position: absolute;
    z-index: 50;
    top: calc(100% + 9px);
    right: -1px;
    left: -1px;
    display: grid;
    max-height: 290px;
    gap: 3px;
    overflow-y: auto;
    padding: 7px;
    border: 1px solid color-mix(in srgb, var(--drldial-archive-filter-accent) 44%, var(--drl-line));
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drldial-project-match-cyan, #24cad3) 10%, transparent), transparent 42%),
        var(--drl-surface-raised);
    box-shadow:
        0 24px 54px color-mix(in srgb, #000000 24%, transparent),
        inset 0 1px color-mix(in srgb, #ffffff 9%, transparent);
    color: var(--drl-text);
    animation: drldial-project-match-select-enter 170ms cubic-bezier(0.2, 0.75, 0.25, 1);
    scrollbar-color: color-mix(in srgb, var(--drldial-archive-filter-accent) 62%, transparent) transparent;
    scrollbar-width: thin;
}

.drldial-project-match-select-menu[hidden] {
    display: none;
}

.drldial-project-match-filter-select.is-above .drldial-project-match-select-menu {
    top: auto;
    bottom: calc(100% + 9px);
    transform-origin: bottom center;
}

.drldial-project-match-select-option {
    display: flex;
    width: 100%;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    outline: 0;
    background: transparent;
    color: color-mix(in srgb, var(--drl-text) 74%, var(--drl-text-muted));
    font: inherit;
    font-size: 11px;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.drldial-project-match-select-option:hover,
.drldial-project-match-select-option:focus-visible {
    border-color: color-mix(in srgb, var(--drldial-archive-filter-accent) 28%, var(--drl-line));
    background: color-mix(in srgb, var(--drldial-archive-filter-accent) 9%, var(--drl-surface-raised));
    color: var(--drl-text);
    transform: translateX(2px);
}

.drldial-project-match-select-option > i {
    position: relative;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    border: 1px solid color-mix(in srgb, var(--drldial-archive-filter-accent) 30%, var(--drl-line));
    border-radius: 50%;
}

.drldial-project-match-select-option[aria-selected="true"] {
    background: color-mix(in srgb, var(--drldial-archive-filter-accent) 13%, var(--drl-surface-raised));
    color: var(--drldial-archive-filter-text-accent);
}

.drldial-project-match-select-option[aria-selected="true"] > i {
    border-color: var(--drldial-archive-filter-text-accent);
    background: var(--drldial-archive-filter-text-accent);
    box-shadow: 0 0 10px color-mix(in srgb, var(--drldial-archive-filter-accent) 35%, transparent);
}

.drldial-project-match-select-option[aria-selected="true"] > i::before {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 4px;
    height: 7px;
    border-right: 1.5px solid #ffffff;
    border-bottom: 1.5px solid #ffffff;
    content: "";
    transform: rotate(45deg);
}

html[data-theme="light"] :is(.drldial-archive, .drldial-search-page) .drldial-project-match-filter-select {
    background: var(--drl-bg);
}

html[data-theme="light"] .drldial-search-page .drldial-search-query {
    background: var(--drl-bg);
}

html[data-theme="light"] .drldial-archive--long-run .drldial-project-match-filter-select {
    --drldial-archive-filter-text-accent: var(--drl-long-run-accent-strong);
}

html[data-theme="light"] .drldial-project-match-select-menu {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drldial-project-match-cyan, #24cad3) 8%, transparent), transparent 42%),
        var(--drl-surface-raised);
}

@keyframes drldial-project-match-select-enter {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1040px) {
    .drldial-archive .drldial-project-match-filters {
        width: 100%;
        justify-self: stretch;
    }
}

@media (max-width: 760px) {
    .drldial-archive .drldial-project-match-filters,
    .drldial-archive--team-up .drldial-project-match-filters,
    .drldial-archive--co-build .drldial-project-match-filters,
    .drldial-archive--project-relay .drldial-project-match-filters,
    .drldial-archive--warm-intro .drldial-project-match-filters,
    .drldial-archive--expert-check .drldial-project-match-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .drldial-archive .drldial-project-match-filters,
    .drldial-archive--team-up .drldial-project-match-filters,
    .drldial-archive--co-build .drldial-project-match-filters,
    .drldial-archive--project-relay .drldial-project-match-filters,
    .drldial-archive--warm-intro .drldial-project-match-filters,
    .drldial-archive--expert-check .drldial-project-match-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Project Match archive card */
.drldial-archive--project-match .drldial-card--project-match {
    --drldial-project-match-cyan: #24cad3;
    --drldial-project-match-amber: #e8bd56;
    --drldial-project-match-magenta: var(--drl-project-match-accent, #c92a83);
    min-height: 610px;
    gap: 18px;
    overflow: visible;
    padding: 30px 30px 6px;
    border: 1px solid color-mix(in srgb, var(--drldial-project-match-magenta) 29%, var(--drl-line));
    border-left: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 89% 17%, color-mix(in srgb, var(--drldial-project-match-magenta) 6%, transparent), transparent 24%),
        radial-gradient(circle at 8% 92%, color-mix(in srgb, var(--drldial-project-match-cyan) 4%, transparent), transparent 28%),
        linear-gradient(145deg, color-mix(in srgb, var(--drldial-project-match-magenta) 1%, var(--drl-bg)), var(--drl-bg));
    box-shadow: none;
    isolation: isolate;
    transition: border-color 220ms ease, box-shadow 260ms ease, transform 260ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.drldial-archive--project-match .drldial-card--project-match::before {
    display: none;
}

html[data-theme="light"] .drldial-archive--project-match .drldial-card--project-match {
    background: var(--drl-bg);
}

.drldial-archive--project-match .drldial-card--project-match::after {
    display: none;
}

.drldial-archive--project-match .drldial-card--project-match:hover,
.drldial-archive--project-match .drldial-card--project-match:focus-within {
    border-color: color-mix(in srgb, var(--drldial-project-match-magenta) 64%, var(--drl-line));
    box-shadow: none;
    transform: translateY(-2px);
}

.drldial-project-match-card-rail {
    position: absolute !important;
    z-index: 5 !important;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, var(--drldial-project-match-cyan), var(--drldial-project-match-magenta) 48%, var(--drldial-project-match-amber));
    box-shadow: none;
    pointer-events: none;
}

.drldial-project-match-card-rail i {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--drl-bg);
    box-shadow:
        0 0 7px var(--drl-bg),
        0 0 12px var(--drldial-project-match-cyan);
    opacity: 0;
    transform: translateX(-50%);
}

.drldial-archive--project-match .drldial-card--project-match:hover .drldial-project-match-card-rail i,
.drldial-archive--project-match .drldial-card--project-match:focus-within .drldial-project-match-card-rail i {
    animation: drldial-project-match-card-signal 5.4s linear infinite;
}

.drldial-project-match-card-rail i:nth-child(2) {
    animation-delay: -1.8s !important;
}

.drldial-project-match-card-rail i:nth-child(3) {
    animation-delay: -3.6s !important;
}

.drldial-project-match-card-art {
    --drldial-project-match-medallion-surface: color-mix(in srgb, var(--drl-bg) 94%, #ffffff 6%);
    position: absolute !important;
    z-index: 4 !important;
    top: 35%;
    right: -8px;
    display: grid;
    width: 152px;
    height: 152px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: color-mix(in srgb, var(--drldial-project-match-medallion-surface) 44%, transparent);
    box-shadow:
        0 8px 16px color-mix(in srgb, var(--drl-text) 5%, transparent),
        0 0 22px color-mix(in srgb, var(--drldial-project-match-magenta) 8%, transparent);
    pointer-events: none;
    transform: translateY(-50%);
}

.drldial-project-match-card-art::before,
.drldial-project-match-card-art::after {
    pointer-events: none;
}

.drldial-project-match-card-art::before {
    position: absolute;
    inset: 0;
    display: block;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--drldial-project-match-cyan) 68%, var(--drl-bg)) 0%,
        color-mix(in srgb, var(--drldial-project-match-magenta) 72%, var(--drl-bg)) 52%,
        color-mix(in srgb, var(--drldial-project-match-amber) 64%, var(--drl-bg)) 100%
    );
    content: "";
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.drldial-project-match-card-art::after {
    position: absolute;
    z-index: 0;
    inset: 13px;
    display: block;
    border: 1px dotted color-mix(in srgb, var(--drldial-project-match-magenta) 24%, transparent);
    border-radius: 50%;
    background: transparent;
    content: "";
}

.drldial-project-match-card-art__glyph {
    position: relative;
    z-index: 1;
    display: block;
    width: 102px;
    height: 102px;
    background: var(--drldial-project-match-magenta);
    filter:
        drop-shadow(0 1px 1px color-mix(in srgb, #000000 8%, transparent))
        drop-shadow(0 0 5px color-mix(in srgb, var(--drldial-project-match-magenta) 8%, transparent));
    -webkit-mask-image: var(--drldial-card-art);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: var(--drldial-card-art);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.drldial-archive--project-match .drldial-card--project-match:hover .drldial-project-match-card-art,
.drldial-archive--project-match .drldial-card--project-match:focus-within .drldial-project-match-card-art {
    box-shadow:
        0 10px 18px color-mix(in srgb, var(--drl-text) 6%, transparent),
        0 0 28px color-mix(in srgb, var(--drldial-project-match-magenta) 11%, transparent);
}

html[data-theme="dark"] .drldial-project-match-card-art {
    background: transparent;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-topline {
    position: relative;
    z-index: 5;
    min-height: 38px;
    justify-content: flex-start;
    padding: 0 0 13px;
    border-bottom-color: color-mix(in srgb, var(--drldial-project-match-magenta) 18%, var(--drl-line));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-signal {
    display: inline-flex;
    min-height: 27px;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border: 1px solid color-mix(in srgb, var(--drldial-project-match-magenta) 36%, var(--drl-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--drldial-project-match-magenta) 6%, var(--drl-bg));
    color: var(--drldial-project-match-magenta);
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0.12em;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-signal::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--drldial-project-match-cyan);
    box-shadow: 0 0 8px var(--drldial-project-match-cyan);
    content: "";
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-topline time {
    color: var(--drl-text-subtle);
    font-size: 11px;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-main {
    position: relative;
    height: 278px;
    min-height: 278px;
    align-content: start;
    gap: 12px;
    padding: 8px 146px 8px 2px;
}

.drldial-archive--project-match .drldial-card--project-match h2 {
    max-width: 520px;
    font-size: clamp(28px, 2.65vw, 39px);
    font-weight: 410;
    letter-spacing: -0.035em;
    line-height: 1.02;
    text-wrap: balance;
    height: 3.06em;
    overflow: hidden;
    color: var(--drldial-project-match-magenta);
}

.drldial-archive--project-match .drldial-card--project-match h2 a {
    display: -webkit-box;
    width: 100%;
    max-height: 3.06em;
    min-height: 0;
    overflow: hidden;
    color: var(--drldial-project-match-magenta);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.drldial-archive--project-match .drldial-card--project-match h2 a:hover,
.drldial-archive--project-match .drldial-card--project-match h2 a:focus-visible {
    color: color-mix(in srgb, var(--drldial-project-match-magenta) 78%, var(--drldial-project-match-cyan));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-excerpt {
    max-width: 520px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.62;
    height: 6.48em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-open {
    position: relative;
    min-height: 34px;
    gap: 10px;
    color: var(--drldial-project-match-magenta);
    text-decoration: none;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-open::after {
    position: absolute;
    right: 0;
    bottom: 4px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--drldial-project-match-magenta), transparent);
    content: "";
    transform: scaleX(0.36);
    transform-origin: left;
    transition: transform 220ms ease;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-open:hover::after,
.drldial-archive--project-match .drldial-card--project-match .drldial-card-open:focus-visible::after {
    transform: scaleX(1);
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-context {
    position: relative;
    z-index: 2;
    gap: 13px;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details {
    height: 132px;
    min-height: 132px;
    grid-template-columns: minmax(0, 2fr) minmax(150px, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 9px;
    border: 0;
    background: transparent;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div {
    min-height: 67px;
    align-content: center;
    gap: 5px;
    overflow: hidden;
    padding: 12px 15px;
    border: 1px solid color-mix(in srgb, var(--drldial-project-match-magenta) 20%, var(--drl-line));
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drldial-project-match-magenta) 4%, transparent), transparent 38%),
        color-mix(in srgb, var(--drldial-project-match-magenta) 0.8%, var(--drl-bg));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:first-child {
    min-height: 0;
    grid-column: 1;
    grid-row: 1 / 3;
    border-radius: 10px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--drldial-project-match-magenta) 13%, transparent) 1px, transparent 1.25px) 0 0 / 14px 14px,
        color-mix(in srgb, var(--drldial-project-match-magenta) 0.8%, var(--drl-bg));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(2) {
    min-height: 0;
    grid-column: 2;
    grid-row: 1;
    border-color: color-mix(in srgb, var(--drldial-project-match-cyan) 24%, var(--drl-line));
    border-radius: 10px;
    background:
        linear-gradient(color-mix(in srgb, var(--drldial-project-match-cyan) 8%, transparent) 1px, transparent 1px) 0 0 / 18px 18px,
        linear-gradient(90deg, color-mix(in srgb, var(--drldial-project-match-cyan) 8%, transparent) 1px, transparent 1px) 0 0 / 18px 18px,
        color-mix(in srgb, var(--drldial-project-match-cyan) 0.8%, var(--drl-bg));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(3) {
    min-height: 0;
    grid-column: 2;
    grid-row: 2;
    border-color: color-mix(in srgb, var(--drldial-project-match-amber) 28%, var(--drl-line));
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--drldial-project-match-amber) 5%, transparent), transparent 42%),
        color-mix(in srgb, var(--drldial-project-match-amber) 0.8%, var(--drl-bg));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(2):last-child {
    grid-row: 1 / 3;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details dt {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--drldial-project-match-magenta);
    font-size: 9px;
    letter-spacing: 0.14em;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details dt::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 7px currentColor;
    content: "";
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(2) dt {
    color: color-mix(in srgb, var(--drldial-project-match-cyan) 72%, var(--drl-text));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(3) dt {
    color: color-mix(in srgb, var(--drldial-project-match-amber) 78%, var(--drl-text));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-details dd {
    display: -webkit-box;
    color: var(--drl-text);
    font-size: 12px;
    line-height: 1.45;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-privacy {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 31px;
    align-items: center;
    gap: 9px;
    padding: 6px 13px;
    border: 1px solid color-mix(in srgb, var(--drldial-project-match-magenta) 20%, var(--drl-line));
    border-left-width: 1px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--drldial-project-match-magenta) 4%, var(--drl-bg));
    color: var(--drl-text-muted);
    font-size: 10px;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-privacy::before {
    width: 7px;
    height: 7px;
    border: 1px solid var(--drldial-project-match-magenta);
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px var(--drl-bg);
    background: var(--drldial-project-match-magenta);
    content: "";
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-footer {
    position: relative;
    z-index: 2;
    height: 42px;
    min-height: 42px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px dashed color-mix(in srgb, var(--drldial-project-match-magenta) 24%, var(--drl-line));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-author {
    position: absolute;
    z-index: 6;
    top: 7px;
    left: 2px;
    min-height: 42px;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--drl-text);
}

.drldial-archive--project-match .drldial-card--project-match .drldial-avatar {
    border-color: color-mix(in srgb, var(--drldial-project-match-magenta) 42%, var(--drl-line));
}

.drldial-archive--project-match .drldial-card--project-match .drldial-project-match-card-author-name,
.drldial-archive--project-match .drldial-card--project-match .drldial-project-match-card-author-name a {
    color: var(--drl-text);
    text-decoration-line: underline;
    text-decoration-color: var(--drldial-project-match-magenta);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

html[data-theme="light"] .drldial-archive--project-match .drldial-card--project-match .drldial-author,
html[data-theme="light"] .drldial-archive--project-match .drldial-card--project-match .drldial-project-match-card-author-name,
html[data-theme="light"] .drldial-archive--project-match .drldial-card--project-match .drldial-project-match-card-author-name a {
    color: #0b0d0c;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-footer > span:last-child {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    margin-left: auto;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--drl-text-muted);
    font-size: 11px;
    transform: translateY(4px);
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-actions {
    position: relative;
    z-index: 2;
    padding-top: 2px;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-actions .drldial-button {
    min-height: 47px;
    border-color: color-mix(in srgb, var(--drldial-project-match-magenta) 68%, var(--drl-line));
    border-radius: 14px 42px 14px 42px;
    background:
        linear-gradient(120deg, color-mix(in srgb, #ffffff 11%, transparent), transparent 42%),
        linear-gradient(135deg, var(--drldial-project-match-magenta), color-mix(in srgb, var(--drldial-project-match-magenta) 66%, var(--drldial-project-match-cyan)));
    box-shadow: 0 9px 22px color-mix(in srgb, var(--drldial-project-match-magenta) 16%, transparent);
    color: #ffffff;
}

.drldial-archive--project-match .drldial-card--project-match .drldial-card-actions .drldial-button:hover,
.drldial-archive--project-match .drldial-card--project-match .drldial-card-actions .drldial-button:focus-visible {
    box-shadow:
        0 11px 26px color-mix(in srgb, var(--drldial-project-match-magenta) 21%, transparent),
        0 0 0 3px color-mix(in srgb, var(--drldial-project-match-cyan) 8%, transparent);
}

@keyframes drldial-project-match-card-signal {
    0% {
        top: -9px;
        opacity: 0;
    }

    12%,
    88% {
        opacity: 1;
    }

    100% {
        top: calc(100% + 2px);
        opacity: 0;
    }
}

.drldial-archive--project-match .drldial-card-grid {
    row-gap: 18px;
}

@media (max-width: 820px) {
    .drldial-archive--project-match .drldial-card--project-match {
        min-height: 0;
    }

    .drldial-project-match-card-art {
        right: -8px;
    }
}

@media (max-width: 560px) {
    .drldial-archive--project-match .drldial-card--project-match {
        padding: 22px 22px 4px;
        border-radius: 0;
    }

    .drldial-project-match-card-art {
        right: -6px;
        width: 106px;
        height: 106px;
    }

    .drldial-project-match-card-art__glyph {
        width: 69px;
        height: 69px;
    }

    .drldial-archive--project-match .drldial-card--project-match .drldial-card-main {
        height: 242px;
        min-height: 242px;
        padding-right: 94px;
    }

    .drldial-archive--project-match .drldial-card--project-match h2 {
        font-size: 27px;
    }

    .drldial-archive--project-match .drldial-card--project-match .drldial-card-details {
        height: auto;
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
    }

    .drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div,
    .drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:first-child,
    .drldial-archive--project-match .drldial-card--project-match .drldial-card-details > div:nth-child(2):last-child {
        grid-column: auto;
        grid-row: auto;
    }

    .drldial-archive--project-match .drldial-card--project-match .drldial-card-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .drldial-archive--project-match .drldial-card--project-match .drldial-author {
        left: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-project-match-card-rail i {
        animation: none;
    }

    .drldial-archive--project-match .drldial-card--project-match {
        transition: none;
    }
}

/* Shared visual system for dialogue archive cards */
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card {
    --drldial-card-cyan: #24cad3;
    --drldial-card-amber: #e8bd56;
    min-height: 560px;
    gap: 14px;
    overflow: visible;
    padding: 26px 26px 8px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 28%, var(--drl-line));
    border-left: 0;
    border-radius: 0;
    background: linear-gradient(145deg, color-mix(in srgb, var(--dialogue-accent) 1.5%, var(--drl-bg)), var(--drl-bg));
    box-shadow: none;
    isolation: isolate;
    transition: border-color 220ms ease, transform 240ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card::before,
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card::after {
    display: none;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card:hover,
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card:focus-within {
    border-color: color-mix(in srgb, var(--dialogue-accent) 64%, var(--drl-line));
    box-shadow: none;
    transform: translateY(-2px);
}

html[data-theme="light"] :is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card {
    background: var(--drl-bg);
}

.drldial-dialogue-card-rail {
    position: absolute !important;
    z-index: 5 !important;
    inset: 0 auto 0 0;
    width: 2px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, var(--drldial-card-cyan), var(--dialogue-accent) 48%, var(--drldial-card-amber));
    pointer-events: none;
}

.drldial-dialogue-card-rail i {
    position: absolute;
    top: -9px;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--drl-bg);
    box-shadow:
        0 0 7px var(--drl-bg),
        0 0 12px var(--drldial-card-cyan);
    opacity: 0;
    transform: translateX(-50%);
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card:hover .drldial-dialogue-card-rail i,
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card:focus-within .drldial-dialogue-card-rail i {
    animation: drldial-dialogue-card-signal 5.4s linear infinite;
}

.drldial-dialogue-card-rail i:nth-child(2) {
    animation-delay: -1.8s !important;
}

.drldial-dialogue-card-rail i:nth-child(3) {
    animation-delay: -3.6s !important;
}

.drldial-dialogue-card-art {
    position: absolute !important;
    z-index: 4 !important;
    top: 148px;
    right: 18px;
    display: grid;
    width: 132px;
    height: 132px;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--drl-bg) 46%, transparent);
    box-shadow:
        0 8px 16px color-mix(in srgb, var(--drl-text) 5%, transparent),
        0 0 22px color-mix(in srgb, var(--dialogue-accent) 8%, transparent);
    pointer-events: none;
    transform: translateY(-50%);
}

.drldial-dialogue-card-art::before {
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--drldial-card-cyan) 68%, var(--drl-bg)),
        color-mix(in srgb, var(--dialogue-accent) 72%, var(--drl-bg)) 52%,
        color-mix(in srgb, var(--drldial-card-amber) 64%, var(--drl-bg))
    );
    content: "";
    -webkit-mask:
        linear-gradient(#000000 0 0) content-box,
        linear-gradient(#000000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000000 0 0) content-box,
        linear-gradient(#000000 0 0);
    mask-composite: exclude;
}

.drldial-dialogue-card-art::after {
    position: absolute;
    inset: 11px;
    border: 1px dotted color-mix(in srgb, var(--dialogue-accent) 22%, transparent);
    border-radius: 50%;
    content: "";
}

.drldial-dialogue-card-art > i {
    position: relative;
    z-index: 1;
    display: block;
    width: 88px;
    height: 88px;
    background: var(--dialogue-accent);
    filter: drop-shadow(0 0 5px color-mix(in srgb, var(--dialogue-accent) 8%, transparent));
    -webkit-mask-image: var(--drldial-card-art);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: var(--drldial-card-art);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

html[data-theme="dark"] .drldial-dialogue-card-art {
    background: transparent;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-topline {
    min-height: 38px;
    justify-content: flex-start;
    gap: 7px;
    padding: 0 0 12px;
    border-bottom-color: color-mix(in srgb, var(--dialogue-accent) 19%, var(--drl-line));
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-signal {
    min-height: 27px;
    padding: 4px 10px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 36%, var(--drl-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dialogue-accent) 5%, var(--drl-bg));
    color: var(--dialogue-accent);
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0.12em;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-topline time {
    color: var(--drl-text-subtle);
    font-size: 11px;
    white-space: nowrap;
}

.drldial-card-topline .drldial-status {
    display: inline-flex;
    width: max-content;
    min-width: max-content;
    max-width: none;
    min-height: 27px;
    flex: 0 0 auto;
    overflow: visible;
    padding: 4px 10px;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

:is(
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro
) .drldial-card-topline > :is(
    .drldial-project-relay-visibility,
    .drldial-warm-intro-role
) {
    max-width: 72px;
    overflow: hidden;
    color: var(--drl-text-muted);
    font-size: 9px;
    letter-spacing: 0.06em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card > h2 {
    height: 3.12em;
    max-width: 100%;
    overflow: hidden;
    padding-right: 128px;
    color: var(--dialogue-accent);
    font-size: clamp(27px, 2.4vw, 34px);
    font-weight: 420;
    letter-spacing: -0.03em;
    line-height: 1.04;
    text-wrap: balance;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card > h2 a {
    display: -webkit-box;
    width: 100%;
    max-height: 3.12em;
    min-height: 0;
    overflow: hidden;
    color: var(--dialogue-accent);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card > h2 a:hover,
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card > h2 a:focus-visible {
    color: color-mix(in srgb, var(--dialogue-accent) 78%, var(--drldial-card-cyan));
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card > .drldial-card-excerpt {
    display: -webkit-box;
    height: 6.2em;
    max-width: 100%;
    overflow: hidden;
    padding-right: 128px;
    color: var(--drl-text-muted);
    font-size: 13px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-tags {
    display: flex;
    min-height: 31px;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-tags > span {
    min-height: 28px;
    padding: 6px 11px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 20%, var(--drl-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--dialogue-accent) 3%, var(--drl-bg));
    color: var(--drl-text-muted);
    font-size: 10px;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-tags > span:empty,
:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-tags:not(:has(> span:not(:empty))) {
    display: none;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--expert-check
) .drldial-card-footer {
    position: relative;
    height: 42px;
    min-height: 42px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px dashed color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--expert-check
) .drldial-author {
    position: absolute;
    z-index: 6;
    top: 7px;
    left: 2px;
    min-height: 42px;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--drl-text);
}

.drldial-dialogue-card-author-name,
.drldial-dialogue-card-author-name a {
    color: var(--drl-text);
    text-decoration-line: underline;
    text-decoration-color: var(--dialogue-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

html[data-theme="light"] .drldial-dialogue-card-author-name,
html[data-theme="light"] .drldial-dialogue-card-author-name a {
    color: #0b0d0c;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--expert-check
) .drldial-card-footer > span:last-child {
    margin-left: auto;
    padding: 5px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--drl-text-muted);
    font-size: 11px;
    transform: translateY(4px);
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-actions {
    padding-top: 2px;
}

:is(
    .drldial-archive--long-run,
    .drldial-archive--team-up,
    .drldial-archive--co-build,
    .drldial-archive--project-relay,
    .drldial-archive--warm-intro,
    .drldial-archive--expert-check
) .drldial-card-actions .drldial-button {
    min-height: 46px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 66%, var(--drl-line));
    border-radius: 12px;
    background:
        linear-gradient(120deg, color-mix(in srgb, #ffffff 10%, transparent), transparent 44%),
        var(--dialogue-accent);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--dialogue-accent) 13%, transparent);
    color: #ffffff;
}

.drldial-archive--long-run .drldial-card-actions .drldial-button {
    color: #191506;
}

/* Long Run cadence board */
.drldial-archive--long-run .drldial-card-details {
    height: 132px;
    min-height: 132px;
    grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border: 0;
    background: transparent;
}

.drldial-archive--long-run .drldial-card-details > div {
    min-height: 0;
    align-content: center;
    overflow: hidden;
    padding: 11px 14px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--dialogue-accent) 1%, var(--drl-bg));
}

.drldial-archive--long-run .drldial-card-details > div:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    background:
        repeating-linear-gradient(0deg, transparent 0 15px, color-mix(in srgb, var(--dialogue-accent) 8%, transparent) 15px 16px),
        color-mix(in srgb, var(--dialogue-accent) 1%, var(--drl-bg));
}

.drldial-archive--long-run .drldial-card-details > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.drldial-archive--long-run .drldial-card-details > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

.drldial-archive--long-run .drldial-card-details dt {
    color: color-mix(in srgb, var(--dialogue-accent) 76%, var(--drl-text));
    font-size: 9px;
}

.drldial-archive--long-run .drldial-card-details dd {
    display: -webkit-box;
    overflow: hidden;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

/* Team Up role board */
.drldial-archive--team-up .drldial-team-role-chips {
    display: grid;
    height: 132px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 8px;
    overflow-y: auto;
    padding: 0 3px 0 0;
    border: 0;
    scrollbar-color: color-mix(in srgb, var(--dialogue-accent) 48%, transparent) transparent;
    scrollbar-width: thin;
}

.drldial-archive--team-up .drldial-team-role-chips > span {
    min-height: 58px;
    padding: 9px 10px 9px 13px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--dialogue-accent) 6%, transparent) 1px, transparent 1px) 0 0 / 15px 15px,
        linear-gradient(color-mix(in srgb, var(--dialogue-accent) 6%, transparent) 1px, transparent 1px) 0 0 / 15px 15px,
        color-mix(in srgb, var(--dialogue-accent) 1%, var(--drl-bg));
    color: var(--drl-text);
    font-size: 12px;
}

.drldial-archive--team-up .drldial-team-role-chips strong {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-color: color-mix(in srgb, var(--dialogue-accent) 60%, var(--drl-line));
    background: color-mix(in srgb, var(--dialogue-accent) 7%, var(--drl-bg));
    color: var(--dialogue-accent-strong);
}

/* Co-build contribution pair */
.drldial-archive--co-build .drldial-co-build-card-foundation {
    height: 132px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border: 0;
    background: transparent;
}

.drldial-archive--co-build .drldial-co-build-card-foundation > span {
    align-content: center;
    overflow: hidden;
    padding: 13px 14px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--dialogue-accent) 12%, transparent) 1px, transparent 1.3px) 0 0 / 14px 14px,
        color-mix(in srgb, var(--dialogue-accent) 1%, var(--drl-bg));
    font-size: 12px;
    line-height: 1.45;
}

.drldial-archive--co-build .drldial-co-build-card-foundation > span:nth-child(2) {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--drldial-card-cyan) 7%, transparent) 1px, transparent 1px) 0 0 / 17px 17px,
        linear-gradient(color-mix(in srgb, var(--drldial-card-cyan) 7%, transparent) 1px, transparent 1px) 0 0 / 17px 17px,
        color-mix(in srgb, var(--drldial-card-cyan) 1%, var(--drl-bg));
}

.drldial-archive--co-build .drldial-co-build-card-foundation small {
    color: var(--dialogue-accent);
    font-size: 9px;
}

/* Project Relay directional flow */
.drldial-archive--project-relay .drldial-project-relay-card-flow {
    position: relative;
    height: 104px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    border: 0;
    background: transparent;
}

.drldial-archive--project-relay .drldial-project-relay-card-flow::before {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 38%;
    left: 38%;
    height: 1px;
    background: linear-gradient(90deg, var(--dialogue-accent), var(--drldial-card-cyan));
    content: "";
}

.drldial-archive--project-relay .drldial-project-relay-card-flow::after {
    position: absolute;
    z-index: 0;
    top: calc(50% - 3px);
    left: calc(62% - 6px);
    width: 7px;
    height: 7px;
    border-top: 1px solid var(--drldial-card-cyan);
    border-right: 1px solid var(--drldial-card-cyan);
    content: "";
    transform: rotate(45deg);
}

.drldial-archive--project-relay .drldial-project-relay-card-flow > span {
    position: relative;
    z-index: 1;
    align-content: center;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background: var(--drl-bg);
    font-size: 12px;
}

.drldial-archive--project-relay .drldial-project-relay-card-flow > span:nth-child(2) {
    border-color: color-mix(in srgb, var(--drldial-card-cyan) 28%, var(--drl-line));
}

.drldial-archive--project-relay .drldial-project-relay-card-flow small {
    color: var(--dialogue-accent);
    font-size: 9px;
}

/* Warm Intro connection card */
.drldial-archive--warm-intro .drldial-warm-intro-card-connection {
    min-height: 92px;
    gap: 12px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--dialogue-accent) 9%, transparent) 1px, transparent 1.3px) 0 0 / 15px 15px,
        color-mix(in srgb, var(--dialogue-accent) 1%, var(--drl-bg));
}

.drldial-archive--warm-intro .drldial-warm-intro-card-connection > span {
    min-height: 56px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 17%, var(--drl-line));
    border-radius: 9px;
    background: var(--drl-bg);
}

.drldial-archive--warm-intro .drldial-warm-intro-card-connection > i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 42%, var(--drl-line));
    border-radius: 50%;
    background: var(--drl-bg);
    color: var(--dialogue-accent);
}

.drldial-archive--warm-intro .drldial-card-footer {
    min-height: 42px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px dashed color-mix(in srgb, var(--dialogue-accent) 24%, var(--drl-line));
}

.drldial-archive--warm-intro .drldial-card-footer > span {
    color: var(--drl-text-muted);
    font-size: 11px;
}

/* Expert Check diagnostic brief */
.drldial-archive--expert-check .drldial-expert-check-card-brief {
    height: 104px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    border: 0;
    background: transparent;
}

.drldial-archive--expert-check .drldial-expert-check-card-brief > span {
    align-content: center;
    overflow: hidden;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--dialogue-accent) 22%, var(--drl-line));
    border-radius: 10px;
    background:
        radial-gradient(circle at center, transparent 0 20%, color-mix(in srgb, var(--dialogue-accent) 8%, transparent) 20.5% 21%, transparent 21.5% 38%, color-mix(in srgb, var(--dialogue-accent) 6%, transparent) 38.5% 39%, transparent 39.5%),
        var(--drl-bg);
    font-size: 12px;
}

.drldial-archive--expert-check .drldial-expert-check-card-brief > span:nth-child(2) {
    background:
        repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--drldial-card-cyan) 7%, transparent) 10px 11px),
        var(--drl-bg);
}

.drldial-archive--expert-check .drldial-expert-check-card-brief small {
    color: var(--dialogue-accent);
    font-size: 9px;
}

@keyframes drldial-dialogue-card-signal {
    0% {
        top: -9px;
        opacity: 0;
    }

    12%,
    88% {
        opacity: 1;
    }

    100% {
        top: calc(100% + 2px);
        opacity: 0;
    }
}

@media (max-width: 980px) {
    :is(
        .drldial-archive--long-run,
        .drldial-archive--team-up,
        .drldial-archive--co-build,
        .drldial-archive--project-relay,
        .drldial-archive--warm-intro,
        .drldial-archive--expert-check
    ) .drldial-card {
        min-height: 0;
    }
}

@media (max-width: 560px) {
    :is(
        .drldial-archive--long-run,
        .drldial-archive--team-up,
        .drldial-archive--co-build,
        .drldial-archive--project-relay,
        .drldial-archive--warm-intro,
        .drldial-archive--expert-check
    ) .drldial-card {
        padding: 22px 22px 6px;
    }

    .drldial-dialogue-card-art {
        top: 133px;
        right: 10px;
        width: 98px;
        height: 98px;
    }

    .drldial-dialogue-card-art::after {
        inset: 8px;
    }

    .drldial-dialogue-card-art > i {
        width: 65px;
        height: 65px;
    }

    :is(
        .drldial-archive--long-run,
        .drldial-archive--team-up,
        .drldial-archive--co-build,
        .drldial-archive--project-relay,
        .drldial-archive--warm-intro,
        .drldial-archive--expert-check
    ) .drldial-card > h2 {
        padding-right: 92px;
        font-size: 26px;
    }

    :is(
        .drldial-archive--long-run,
        .drldial-archive--team-up,
        .drldial-archive--co-build,
        .drldial-archive--project-relay,
        .drldial-archive--warm-intro,
        .drldial-archive--expert-check
    ) .drldial-card > .drldial-card-excerpt {
        padding-right: 92px;
    }

    .drldial-archive--long-run .drldial-card-details,
    .drldial-archive--team-up .drldial-team-role-chips,
    .drldial-archive--co-build .drldial-co-build-card-foundation,
    .drldial-archive--project-relay .drldial-project-relay-card-flow,
    .drldial-archive--expert-check .drldial-expert-check-card-brief {
        height: auto;
        min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
    }

    .drldial-archive--long-run .drldial-card-details > div,
    .drldial-archive--long-run .drldial-card-details > div:first-child,
    .drldial-archive--long-run .drldial-card-details > div:nth-child(2),
    .drldial-archive--long-run .drldial-card-details > div:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
    }

    .drldial-archive--project-relay .drldial-project-relay-card-flow::before,
    .drldial-archive--project-relay .drldial-project-relay-card-flow::after {
        display: none;
    }

    .drldial-archive--warm-intro .drldial-warm-intro-card-connection {
        grid-template-columns: minmax(0, 1fr);
    }

    .drldial-archive--warm-intro .drldial-warm-intro-card-connection > i {
        justify-self: center;
        transform: rotate(90deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .drldial-dialogue-card-rail i {
        animation: none !important;
    }

    :is(
        .drldial-archive--long-run,
        .drldial-archive--team-up,
        .drldial-archive--co-build,
        .drldial-archive--project-relay,
        .drldial-archive--warm-intro,
        .drldial-archive--expert-check
    ) .drldial-card {
        transition: none;
    }
}

html[data-theme="light"] .drldial-archive--long-run .drldial-card > h2,
html[data-theme="light"] .drldial-archive--long-run .drldial-card > h2 a,
html[data-theme="light"] .drldial-archive--long-run .drldial-card .drldial-card-signal {
    color: var(--drl-long-run-accent-strong);
}