.small-space
{
    flex:0 0 50px !important;
}
.option-note {
    color: red;
    display: block;
    padding-left: 20px;
}

.hidden {
    display: none !important;
}

.rc-receipt * {
    box-sizing: border-box;
}

.rc-receipt {
    border: 2px solid #333;
    margin: 1rem 0 2rem;
    background: #fff;
    font-family: Arial, "Microsoft JhengHei", sans-serif;
    color: #222;
}

.rc-title {
    margin: 0;
    padding: .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    border-bottom: 2px solid #333; /* 上方標題下方框線 */
}

/* === Grid 模擬表格 === */
.rc-row {
    display: grid;
    grid-template-columns: 11em 1fr;
}

.rc-cell {
    padding: .5rem .75rem;
    line-height: 1.6;
    border: 1px solid #333; /* 每格四邊都有框線 */
    background: #fff;
}

    .rc-cell.rc-key {
        background: #f6f6f6;
        font-weight: 700;
    }

/* 占滿兩欄 */
.rc-span-2 {
    grid-column: 1 / -1;
    padding: 0;
}

/* === note 區塊 === */
.rc-note {
    padding: .75rem;
    line-height: 1.6;
    background: #fff;
}

    .rc-note h4 {
        margin: 0 0 .25rem;
        font-size: 1rem;
        font-weight: 700;
    }

    .rc-note ol {
        margin: .25rem 0 .25rem 1.25rem;
        padding: 0;
    }

        .rc-note ol ol {
            margin-top: .25rem;
        }

.rc-muted {
    color: #666;
    font-size: .9375rem;
}

.rc-section {
    border: 1px solid #333;
    background: #fff;
    padding: .35rem .6rem;
    font-weight: 700;
    margin: .5rem 0 .25rem;
}

/* RWD: 改直式 */
@media (max-width: 768px) {
    .rc-row {
        grid-template-columns: 1fr;
    }
}

/* 列印: 維持黑框 */
@media print {
    .rc-receipt {
        break-inside: avoid;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .rc-cell {
        border: 1px solid #000 !important;
    }

    .rc-section {
        border: 1px solid #000 !important;
    }
}