#docketHeading {
    margin-bottom: 4rem;
}

.docket-layout {
    display: grid;
    grid-template-columns: 280px 1fr; /* left menu, right viewer */
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 992px) {
    .docket-layout {
        grid-template-columns: 1fr; /* stack on mobile */
    }
}

/* Left panel */
.docket-options {
    background: #ffffff;
    border: 2px solid #1f4e79;
    border-radius: 12px;
    padding: 1rem;
    position: sticky;
    top: 1rem;
}

@media (max-width: 992px) {
    .docket-options {
        position: static;
    }
}

.docket-options-inner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
/* Remove bullet points */
.docket-options-inner {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .docket-options-inner li {
        margin-bottom: .5rem;
    }


/* Make buttons easy to tap */
.docket-pick {
    width: 100%;
    text-align: left;
    min-height: 44px;
    padding: 0.75rem 1rem;
}

    .docket-pick.active {
        outline: 3px solid #1d4ed8;
        outline-offset: 2px;
    }

.docket-help {
    margin-top: 1rem;
    color: #374151;
    font-size: 0.95rem;
}

/* VIEWER */
.docket-viewer {
    background: #ffffff;
    border: 2px solid #1f4e79;
    border-radius: 12px;
    padding: 1.5rem;
}

.docket-viewer-title {
    margin: 0 0 0.75rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0b2f55;
}

/* Scrollable results area */
.scrollable-tab {
    max-height: 65vh;
    min-height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 0.25rem;
}
    /* Remove default browser glow */
    .scrollable-tab:focus {
        outline: none;
    }

    /* Show custom focus only for keyboard users */
    .scrollable-tab:focus-visible {
        outline: 3px solid #1d4ed8;
        outline-offset: 2px;
        border-radius: 8px;
    }

/* Hide panels */
.d-none {
    display: none !important;
}

.docket-result {
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 1rem;
    background: #ffffff;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(11, 47, 85, 0.15);
}}

    .docket-result:last-child {
        border-bottom: none;
    }

.docket-case {
    margin: 0 0 0.25rem 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0b2f55;
}

.docket-title {
    margin: 0 0 0.75rem 0;
    color: #111827;
    line-height: 1.5;
}

.docket-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem 1rem;
}

@media (max-width: 768px) {
    .docket-meta {
        grid-template-columns: 1fr;
    }
}