/* Scoped so food/other comparison tables remain unchanged. Load after media.css. */
#milk-view .section-head{margin-bottom:10px;gap:8px}
#milk-view .scope{margin:0 0 14px;font-size:13px;line-height:1.7}
#milk-view .milk-selection{margin:0;padding:0;border:0;min-width:0}
#milk-view .milk-selection legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#milk-view .milk-product-options{display:block}
#milk-view .milk-picker{border:1px solid #d4c4b7;border-radius:5px;background:#fffefa}
#milk-view .milk-picker summary{min-height:44px;box-sizing:border-box;padding:10px 12px;font-size:14px;font-weight:700;line-height:24px;cursor:pointer;overflow-wrap:anywhere}
#milk-view .milk-picker summary::marker{color:#8b3933}
#milk-view .milk-picker[open] summary{border-bottom:1px solid #e6d8cc}
#milk-view .milk-picker-actions{display:flex;gap:4px;padding:0 7px}
#milk-view .milk-picker-actions button{min-height:44px;min-width:64px;margin:0;font-size:12px}
#milk-view .milk-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:0 6px}
#milk-view .milk-product-option{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;box-sizing:border-box;padding:6px 9px;border:1px solid transparent;border-radius:3px;background:#fffefa;font-size:14px;line-height:1.4;cursor:pointer;min-width:0}
#milk-view .milk-product-option:has(input:checked){background:#f8edde}
#milk-view .milk-product-option:focus-within{border-color:#8b3933}
#milk-view .milk-product-option input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;position:static;flex:0 0 18px;inline-size:18px;block-size:18px;width:18px;height:18px;min-width:18px;max-width:18px;margin:0;padding:0;accent-color:#8b3933;cursor:pointer}
#milk-view .milk-product-option span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;flex:1;font-weight:700;overflow-wrap:anywhere}
#milk-view .milk-product-option small{font-size:11px;font-weight:400;color:#6b625a;white-space:nowrap}
#milk-view .milk-picker-footer{padding:7px}
#milk-view .milk-picker-footer button{display:block;width:100%;min-height:44px;border:1px solid #c3a58e;border-radius:3px;background:#fffefa;color:#6b4939;font:700 13px/1.4 var(--text);padding:9px 12px}
#milk-view .milk-picker summary:focus-visible,#milk-view .milk-picker button:focus-visible{outline:3px solid #8b3933;outline-offset:-3px}
#milk-view .nutrition-tools{display:flex;align-items:center;gap:10px;margin:12px 0 7px;flex-wrap:wrap}
#milk-view .nutrition-tools .search-field{flex:1;min-width:150px;max-width:410px;width:auto;border-radius:4px;min-height:44px}
#milk-view .nutrition-tools input[type=search]{padding:8px 0;font-size:16px}
#milk-view .nutrition-tools .text-button{min-height:44px;font-size:12px;margin:0}
#milk-view .milk-table-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 6px;font-size:12px;line-height:1.5;color:#6b625a}
#milk-view .milk-table-meta p{margin:0}
#milk-view .milk-table-scroll{width:100%;max-width:100%;max-height:350px;overflow:auto;overscroll-behavior-x:contain;position:relative;isolation:isolate;border-radius:5px;scroll-margin-top:16px;-webkit-overflow-scrolling:touch}
#milk-view #nutrition-table{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.45}
#milk-view #nutrition-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#milk-view #nutrition-table th,#milk-view #nutrition-table td{padding:8px 7px;box-sizing:border-box;width:96px;min-width:96px;max-width:96px;text-align:center;font-size:12px;border-right:1px solid #eee2d7;border-bottom:1px solid #ddcec1;overflow-wrap:anywhere;font-weight:400}
#milk-view #nutrition-table thead th{position:sticky;top:0;z-index:2;background:#f6e5d7;font-weight:700;vertical-align:bottom;white-space:normal}
#milk-view #nutrition-table th:first-child,#milk-view #nutrition-table td:first-child{position:sticky;left:0;width:132px;min-width:132px;max-width:132px;text-align:left;background:#fffefa;z-index:1;box-shadow:1px 0 #c8b4a6}
#milk-view #nutrition-table thead th:first-child{z-index:3;background:#f6e5d7}
#milk-view #nutrition-table tbody th{font-weight:700}
#milk-view #nutrition-table tbody td{white-space:nowrap;font-variant-numeric:tabular-nums;background:#fffefa}
#milk-view #nutrition-table tbody tr:nth-child(even)>*{background:#fcf6ef}
#milk-view #nutrition-table .table-unit{font-size:10px;display:block;color:#6b625a;font-weight:400;line-height:1.5;margin-top:3px}
#milk-view .milk-unlisted{font-size:11px;color:#73695f}
#milk-view .milk-reading-note{font-size:11px;line-height:1.6;margin:7px 0 12px;color:#6b625a}
#milk-view .milk-notice{padding:12px 15px;margin:14px 0;font-size:13px;line-height:1.7}
#milk-view .milk-notice p{font-size:12px!important;line-height:1.7;margin:5px 0 0}
#milk-view .milk-details{margin:10px 0;padding:12px 15px;font-size:12px;line-height:1.7}
#milk-view .milk-details summary{min-height:24px;font-size:13px;cursor:pointer}
#milk-view .milk-details p{font-size:12px;line-height:1.7}
#milk-view #milk-sources{margin:10px 0 0;padding-left:20px}
#milk-view #milk-sources li+li{margin-top:10px}
#milk-view #milk-sources p{margin:3px 0}
@media(max-width:600px){
 #milk-view .milk-picker summary{font-size:13px}
 #milk-view .milk-product-list{grid-template-columns:1fr}
 #milk-view .milk-product-option{font-size:13px}
 #milk-view .section-head h2{font-size:24px}
 #milk-view .section-head>.small{font-size:11px}
 #milk-view .scope{font-size:12px;line-height:1.65}
 #milk-view .milk-table-meta{font-size:11px}
 #milk-view .nutrition-tools{gap:6px}
 #milk-view #nutrition-table th,#milk-view #nutrition-table td{padding:7px 6px;width:88px;min-width:88px;max-width:88px;font-size:11px}
 #milk-view #nutrition-table th:first-child,#milk-view #nutrition-table td:first-child{width:120px;min-width:120px;max-width:120px}
}