.nf-cmp{z-index:70;--cmp-tint:10%;background:#0f14208c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}:root[data-theme=dark] .nf-cmp,:root[data-theme=dark] .nf-cmp__rows{--cmp-tint:18%}.nf-cmp__dialog{background:var(--bg-layout);border-radius:var(--r-lg);width:min(1320px,100%);height:calc(100dvh - 48px);box-shadow:var(--sh-4);animation:nf-overlay-in .16s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.nf-cmp__card{background:var(--bg-container);border:1px solid var(--border-secondary);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.nf-cmp__top{background:var(--bg-container);border-bottom:1px solid var(--border-secondary);flex-direction:column;flex:none;gap:12px;padding:16px 20px;display:flex}.nf-cmp__titlerow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.nf-cmp__title{flex:320px}.nf-cmp__scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;min-height:0;padding:16px 20px 24px;overflow-y:auto}.nf-cmp__title{min-width:0}.nf-cmp__title h2{font-size:var(--fs-2xl);color:var(--text-heading);margin:0;font-weight:600;line-height:1.3}.nf-cmp__title h2:focus{outline:none}.nf-cmp__title p{font-size:var(--fs-sm);color:var(--text-secondary);overflow-wrap:anywhere;margin:4px 0 0}.nf-cmp__controls{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.nf-cmp__ctl{flex-direction:column;gap:6px;min-width:0;display:flex}.nf-cmp__ctl--version{flex:260px;max-width:400px}.nf-cmp__ctllabel{font-size:var(--fs-xs);color:var(--text-secondary)}.nf-cmp__nav{align-items:center;gap:8px;display:flex}.nf-cmp__pos{text-align:center;min-width:76px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:500}.nf-cmp__body{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.nf-cmp__side{flex-direction:column;flex:260px;gap:16px;min-width:0;max-width:320px;display:flex}@media (width>=761px){.nf-cmp__side{scrollbar-width:thin;max-height:calc(100dvh - 258px);position:sticky;top:0;overflow-y:auto}}.nf-cmp__main{flex-direction:column;flex:999 560px;gap:12px;min-width:0;display:flex}.nf-cmp__card{padding:16px 18px}.nf-cmp__card h3{font-size:var(--fs-md);color:var(--text-heading);margin:0 0 10px;font-weight:600}.nf-cmp__total{font-size:var(--fs-md);margin:0 0 10px}.nf-cmp__total b{font-size:var(--fs-2xl);font-weight:600}.nf-cmp__tally{flex-wrap:wrap;gap:6px;display:flex}.nf-cmp__note{font-size:var(--fs-xs);color:var(--text-secondary);margin:10px 0 0}.nf-cmp__list{padding:16px 8px 8px}.nf-cmp__list h3{margin:0 10px 8px}.nf-cmp__list ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nf-cmp__listitem{border-radius:var(--r-md);width:100%;min-height:40px;color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.nf-cmp__listitem:hover{background:var(--bg-layout)}.nf-cmp__listitem.is-current{background:var(--c-primary-bg);color:var(--st-primary)}.nf-cmp__listwhere{font-weight:500}.nf-cmp__listkind{font-size:var(--fs-xs);color:var(--text-secondary);flex:none}.nf-cmp__legend{font-size:var(--fs-xs);color:var(--text-secondary);margin:0}.nf-cmp__doc{padding:0;overflow:hidden}.nf-cmp__chip{font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:1px 8px;font-weight:500;display:inline-flex}.nf-cmp__chip--edit{color:var(--st-primary);background:var(--c-primary-bg)}.nf-cmp__chip--rewrite{color:var(--st-warning);background:color-mix(in srgb, var(--st-warning) var(--cmp-tint,10%), transparent)}.nf-cmp__chip--added{color:var(--nf-status-approved);background:color-mix(in srgb, var(--nf-status-approved) var(--cmp-tint,10%), transparent)}.nf-cmp__chip--removed{color:var(--nf-status-rejected);background:color-mix(in srgb, var(--nf-status-rejected) var(--cmp-tint,10%), transparent)}.nf-cmp__rows{--cmp-where:132px;font-size:var(--fs-md)}.nf-cmp__colhead,.nf-cmp__row{flex-wrap:wrap;gap:8px 16px;padding:12px 16px;display:flex}.nf-cmp__colhead{background:var(--bg-layout);border-bottom:1px solid var(--border-secondary);font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600}.nf-cmp__colhead>span:not(.nf-cmp__where){flex:260px;min-width:0}.nf-cmp__row{border-bottom:1px solid var(--border-secondary);scroll-margin:96px 0}.nf-cmp__row.is-current{box-shadow:inset 0 0 0 2px var(--c-primary)}.nf-cmp__where{flex:0 0 var(--cmp-where);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.nf-cmp__wherelabel{font-size:var(--fs-sm);color:var(--text-heading);font-weight:600}.nf-cmp__sub{font-size:var(--fs-xs);color:var(--text-secondary)}.nf-cmp__cells{flex-wrap:wrap;flex:999 520px;gap:12px;min-width:0;display:flex}.nf-cmp__cells--one{flex-flow:column;gap:8px}.nf-cmp__cell{flex:260px;min-width:0}.nf-cmp__text{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.75}.nf-cmp__text--title{font-size:var(--fs-lg);font-weight:600}.nf-cmp__text--same{color:var(--text-secondary)}.nf-cmp__block{border-radius:var(--r-md);border:1px solid #0000;margin:0;padding:8px 12px}.nf-cmp__block--old{border-color:color-mix(in srgb, var(--nf-status-rejected) 28%, transparent);background:color-mix(in srgb, var(--nf-status-rejected) 6%, transparent)}.nf-cmp__block--new{border-color:color-mix(in srgb, var(--nf-status-approved) 30%, transparent);background:color-mix(in srgb, var(--nf-status-approved) 7%, transparent)}.nf-cmp__blocklabel{font-size:var(--fs-xs);margin:0 0 2px;font-weight:600}.nf-cmp__block--old .nf-cmp__blocklabel{color:var(--nf-status-rejected)}.nf-cmp__block--new .nf-cmp__blocklabel{color:var(--nf-status-approved)}.nf-cmp__none{border:1px dashed var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--text-secondary);margin:0;padding:8px 12px}.nf-cmp__fold{background:var(--bg-layout);border-bottom:1px solid var(--border-secondary);font-size:var(--fs-xs);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;padding:4px 16px;display:flex}.nf-cmp__foldbtn{border-radius:var(--r-md);min-height:36px;color:var(--c-primary);font:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:500}.nf-cmp__foldbtn:hover{background:var(--bg-container)}.nf-cmp__rows ins,.nf-cmp__legend ins,.nf-cmp__fields ins{background:color-mix(in srgb, var(--nf-status-approved) 16%, transparent);color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--nf-status-approved);text-decoration-color:var(--nf-status-approved);text-underline-offset:3px;border-radius:3px;padding:1px 3px}.nf-cmp__rows del,.nf-cmp__legend del,.nf-cmp__fields del{background:color-mix(in srgb, var(--nf-status-rejected) 13%, transparent);color:inherit;text-decoration:line-through;-webkit-text-decoration-color:var(--nf-status-rejected);text-decoration-color:var(--nf-status-rejected);border-radius:3px;margin-right:2px;padding:1px 3px;text-decoration-thickness:1.5px}.nf-cmp__fieldswrap{overflow-x:auto}.nf-cmp__fields{border-collapse:collapse;width:100%;min-width:480px;font-size:var(--fs-md)}.nf-cmp__fields th,.nf-cmp__fields td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-secondary);overflow-wrap:anywhere;padding:10px 12px}.nf-cmp__fields thead th{background:var(--bg-layout);font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500}.nf-cmp__fields tbody th{width:150px;font-weight:500}.nf-cmp__fields tr:last-child th,.nf-cmp__fields tr:last-child td{border-bottom:0}.nf-cmp__thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);background:var(--bg-layout);width:168px;max-width:100%;display:block}.nf-cmp__filelist{margin:0;padding-left:18px}@media (width<=760px){.nf-cmp{padding:0}.nf-cmp__dialog{border-radius:0;height:100dvh;overflow-y:auto}.nf-cmp__scroll{flex:none;overflow:visible}.nf-cmp__ctl{flex:100%}.nf-cmp__ctl .nf-phist__seg{display:flex}.nf-cmp__ctl .nf-phist__seg button{flex:1 1 0}.nf-cmp__top{padding:12px 14px}.nf-cmp__scroll{padding:12px 12px 24px}.nf-cmp__ctl--version{max-width:none}.nf-cmp__title{flex:1 1 0}.nf-cmp__nav{order:3;justify-content:space-between;width:100%;margin-left:0}.nf-cmp__side{max-width:none}.nf-cmp__rows{--cmp-where:100%}.nf-cmp__where{flex-flow:wrap;align-items:center}.nf-cmp__colhead{display:none}.nf-cmp__fields{min-width:0}.nf-cmp__fields thead{display:none}.nf-cmp__fields,.nf-cmp__fields tbody,.nf-cmp__fields tr,.nf-cmp__fields th,.nf-cmp__fields td{width:auto;display:block}.nf-cmp__fields tbody th{border-bottom:0;width:auto;padding-bottom:4px}.nf-cmp__fields td{border-bottom:0;padding-top:4px}.nf-cmp__fields tr{border-bottom:1px solid var(--border-secondary);padding-bottom:8px}.nf-cmp__fields td:before{content:attr(data-label);font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600;display:block}.nf-cmp__rows--split .nf-cmp__cell:before{content:attr(data-label);font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:2px;font-weight:600;display:block}}
