.tt-9680af0e-table {
    width: 100%;
    font-family: inherit;
    border-collapse: collapse;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    background: #ffffff;
    display: flex;
    flex-direction: column;
}
.tt-9680af0e-head, 
.tt-9680af0e-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    border-bottom: 1px solid #eaeaea;
    min-width: 320px;
}
.tt-9680af0e-head {
    border-bottom: 2px solid #eaeaea;
    background-color: #fafafa;
}
.tt-9680af0e-row:last-child {
    border-bottom: none;
}
.tt-9680af0e-header {
    font-weight: 700;
    display: flex;
    align-items: center;
}
.tt-9680af0e-header-left {
    padding: 18px 24px;
}
.tt-9680af0e-header-right {
    padding: 18px 24px;
    justify-content: flex-end;
    text-align: right;
}
.tt-9680af0e-area {
    font-weight: 500;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    border-right: 1px solid transparent;
}
.tt-9680af0e-cost {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 18px 24px;
    text-align: right;
}
.tt-9680af0e-cost-val {
    font-weight: 600;
}
.tt-9680af0e-cost-note {
    font-size: 0.85em;
    opacity: 0.8;
}

@media (max-width: 480px) {
    .tt-9680af0e-head,
    .tt-9680af0e-row {
        grid-template-columns: 1.2fr 1fr;
    }
    
    .tt-9680af0e-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .tt-9680af0e-header-left,
    .tt-9680af0e-header-right,
    .tt-9680af0e-area,
    .tt-9680af0e-cost {
        padding: 14px 16px;
    }
}