/* Standard naming, icons and mobile-first refinements */
.eth-map-shell {
    --group-icon-color: var(--active-orbit-color, #D7492A);
}

.eth-constellation-chip span,
.eth-neuron-sheet-orb {
    font-family: Inter, system-ui, sans-serif;
}

.eth-constellation-chip span {
    color: #fff7ed;
    text-shadow: 0 0 18px color-mix(in srgb, var(--chip-color, #D7492A) 72%, transparent);
}

.eth-map-legend-panel .legend-orbit {
    border-radius: 8px;
    transform: rotate(45deg);
}

.eth-neuron-page {
    --hero-mobile-padding: clamp(18px, 5vw, 28px);
}

.eth-mental-breadcrumb {
    position: sticky;
    top: 8px;
    z-index: 20;
    backdrop-filter: blur(18px);
}

.eth-neuron-hero-actions .eth-btn-primary,
.eth-neuron-hero-actions .eth-btn-secondary {
    width: auto;
}

@media (max-width: 760px) {
    .eth-neuron-page {
        min-height: 100dvh;
    }

    .eth-neuron-topbar {
        position: sticky;
        top: 0;
        z-index: 40;
        padding: 10px 12px;
        background: rgba(3, 3, 3, .78);
        border-bottom: 1px solid rgba(255,255,255,.08);
        backdrop-filter: blur(18px);
    }

    .eth-neuron-topbar nav {
        gap: 6px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .eth-neuron-topbar nav::-webkit-scrollbar { display: none; }

    .eth-neuron-topbar nav a,
    .eth-back-link {
        white-space: nowrap;
        min-height: 36px;
        padding: 0 10px;
        border-radius: 12px;
        background: rgba(255,255,255,.055);
        border: 1px solid rgba(255,255,255,.08);
        font-size: 12px;
    }

    .eth-neuron-workspace {
        width: min(100%, 100vw);
        padding: 12px;
    }

    .eth-mental-breadcrumb {
        margin: 8px 0 12px;
        padding: 9px 10px;
        gap: 6px;
        font-size: 11.5px;
        overflow-x: auto;
        flex-wrap: nowrap;
        border-radius: 14px;
        scrollbar-width: none;
    }

    .eth-mental-breadcrumb::-webkit-scrollbar { display: none; }
    .eth-mental-breadcrumb > * { flex: 0 0 auto; }

    .eth-neuron-hero {
        min-height: unset !important;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 14px;
        padding: var(--hero-mobile-padding) !important;
        border-radius: 24px !important;
        margin-bottom: 14px;
    }

    .eth-neuron-orb-big {
        width: clamp(70px, 21vw, 92px) !important;
        height: clamp(70px, 21vw, 92px) !important;
        font-size: clamp(28px, 8vw, 40px) !important;
        box-shadow: 0 0 36px color-mix(in srgb, var(--neuron-color, #D7492A) 58%, transparent) !important;
    }

    .eth-neuron-hero-copy {
        min-width: 0;
    }

    .eth-neuron-hero-copy .eth-kicker {
        font-size: 10px;
        margin-bottom: 4px;
    }

    .eth-neuron-hero-copy h1 {
        font-size: clamp(26px, 8.6vw, 38px) !important;
        line-height: .92 !important;
        letter-spacing: -.07em !important;
        margin: 0;
        word-break: break-word;
    }

    .eth-neuron-hero-copy p {
        margin-top: 8px !important;
        font-size: 13px !important;
        line-height: 1.42 !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .eth-neuron-meta-row,
    .eth-tag-row {
        margin-top: 10px !important;
        gap: 6px !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
    }

    .eth-neuron-meta-row::-webkit-scrollbar,
    .eth-tag-row::-webkit-scrollbar { display: none; }

    .eth-neuron-meta-row span,
    .eth-tag-row span {
        flex: 0 0 auto;
        font-size: 10.5px !important;
        padding: 6px 8px !important;
    }

    .eth-neuron-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 12px;
    }

    .eth-neuron-hero-actions .eth-btn-primary,
    .eth-neuron-hero-actions .eth-btn-secondary {
        width: 100%;
        min-height: 42px;
        border-radius: 14px;
        font-size: 12px;
    }

    .eth-workspace-grid {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .eth-editor-card,
    .eth-side-card {
        border-radius: 22px !important;
        padding: 14px !important;
    }

    .eth-section-head {
        gap: 10px;
        align-items: flex-start !important;
    }

    .eth-section-head h2 {
        font-size: 19px !important;
        letter-spacing: -.04em !important;
    }

    .eth-description-input {
        min-height: 78px !important;
        border-radius: 16px !important;
        font-size: 14px !important;
    }

    .eth-editor-toolbar {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .eth-editor-toolbar::-webkit-scrollbar { display: none; }

    .eth-editor-toolbar button {
        flex: 0 0 auto;
        min-height: 36px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    .eth-rich-editor {
        min-height: 280px !important;
        border-radius: 18px !important;
        padding: 14px !important;
        font-size: 15px !important;
        line-height: 1.62 !important;
    }

    .eth-inline-form,
    .eth-stack-form {
        gap: 8px !important;
    }

    .eth-inline-form {
        grid-template-columns: 1fr auto !important;
    }

    .eth-inline-form input[type="date"] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 440px) {
    .eth-neuron-hero {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .eth-neuron-orb-big {
        width: 74px !important;
        height: 74px !important;
    }

    .eth-neuron-hero-copy h1 {
        font-size: clamp(25px, 10vw, 34px) !important;
    }
}