@import url("../styles.css");

.section-block {
    margin-bottom: 4rem;
}

.section-subtitle {
    display: block;
    width: fit-content;
    text-align: center;
    color: var(--text-secondary);
    max-width: min(820px, 100%);
    margin: -1.5rem auto 2rem;
}

.current-opportunities-title {
    text-align: center;
}

.current-opportunities-text-wrap {
    position: relative;
    display: inline-block;
}

.notion-mini-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(100% + 0.55rem);
    top: 50%;
    transform: translateY(-50%);
    width: 1.9rem;
    height: 1.9rem;
    overflow: hidden;
    border-radius: 0.45rem;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    font-size: 0.95rem;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.notion-mini-link:hover {
    background: rgba(37, 99, 235, 0.12);
    border-color: var(--primary-dark);
    color: var(--primary-dark);
    transform: translateY(calc(-50% - 1px));
}

.notion-mini-link:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.notion-mini-icon {
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
    display: block;
}

.work-label-grid {
    margin-top: 0;
}

.work-label-card p {
    margin-bottom: 0;
}