/* Label story: the established Stories design, plus its nutrition comparison. */
#main.label-story h1{font-size:clamp(2.7rem,4.4vw,3.9rem)}
#main.label-story .hero-photo figcaption{max-width:40em}
#main.label-story .breadcrumb ol{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;margin:0;padding:0}
#main.label-story .breadcrumb li{display:inline-flex;align-items:baseline}
#main.label-story .breadcrumb li+li::before{content:'/';padding-inline:9px;color:var(--muted)}
#main.label-story .nutrition-comparison{margin-block:30px}
#main.label-story .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--rule);background:var(--paper)}
#main.label-story .table-scroll:focus-visible{outline:3px solid var(--green);outline-offset:4px}
#main.label-story table{width:100%;min-width:600px;border-collapse:collapse;font-size:.9375rem;line-height:1.6}
#main.label-story caption{text-align:left;padding:17px 18px;font-weight:600;color:var(--green);border-bottom:2px solid var(--green)}
#main.label-story th,#main.label-story td{padding:14px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
#main.label-story thead th{background:var(--green);color:var(--cream);font-weight:600}
#main.label-story th[scope=row]{font-weight:600;color:var(--green);width:24%}
#main.label-story tbody tr:nth-child(even){background:var(--cream)}
#main.label-story tbody tr:last-child>*{border-bottom:0}
#main.label-story .table-hint{display:none;font-size:.875rem;color:var(--muted);margin-bottom:10px}
@media(max-width:650px){#main.label-story h1{font-size:clamp(2.3rem,9.8vw,3.4rem);max-width:none}#main.label-story .meta span+span{border-left:0;padding-left:0}#main.label-story .table-hint{display:block}#main.label-story .reading{min-width:0}#main.label-story .nutrition-comparison{max-width:100%}}
@media print{body{background:white!important}body>.vtc-announcement,body>header,body>.vtc-footer,body>.vtc-skip,body>.vtc-connect{display:none!important}#main.label-story h1{font-size:28pt}#main .story-hero{grid-template-columns:1fr 1fr;grid-template-areas:"title photo" "opening opening"}#main .section-title{break-after:avoid}#main.label-story .table-scroll{overflow:visible}#main.label-story table{min-width:0;font-size:9pt}#main.label-story .table-hint{display:none}}
