/* Shared public controls. Keep native form, focus and keyboard behaviour. */
.editorial-public {
    --public-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322251f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.editorial-public select:not([multiple]):not([size]):not([hidden]) {
    appearance: none;
    min-height: 48px;
    min-width: 0;
    padding: 10px 48px 10px 12px;
    border: 1px solid #bfc3b5;
    border-radius: 5px;
    background: var(--white) var(--public-select-arrow) no-repeat right 12px center / 24px;
    color: var(--ink);
    font: 500 16px/1.5 Manrope, Arial, sans-serif;
    cursor: pointer;
}
.editorial-public select:not([multiple]):not([size]):not([hidden]):is(:focus-visible, :open) {
    border-color: var(--orange);
    outline: 2px solid #b63c2830;
    outline-offset: 2px;
}
.editorial-public select:disabled {cursor: not-allowed; opacity: .55}
.editorial-public .nav-chevron,
.editorial-public .footer-group summary > svg {
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: var(--soft);
    color: var(--ink);
}
.editorial-public .calculator-category-results {
    border-color: #bfc3b5;
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 12px 32px #22251f20;
}
@supports (appearance: base-select) {
    .editorial-public select:not([multiple]):not([size]):not([hidden]),
    .editorial-public select:not([multiple]):not([size]):not([hidden])::picker(select) {
        appearance: base-select;
    }
    .editorial-public select:not([multiple]):not([size]):not([hidden]) {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-right: 10px;
        background-image: none;
    }
    .editorial-public select::picker-icon {
        content: "";
        flex: none;
        width: 28px;
        height: 28px;
        margin-inline-start: auto;
        border: 1px solid var(--line);
        border-radius: 4px;
        background: var(--paper) var(--public-select-arrow) no-repeat center / 22px;
        transition: rotate .15s ease;
    }
    .editorial-public select:open::picker-icon {rotate: 180deg}
    .editorial-public select::picker(select) {
        margin-block: 6px;
        padding: 6px;
        border: 1px solid #bfc3b5;
        border-radius: 8px;
        background: var(--white);
        color: var(--ink);
        box-shadow: 0 12px 32px #22251f20;
        font: 500 15px/1.5 Manrope, Arial, sans-serif;
        max-height: min(360px, 55dvh);
        max-width: calc(100vw - 24px);
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: #bfc3b5 var(--white);
    }
    .editorial-public select option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 4px;
        color: var(--ink);
        background: transparent;
        white-space: normal;
        overflow-wrap: anywhere;
        cursor: pointer;
    }
    .editorial-public select option:is(:hover, :focus-visible) {background: var(--paper)}
    .editorial-public select option:checked {background: #fff1e9; color: var(--orange); font-weight: 700}
    .editorial-public select option:disabled {color: var(--muted); opacity: .55; cursor: not-allowed}
    .editorial-public select option::checkmark {
        content: "";
        order: 1;
        flex: none;
        width: 18px;
        height: 18px;
        margin-inline-start: auto;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b63c28' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / contain no-repeat;
    }
}
@media (prefers-reduced-motion: reduce) {
    .editorial-public select::picker-icon {transition: none}
}