/* 注意:
 * この eir.css はクレステックIRサイト側で作成・保守しているCSSです。
 * プロネクサスからの納品ファイルではありません。
 */
.ir-eir-scope,
.eir-news-list-scope {
    --ir-fs-eir-news-date: 14px;
    --ir-fs-eir-news-title: 15px;
    --ir-fw-eir-news-title: 400;
    --ir-lh-eir-news-title: 1.4;
    --ir-fs-eir-news-file: 13px;
    --ir-fw-eir-news-file: 500;
    --ir-fs-eir-news-badge: 13px;
    --ir-fw-eir-news-badge: 700;
    --ir-lh-eir-news-badge: 1;
    --ir-fs-eir-latest-title: 1.02rem;
    --ir-lh-eir-latest-title: 1.55;
    --ir-fw-eir-latest-title: 500;
    --ir-fs-eir-latest-file: 0.9rem;
    --ir-fw-eir-latest-file: 500;
    --ir-space-eir-item-padding: 1rem;
    --ir-space-eir-item-gap: 0.5rem;
    --ir-space-eir-item-gap-desktop: 1.875rem;
    --ir-space-eir-mobile-meta-gap: 0.75rem;
    --ir-space-eir-file-ml: 0.5rem;
    --ir-space-eir-file-icon-mr: 0.25rem;
    --ir-space-eir-badge-padding: 5px 10px;
    --ir-space-eir-item-padding-md: 1rem 1.5rem;
    --ir-space-eir-meta-gap-desktop: 0.625rem;
    --ir-space-eir-latest-link-gap: 0.5rem;
    --ir-space-eir-latest-file-gap: 0.2rem;
    --ir-space-eir-latest-grid-gap: 0.75rem 2rem;
    --ir-space-eir-latest-item-py: 0.35rem;
    --ir-tr-eir-item-hover: background-color 0.2s;
    --ir-tr-eir-latest-link: color 0.2s ease;
    --ir-radius-eir-badge: 5px;
}

.ir-eir-scope {
    --ir-size-eir-news-meta-date-col: 6.5rem;
    --ir-size-eir-news-meta-badge-col: 4.5rem;
    --ir-size-eir-news-meta-width: 11.875rem;
}

.eir-news-list-scope {
    --ir-space-eir-item-gap: 0.35rem;
    --ir-space-eir-item-gap-desktop: 1rem;
    --ir-size-eir-news-meta-date-col: 6rem;
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--ir-space-eir-item-padding);
    gap: var(--ir-space-eir-item-gap);
    transition: var(--ir-tr-eir-item-hover);
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-item:hover {
    background-color: #f8fafc;
}

.ir-eir-scope .eir-news-meta {
    display: flex;
    align-items: center;
    gap: var(--ir-space-eir-mobile-meta-gap);
    flex-wrap: wrap;
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-date {
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: var(--ir-fs-eir-news-date);
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-title {
    color: #1f2937;
    display: block;
    font-size: var(--ir-fs-eir-news-title);
    font-weight: var(--ir-fw-eir-news-title);
    line-height: var(--ir-lh-eir-news-title);
    text-decoration: none;
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-title:hover {
    color: #4b5563;
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-file {
    color: #64748b;
    display: inline-flex;
    align-items: center;
    font-size: var(--ir-fs-eir-news-file);
    font-weight: var(--ir-fw-eir-news-file);
    margin-left: var(--ir-space-eir-file-ml);
    white-space: nowrap;
}

:where(.ir-eir-scope, .eir-news-list-scope) .eir-news-file-icon {
    color: #dc2626;
    margin-right: var(--ir-space-eir-file-icon-mr);
}

.ir-eir-scope .eir-news-badge {
    border: 0;
    border-radius: var(--ir-radius-eir-badge);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ir-fs-eir-news-badge);
    font-weight: var(--ir-fw-eir-news-badge);
    padding: var(--ir-space-eir-badge-padding);
    line-height: var(--ir-lh-eir-news-badge);
    white-space: nowrap;
}

.ir-eir-scope .eir-badge--disclosure {
    background: #e9edf2;
    color: #163a8a;
}

.ir-eir-scope .eir-badge--tanshin {
    background: #dfe8ff;
    color: #1d43b8;
}

.ir-eir-scope .eir-badge--yuho {
    background: #fde7e7;
    color: #b42318;
}

.ir-eir-scope .eir-badge--irmaterial {
    background: #fff2db;
    color: #8a4a00;
}

.ir-eir-scope .eir-badge--meeting {
    background: #d7f8ec;
    color: #007b56;
}

.ir-eir-scope .eir-badge--notice {
    background: #edf1f5;
    color: #334155;
}

.ir-eir-scope .eir-badge--pr {
    background: #efe7fb;
    color: #5a3b8c;
}

.ir-eir-scope .eir-latest-docs-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--ir-space-eir-latest-grid-gap);
}

.ir-eir-scope .eir-latest-doc-item {
    padding: var(--ir-space-eir-latest-item-py) 0;
}

.ir-eir-scope .eir-latest-doc-link {
    display: inline-flex;
    align-items: baseline;
    gap: var(--ir-space-eir-latest-link-gap);
    color: #1f2937;
    line-height: var(--ir-lh-eir-latest-title);
    text-decoration: none;
    transition: var(--ir-tr-eir-latest-link);
}

.ir-eir-scope .eir-latest-doc-link:hover {
    color: #1d43b8;
}

.ir-eir-scope .eir-latest-doc-title {
    font-size: var(--ir-fs-eir-latest-title);
    line-height: var(--ir-lh-eir-latest-title);
    font-weight: var(--ir-fw-eir-latest-title);
}

.ir-eir-scope .eir-latest-doc-file {
    display: inline-flex;
    align-items: center;
    gap: var(--ir-space-eir-latest-file-gap);
    color: #64748b;
    font-size: var(--ir-fs-eir-latest-file);
    font-weight: var(--ir-fw-eir-latest-file);
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .ir-eir-scope .eir-latest-doc-item {
        position: relative;
        padding-left: 1.1rem;
    }

    .ir-eir-scope .eir-latest-doc-item::before {
        content: "•";
        position: absolute;
        left: 0.2rem;
        top: 0.64rem;
        color: #64748b;
        font-size: 0.82rem;
        line-height: 1;
    }
}

@media (min-width: 768px) {
    .ir-eir-scope .eir-latest-docs-grid {
        grid-template-columns: 1fr 1fr;
    }

    :where(.ir-eir-scope, .eir-news-list-scope) .eir-news-item {
        flex-direction: row;
        align-items: center;
        padding: var(--ir-space-eir-item-padding-md);
        gap: var(--ir-space-eir-item-gap-desktop);
    }

    .ir-eir-scope .eir-news-meta {
        flex-shrink: 0;
        display: grid;
        grid-template-columns: var(--ir-size-eir-news-meta-date-col) var(--ir-size-eir-news-meta-badge-col);
        align-items: center;
        width: var(--ir-size-eir-news-meta-width);
        gap: var(--ir-space-eir-meta-gap-desktop);
    }

    :where(.ir-eir-scope, .eir-news-list-scope) .eir-news-title-col {
        flex-grow: 1;
        min-width: 0;
    }

    .eir-news-list-scope .eir-news-date {
        flex-shrink: 0;
        width: var(--ir-size-eir-news-meta-date-col);
    }

}

.eir-library-block .library-filter-select {
    width: 144px;
    height: 28px;
    min-width: 144px;
    max-width: 144px;
    padding: 2px 20px 2px 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.2;
    color: #334155;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: #cfd8e3;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.2rem center;
    background-size: 14px 14px;
}

.eir-library-block .library-filter-select:focus {
    outline: none;
    background-color: #ffffff;
    border: 1px solid #4e77d8;
}
