body {
    box-sizing: border-box;
}
* {
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.05em;
}
.serif {
    font-family: "Noto Serif JP", serif;
}
.tab-btn {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.tab-btn.active {
    background: #f5ebe0;
    color: #6b5b4d;
    border: 1px solid #d4c5b9;
    box-shadow: 0 2px 8px rgba(107, 91, 77, 0.08);
}
.card {
    animation: fadeIn 0.5s ease-out;
    border: 1px solid rgba(212, 197, 185, 0.3);
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e8dfd6;
}
.price-row:last-child {
    border-bottom: none;
}
.divider {
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #d4c5b9,
        transparent
    );
    margin: 16px 0;
}
.accent-line {
    width: 40px;
    height: 2px;
    background: #a89080;
    margin: 0 auto;
}

@view-transition {
    navigation: auto;
}