.solar-terms-page {
    background-color: #faf6ee;
    background-image:
        radial-gradient(circle at 15% 8%, rgba(166, 120, 42, 0.09), transparent 26rem),
        linear-gradient(rgba(166, 120, 42, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(166, 120, 42, 0.025) 1px, transparent 1px);
    background-size: auto, 32px 32px, 32px 32px;
}

.solar-terms-page canvas {
    touch-action: none;
}

.solar-terms-page select {
    color-scheme: light;
}

.solar-line-label {
    width: 2.5rem;
    text-align: right;
    color: rgba(29, 28, 26, 0.58);
    font-size: 0.625rem;
}

.solar-hex-line {
    display: flex;
    height: 0.875rem;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(29, 28, 26, 0.18);
    border-radius: 0.25rem;
    font-size: 0.625rem;
}

.solar-hex-line-yang {
    border-color: #1d1c1a;
    background: #1d1c1a;
}

.solar-hex-line-yin {
    justify-content: space-between;
    gap: 14%;
    border: 0;
    background: #fff;
}

.solar-yin-half {
    display: block;
    flex: 1 1 0%;
    height: 100%;
    background: #1d1c1a;
}

@media (max-width: 640px) {
    .solar-terms-page header {
        position: static;
    }
}