/* Meals manuscript only, including its archived noindex preview. */
.meal-preview .content-body { display: block; }
.meal-preview .content-main { max-width: 760px; min-width: 0; margin: auto; }
.meal-preview h1 { max-width: 850px; margin-left: auto; margin-right: auto; }
.meal-preview table { min-width: 0 !important; width: 100%; table-layout: fixed; }
.meal-preview th, .meal-preview td { word-break: keep-all; overflow-wrap: break-word; text-align: left; }
.meal-preview .source-list { padding-left: 20px; }
.meal-preview .source-list li { margin-bottom: 22px; scroll-margin-top: 100px; }
.meal-preview .source-list p, .meal-preview .case-meta, .meal-preview .editorial-note { font-size: 13px; line-height: 1.8; color: var(--gsub); }
.meal-preview .case-box { margin: 28px 0; }
.meal-preview blockquote { margin: 22px 0; border-left: 3px solid #267b65; padding: 12px 20px; font-size: 17px; line-height: 1.9; }
.meal-preview .toc a { display: block; line-height: 1.8; margin: 6px 0; }
.meal-preview .meal-table { margin: 28px 0; }
.meal-preview .content-main .meal-table-title { margin: 0 0 12px; font-weight: 700; font-size: 17px; }
.meal-preview .content-main .meal-table-note { margin: 10px 0 0; font-size: 12px; line-height: 1.8; color: var(--gsub); }
.meal-preview .meal-table-note time { white-space: nowrap; }
.meal-preview .meal-table .guide-table-wrap { overflow: hidden; border: 1px solid var(--gline); border-radius: 10px; }
.meal-preview .meal-table table { margin: 0; border-collapse: collapse; border-spacing: 0; }
.meal-preview .meal-label-column { width: 30%; }
.meal-preview .meal-table th,
.meal-preview .meal-table td { vertical-align: top; padding: 16px 18px; line-height: 1.85; }
.meal-preview .meal-table th:first-child { width: auto; }
.meal-preview .meal-table thead th { background: #edf4f0; border-bottom: 1px solid var(--gline); }
.meal-preview .meal-table tr > * + * { border-left: 1px solid var(--gline); }
.meal-preview .meal-table tbody tr + tr > * { border-top: 1px solid var(--gline); }
.meal-preview .meal-table tbody th { background: #f7faf8; font-weight: 700; }
@media (max-width: 600px) {
 .meal-preview h1 { font-size: 29px; }
 .meal-preview .meal-label-column { width: 35%; }
 .meal-preview .meal-table th,
 .meal-preview .meal-table td { padding: 12px 10px; font-size: 13px; }
}