@font-face {
    font-family: 'Chenyu Luoyan Thin';
    src: url('../fonts/Xingkai SC.ttc') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.chinese-name {
    font-family: 'Chenyu Luoyan Thin', sans-serif;
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

:where([class^="ri-"])::before { 
    content: "\f3c2"; 
}

body {
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

/* Dark mode styles */
.dark {
    color-scheme: dark;
}

.dark body {
    color: #e5e7eb;
    background-color: #001440;
}

.dark a:not(.text-primary) {
    color: #e5e7eb;
}

.dark .text-gray-900 {
    color: #f9fafb;
}

.dark .text-gray-700 {
    color: #d1d5db;
}

.dark .text-gray-600 {
    color: #9ca3af;
}

.dark .text-gray-500 {
    color: #6b7280;
}

.dark .bg-gray-50 {
    background-color: #1f2937;
}

.dark .border-gray-200 {
    border-color: #374151;
}


/* Timeline styles - without bullets */
.timeline-item {
    position: relative;
    padding-left: 0; /* Removed padding since we no longer have bullets */
}

/* Remove the bullet */
.timeline-item:before {
    display: none; /* This removes the bullet */
}

/* Remove the vertical line */
.timeline-item:after {
    display: none; /* This removes the vertical line */
}

/* Add some spacing between timeline items for better readability */
.timeline-item {
    margin-bottom: 1rem;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



/* Python IDE-inspired styling for headings - improved version */
.python-heading {
    font-weight: normal; /* Remove bold */
    font-family: 'Inter', sans-serif; /* Clean, modern font */
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.2;
}

.python-heading .self {
    color: #E83A50; /* Softer red color similar to Michael Yao's site */
    font-family: 'SF Mono', 'Roboto Mono', 'Menlo', monospace; /* Monospace font for code feel */
}

.python-heading .method {
    color: #1F2937; /* Dark gray that's more elegant */
    font-family: 'SF Mono', 'Roboto Mono', 'Menlo', monospace; /* Monospace font for code feel */
}

/* Dark mode support */
.dark .python-heading .self {
    color: #F87171; /* Lighter red for dark mode */
}

.dark .python-heading .method {
    color: #E5E7EB; /* Light gray for dark mode */
}

/* Add a hint of spacing between self and method */
.python-heading .self::after {
    content: "";
    margin-right: 2px;
}

/* Style for the docstring-like descriptions */
.docstring {
    color: #059669; /* Green color for docstrings */
    font-family: 'SF Mono', 'Roboto Mono', 'Menlo', monospace;
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Dark mode for docstrings */
.dark .docstring {
    color: #34D399; /* Lighter green for dark mode */
}