.search-section {
        margin: 1em auto;
        max-width: 50em;
    form {
        margin: 1em 0;
    }
    li {
        margin-bottom: 0.5em;
        display: flex;
        gap: .5em;
    }
    form[inert] {
        opacity: 0.5;
        pointer-events: none;
    }
    input {
        font-family: inherit;
        font-size: 1em;
        max-width: 100%;
    }
    label {
        display: inline-block;
    }
    input[type=radio] {
        display: none;
    }
    input[type=radio] + label {
        color: var(--radioforeground);
        background-color: var(--radiobackground);
        border: 1px solid transparent;
        padding: 0.2em 0.5em;
    }
    input[type=radio]:checked + label {
        font-weight: bold;
        border: 1px solid var(--activeborder);
        padding: 0.2em 0.5em;   
        color:var(--activeradioforeground);
        background-color:var(--activeradiobackground);
    }
    form {
        display: flex;
        flex-direction: column;
        gap: 0.5em;
        margin: 2em 1em;
    }
    .mainsearchbar {
        display: flex;
        align-items: center;
        gap: 0.5em;
    }
    .mainsearchbar * {
        flex: 1;
    }
    #search {
        flex: 10;
        background: var(--inputbackground);
        color: var(--inputforeground);
        border: 1px solid var(--inputborder);
        padding: 0.2em 0.5em;
    }
    button {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: var(--foreground);
        border: none;
        max-width: 2em;
    }
    time {
        color: var(--searchresultlink);
        flex: 1;
    }
    a {
        flex: 3;
        color: var(--searchresultlink);
        font-size: 1.2em;
        transition: 200ms;
    }
    a:hover, a:focus {
        text-decoration: underline;
        background: var(--currentsearchresultbackground);
        color: var(--currentsearchresult);
    }
    li:focus-within, li:has(a:hover) {
        background: var(--currentsearchresultbackground);
        color: var(--currentsearchresult);
    }
    .searchoptions {
        display: flex;
        gap: 0.5em;
        justify-content: flex-end;
    }
}