/* V2 nutrient comparison: bottom sheet on every viewport. */
dialog.cfl-compare-v2{box-sizing:border-box;position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:960px;max-height:85dvh;padding:0;border:1px solid #ebe4d9;border-bottom:0;border-radius:20px 20px 0 0;background:#fffdf9;color:#24352d;overflow:hidden;font:400 1rem/1.6 Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;word-break:keep-all;overflow-wrap:anywhere;transition:none}
dialog.cfl-compare-v2[open]{display:block;opacity:1;visibility:visible}
dialog.cfl-compare-v2::backdrop{background:rgb(25 35 29 / .45)}
.cfl-compare-v2 .compare-modal{width:100%;max-width:none;height:auto;max-height:85dvh;border-radius:0;background:#fffdf9}
.cfl-compare-v2 .compare-modal-header{flex:none;gap:16px;padding:16px 24px;border-bottom:1px solid #ebe4d9}
.cfl-compare-v2 .compare-modal-title{margin:0;font-size:1.375rem;line-height:1.4;font-weight:700}
.cfl-compare-v2 .compare-modal-close{flex:none;min-width:44px!important;width:44px;height:44px;padding:0!important;border:0;border-radius:12px;color:#3e634a!important;font-size:1.5rem}
.cfl-compare-v2 .compare-modal-close:hover{background:#e8f0df}
.cfl-compare-v2 .compare-modal-body{min-height:0;overflow:auto;padding:24px;overscroll-behavior:contain}
.cfl-compare-v2 .compare-grid{grid-template-columns:minmax(72px,.7fr) repeat(2,minmax(0,1fr));gap:0;background:transparent;border:1px solid #ebe4d9;border-radius:16px;overflow:hidden}
.cfl-compare-v2 .compare-grid>div{min-width:0;padding:16px 12px;background:transparent;border-bottom:1px solid #ebe4d9}
.cfl-compare-v2 .compare-grid>div:nth-last-child(-n+3){border-bottom:0}
.cfl-compare-v2 .compare-col-item,.cfl-compare-v2 .compare-col-head{background:#fffdf9!important}
.cfl-compare-v2 .comp-name{font-size:1rem;font-weight:600;line-height:1.5;white-space:normal}
.cfl-compare-v2 .comp-brand{font-size:.75rem;color:#59675e}
.cfl-compare-v2 .comp-row-label{font-size:.875rem;font-weight:500;color:#59675e;background:transparent!important}
.cfl-compare-v2 .comp-row-val{font-size:1rem;font-weight:600;color:#24352d}
.cfl-compare-v2 .comp-row-val.higher{background:#e8f0df!important;color:#3e634a;font-weight:700}
.cfl-compare-v2 .comp-row-val small{display:block;margin-top:4px;font-size:.75rem;line-height:1.5;color:#59675e;white-space:normal}
.cfl-compare-v2 .compare-ingredients-details{margin-top:24px;border-top:1px solid #ebe4d9}
.cfl-compare-v2 summary{min-height:44px;padding:12px 0;color:#3e634a;font-size:1rem;font-weight:600;cursor:pointer}
.cfl-compare-v2 .compare-ing-box{padding:16px;background:#f7f3ec;border:1px solid #ebe4d9;border-radius:16px}
.cfl-compare-v2 .compare-unique-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.cfl-compare-v2 .ing-diff-title{font-size:.875rem;color:#24352d;font-weight:600}
.cfl-compare-v2 :is(.ing-common-list,.ing-unique-list){font-size:.875rem;color:#59675e}
.cfl-compare-v2 .compare-modal-footer{flex:none;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ebe4d9}
.cfl-compare-v2 .compare-modal-footer button{width:100%;min-height:48px;border:1px solid #3e634a;border-radius:12px;background:#3e634a;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer}
.cfl-compare-v2 :is(button,summary):focus-visible{outline:3px solid #3e634a;outline-offset:3px}
@media(max-width:767px){.cfl-compare-v2 .compare-modal-header,.cfl-compare-v2 .compare-modal-body,.cfl-compare-v2 .compare-modal-footer{padding-left:16px;padding-right:16px}.cfl-compare-v2 .compare-grid>div{padding:12px 8px}.cfl-compare-v2 .comp-name{font-size:.875rem}.cfl-compare-v2 .compare-unique-grid{grid-template-columns:minmax(0,1fr)}}