.orz-hero,
.orz-detail-hero,
.orz-info-panel,
.orz-verdict,
.orz-list-card {
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 6px;
}

.orz-hero {
    padding: 18px;
}

.orz-kicker {
    margin: 0 0 4px;
    color: #8b641f;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.orz-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
}

.orz-hero h1,
.orz-detail-hero h1 {
    margin: 0;
    color: #242424;
    line-height: 1.18;
}

.orz-hero h1 {
    font-size: 2rem;
}

.orz-hero p {
    max-width: 760px;
    margin: 8px 0 0;
    color: #5f6873;
}

.orz-hero-count {
    min-width: 126px;
    padding: 10px 12px;
    background: #f5f7f9;
    border: 1px solid #e2e6ea;
    border-radius: 6px;
    text-align: right;
}

.orz-hero-count span,
.orz-info-item strong {
    display: block;
    color: #242424;
    font-weight: 800;
}

.orz-hero-count span {
    font-size: 1.35rem;
    line-height: 1.05;
}

.orz-hero-count small {
    color: #68717c;
}

.orz-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    max-width: 760px;
    margin-top: 14px;
    padding: 7px 10px;
    background: #ffffff;
    border: 1px solid #d4d8dd;
    border-radius: 6px;
}

.orz-search i {
    color: #8b641f;
}

.orz-search .form-control {
    height: 38px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.orz-search .form-control:focus {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.orz-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 10px;
}

.orz-section-heading h2 {
    margin: 0;
    color: #242424;
    font-size: 1.2rem;
}

.orz-section-heading > span {
    flex: 0 0 auto;
    color: #68717c;
    font-size: .86rem;
}

.orz-list {
    display: grid;
    gap: 8px;
}

.orz-list-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 14px;
}

.orz-list-card h3 {
    margin: 8px 0 0;
    font-size: 1.05rem;
    line-height: 1.3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.orz-list-card h3 a {
    color: #242424;
}

.orz-list-card h3 a:hover {
    color: #8b641f;
    text-decoration: none;
}

.orz-list-card p {
    margin: 8px 0 0;
    color: #555f6b;
    font-size: .92rem;
    line-height: 1.45;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.orz-card-meta,
.orz-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    color: #747d88;
    font-size: .8rem;
}

.orz-signature {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    color: #5a4116;
    background: #fbf0dc;
    border: 1px solid #ecd2a4;
    border-radius: 5px;
    font-weight: 800;
    text-decoration: none;
}

a.orz-signature:hover {
    color: #3e2c0e;
    text-decoration: none;
    border-color: #d9b36f;
}

.orz-tags,
.orz-basis-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.orz-tags {
    margin-top: 9px;
}

.orz-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    color: #4c5c6d;
    background: #f1f4f7;
    border: 1px solid #dfe5eb;
    border-radius: 5px;
    font-size: .8rem;
    font-weight: 700;
}

.orz-card-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 6px 11px;
    color: #5a4116;
    border: 1px solid #d9b36f;
    border-radius: 5px;
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
}

.orz-card-action:hover {
    color: #3e2c0e;
    background: #fbf0dc;
    text-decoration: none;
}

.orz-empty {
    padding: 16px;
    color: #68717c;
    background: #ffffff;
    border: 1px dashed #cfd5dc;
    border-radius: 6px;
}

.orz-pagination-wrap {
    margin: 18px 0 26px;
}

.orz-pagination {
    flex-wrap: wrap;
    gap: 4px;
}

.orz-pagination .page-link {
    color: #5a4116;
    border-color: #dfe3e8;
    border-radius: 5px;
}

.orz-pagination .page-item.active .page-link,
.orz-pagination .page-item.active span.page-link {
    color: #242424;
    background: #f5bd5b;
    border-color: #e5a846;
}

.orz-breadcrumb .breadcrumb {
    padding: 10px 14px;
    background: #edf0f3;
    border-radius: 6px;
}

.orz-breadcrumb a {
    color: #444b54;
}

.orz-detail-hero {
    margin-top: 14px;
    padding: 18px;
}

.orz-detail-hero h1 {
    max-width: 980px;
    margin-top: 12px;
    font-size: 1.75rem;
}

.orz-thesis {
    margin-top: 16px;
    padding: 14px 16px;
    background: #fff8ec;
    border-left: 4px solid #e4aa4f;
    border-radius: 5px;
}

.orz-thesis span {
    display: block;
    margin-bottom: 4px;
    color: #8b641f;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.orz-thesis p {
    margin: 0;
    color: #30343a;
    font-size: 1rem;
    line-height: 1.55;
}

.orz-info-panel {
    margin-top: 12px;
    padding: 14px;
}

.orz-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.orz-info-item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 10px;
    background: #f8fafb;
    border: 1px solid #e3e7eb;
    border-radius: 5px;
}

.orz-info-item > i {
    color: #9a742f;
    line-height: 1.5;
}

.orz-info-item span {
    display: block;
    margin-bottom: 2px;
    color: #68717c;
    font-size: .78rem;
    font-weight: 700;
}

.orz-info-item-wide {
    grid-column: 1 / -1;
}

.orz-info-item .orz-tags {
    margin-top: 4px;
}

.orz-basis-list {
    margin-top: 4px;
}

.orz-basis-pill {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    max-width: 100%;
    min-height: 28px;
    padding: 3px 8px;
    color: #3e4e61;
    background: #eef4fb;
    border: 1px solid #d2dfeb;
    border-radius: 5px;
    font-size: .82rem;
}

.orz-basis-pill:hover {
    color: #233244;
    text-decoration: none;
    border-color: #b9ccdf;
}

.orz-basis-pill strong {
    flex: 0 0 auto;
}

.orz-basis-pill small {
    overflow: hidden;
    color: #637386;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orz-more-basis {
    margin-top: 8px;
}

.orz-more-basis summary {
    cursor: pointer;
    color: #5a4116;
    font-size: .86rem;
    font-weight: 800;
}

.orz-verdict {
    margin-top: 12px;
    padding: 14px 16px;
}

.orz-verdict p {
    margin: 0;
    color: #30343a;
    font-size: 1rem;
    line-height: 1.5;
}

.orz-document {
    max-width: 920px;
    margin-top: 18px;
    padding-bottom: 32px;
    color: #242930;
    font-size: 1rem;
    line-height: 1.68;
}

.orz-document h2,
.orz-document h3,
.orz-document h4 {
    margin: 18px 0 12px;
    color: #242424;
    line-height: 1.25;
}

.orz-document h2 {
    font-size: 1.45rem;
}

.orz-document p {
    margin: 0 0 12px;
}

.orz-document a {
    color: #006fd6;
}

@media (max-width: 767.98px) {
    .orz-hero,
    .orz-detail-hero,
    .orz-info-panel,
    .orz-verdict {
        padding: 14px;
    }

    .orz-hero-grid,
    .orz-list-card,
    .orz-info-grid {
        grid-template-columns: 1fr;
    }

    .orz-hero h1 {
        font-size: 1.65rem;
    }

    .orz-detail-hero h1 {
        font-size: 1.45rem;
    }

    .orz-hero-count {
        display: none;
    }

    .orz-section-heading {
        align-items: flex-start;
    }

    .orz-section-heading > span {
        margin-top: 3px;
        font-size: .78rem;
        text-align: right;
    }

    .orz-list-card {
        gap: 10px;
        padding: 12px;
    }

    .orz-list-card h3 {
        -webkit-line-clamp: 3;
    }

    .orz-list-card p {
        -webkit-line-clamp: 4;
    }

    .orz-card-action {
        width: 100%;
    }

    .orz-breadcrumb .breadcrumb {
        font-size: .88rem;
    }

    .orz-thesis p,
    .orz-verdict p,
    .orz-document {
        font-size: .96rem;
    }

    .orz-basis-pill {
        width: 100%;
    }
}

html[data-theme="dark"] .orz-hero,
html[data-theme="dark"] .orz-detail-hero,
html[data-theme="dark"] .orz-info-panel,
html[data-theme="dark"] .orz-verdict,
html[data-theme="dark"] .orz-list-card {
    background: #15191d;
    border-color: #323942;
}

html[data-theme="dark"] .orz-hero h1,
html[data-theme="dark"] .orz-detail-hero h1,
html[data-theme="dark"] .orz-section-heading h2,
html[data-theme="dark"] .orz-list-card h3 a,
html[data-theme="dark"] .orz-info-item strong,
html[data-theme="dark"] .orz-document h2,
html[data-theme="dark"] .orz-document h3,
html[data-theme="dark"] .orz-document h4 {
    color: #f2eee7;
}

html[data-theme="dark"] .orz-hero p,
html[data-theme="dark"] .orz-list-card p,
html[data-theme="dark"] .orz-card-meta,
html[data-theme="dark"] .orz-detail-meta,
html[data-theme="dark"] .orz-section-heading > span,
html[data-theme="dark"] .orz-document,
html[data-theme="dark"] .orz-info-item span {
    color: #b9c0c9;
}

html[data-theme="dark"] .orz-hero-count,
html[data-theme="dark"] .orz-search,
html[data-theme="dark"] .orz-info-item,
html[data-theme="dark"] .orz-breadcrumb .breadcrumb {
    background: #1c2228;
    border-color: #363f49;
}

html[data-theme="dark"] .orz-search .form-control {
    color: #f2eee7;
}

html[data-theme="dark"] .orz-search .form-control::placeholder {
    color: #8f98a5;
}

html[data-theme="dark"] .orz-thesis {
    background: #211b12;
    border-left-color: #d49a44;
}

html[data-theme="dark"] .orz-thesis p,
html[data-theme="dark"] .orz-verdict p {
    color: #e7e0d6;
}

html[data-theme="dark"] .orz-tags span {
    color: #ccd6e1;
    background: #222a32;
    border-color: #3a4651;
}

html[data-theme="dark"] .orz-basis-pill {
    color: #d8e5f2;
    background: #1f2a36;
    border-color: #3b4d61;
}

html[data-theme="dark"] .orz-basis-pill small {
    color: #aeb9c6;
}
