.compare-page .header,.compare-page .footer{max-width:1480px}
.compare-page .header nav{gap:25px}
.compare-workspace{max-width:1530px;margin:auto;padding:30px 24px 64px}
.compare-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.compare-title h1{font-size:36px;letter-spacing:0}.compare-title p:last-child{font-size:15px;color:var(--muted);margin:0 0 5px}
.compare-title .eyebrow{font-size:12px;margin-bottom:6px}
.compare-selection{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
.compare-work-field{display:grid;gap:5px;font-size:14px;color:var(--muted);min-width:260px;max-width:480px;flex:1}
.compare-work-field select,.compact-field select{border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);padding:9px 34px 9px 12px;min-width:0;max-width:100%;font-size:15px}
.compare-button,.compare-primary,.version-picker>summary{font-size:14px;line-height:1.5;padding:9px 13px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink);cursor:pointer;white-space:nowrap}
.compare-button:hover,.version-picker>summary:hover{border-color:var(--accent);color:var(--accent)}
.compare-button:disabled,.compare-primary:disabled{opacity:.45;cursor:default}.compare-primary{color:white;background:var(--accent);border-color:var(--accent)}
.version-picker{position:relative;font-size:14px}.version-picker>summary{display:list-item;list-style-position:inside}
.picker-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:8;width:min(710px,calc(100vw - 48px));max-height:65vh;overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 35px #211d1818;padding:20px;border-radius:4px}
.picker-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.picker-tools>label:first-child{flex:1;min-width:190px}.picker-tools input[type=search]{width:100%;padding:9px 10px;background:white;border:1px solid var(--line);font-size:15px}
.picker-hint{margin:12px 0;color:var(--muted);font-size:14px}.version-options{display:grid;gap:8px}
.version-option{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:3px;cursor:pointer;background:white;overflow-wrap:anywhere}
.version-option:has(input:checked){border-color:#c69a63;background:var(--accent-soft)}.version-option input{margin-top:5px;accent-color:var(--accent)}
.version-option strong{font-size:15px;font-weight:500;display:block}.version-option small{display:block;font-size:13px;color:var(--muted);line-height:1.7}.version-option.is-disabled{opacity:.5;cursor:default}
.picker-footer{position:sticky;bottom:-20px;background:var(--paper);padding:14px 0 2px;display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);margin-top:14px}.picker-footer span{color:var(--muted)}
.compare-controls{display:flex;gap:14px 20px;align-items:center;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}
.compact-field{display:flex;align-items:center;gap:8px;white-space:nowrap}.compact-field select{font-size:14px;padding:6px 24px 6px 9px}
.check-control{display:flex;gap:7px;align-items:center;white-space:nowrap;cursor:pointer;font-size:14px}.check-control input{width:16px;height:16px;accent-color:var(--accent)}
.difference-navigation{display:flex;gap:7px;margin-left:auto}.compare-controls .compare-button{padding:6px 10px}
.compare-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:13px 0;font-size:14px;color:var(--muted)}.compare-caption p{margin:0}
.compare-legend{display:flex;gap:18px;font-size:13px}.compare-legend>span{display:flex;align-items:center;gap:6px}.compare-legend i{display:inline-block;width:16px;height:12px;border-bottom:2px solid}
.legend-base{background:#ffebcf;border-color:#aa5800!important}.legend-variant{background:#dff0f6;border-color:#236b83!important}
.compare-alert{font-size:14px;padding:12px 15px;border-left:2px solid var(--accent);background:var(--accent-soft);margin:0 0 16px;line-height:1.8}
.comparison-scroll{overflow:auto;max-height:72vh;border:1px solid var(--line);border-radius:3px;scrollbar-width:thin;scroll-behavior:smooth;scroll-padding-top:150px;overscroll-behavior-x:contain;background:white}
.comparison-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:18px;line-height:1.9}
.comparison-table thead th{position:sticky;top:0;z-index:3;background:#f6f5f2;border-bottom:1px solid #d6d2cb;text-align:left;vertical-align:top;padding:14px 17px;font-weight:400}
.comparison-table th.row-number{width:46px;padding:14px 5px;text-align:center;left:0;z-index:4;font-size:12px;color:var(--muted)}
.comparison-table tbody th{position:sticky;left:0;background:#faf9f7;z-index:1;width:46px;text-align:center;vertical-align:top;padding:12px 3px;font:12px/1.8 var(--sans);font-weight:400;color:var(--muted);border-bottom:1px solid #eeeae5}
.comparison-table th+th,.comparison-table td{border-left:1px solid var(--line)}
.comparison-table td{padding:12px 17px;border-bottom:1px solid #eeeae5;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap;background:white}
.comparison-table tr:last-child td,.comparison-table tr:last-child th{border-bottom:0}
.compare-column-title{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin-bottom:3px}.compare-column-title strong{font-size:17px;font-weight:550;line-height:1.6}.base-tag,.column-tag{font-size:12px;line-height:1.5;color:var(--accent);white-space:nowrap}.column-tag{color:var(--muted)}
.column-work{font-size:14px;margin:3px 0;color:var(--ink)}.column-completeness{font-size:12px;color:var(--muted);margin:3px 0;line-height:1.65}.column-details{font-size:12px;line-height:1.65;color:var(--muted);margin:6px 0}.column-details summary{cursor:pointer}.column-details p{margin:6px 0}
.column-links{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:7px}.column-links a,.column-links button{color:var(--accent);border:0;background:none;padding:0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.diff-base{background:#ffebcf;border-bottom:1px solid #aa5800}.diff-variant{background:#dff0f6;border-bottom:1px solid #236b83}
.diff-gap{font-size:14px;color:#918b83;font-style:normal;white-space:normal;display:block;padding:2px 0}
.source-line{display:block;font-size:12px;line-height:1.5;color:#8d887f;margin-top:6px;user-select:none}
.comparison-row.is-current td{background:#fffaf0}.comparison-row.is-current th{color:var(--accent);background:#fff1d9;box-shadow:inset 3px 0 var(--accent)}
.row-difference{display:block;color:var(--accent);font-size:12px;line-height:1.4}.uncertain-tag{display:block;font-size:12px;line-height:1.4;color:#77706a;margin-top:3px}
.compare-message{padding:35px 20px;text-align:center;border:1px solid var(--line);background:white}.compare-message h2{font-size:22px;font-weight:500;margin:0 0 10px}.compare-message p{font-size:15px;color:var(--muted);margin:0}.compare-message a{font-size:15px;color:var(--accent);display:inline-block;margin-top:12px}
.compare-footnote{font-size:13px;color:var(--muted);line-height:1.9;margin:16px 0;max-width:1000px}.compare-mobile-hint{display:none;font-size:12px;color:var(--muted);margin:0 0 8px}
.comparison-scroll[aria-busy=true]{opacity:.55}
@media(max-width:900px){.compare-title{align-items:flex-start}.compare-title>p{max-width:200px}.difference-navigation{margin-left:0}.picker-panel{position:fixed;top:16vh;left:24px}.compare-mobile-hint{display:block}.comparison-scroll{max-height:68vh}.comparison-table{min-width:calc(var(--compare-columns,2)*230px + 40px)}.comparison-table[data-columns="2"]{min-width:0}.comparison-table td,.comparison-table thead th{padding:10px 12px}.comparison-table{font-size:17px}}
@media(max-width:600px){.compare-page .header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.compare-page .header nav{gap:15px;font-size:13px}.compare-workspace{padding:24px 14px 42px}.compare-title{margin-bottom:22px}.compare-title h1{font-size:30px}.compare-title>p{display:none}.compare-selection{gap:10px}.compare-work-field{flex-basis:100%;min-width:0;max-width:none}.version-picker{flex:1}.compare-button,.version-picker>summary{font-size:13px;padding:8px 10px}.picker-panel{left:14px;width:calc(100vw - 28px);padding:15px;max-height:70vh;top:12vh}.picker-footer{bottom:-15px}.compare-controls{gap:12px 16px}.compare-legend{gap:13px;font-size:12px}.comparison-table{font-size:16px}.comparison-table td,.comparison-table thead th{padding:10px 9px}.comparison-table th.row-number,.comparison-table tbody th{width:32px;font-size:12px}.compare-column-title strong{font-size:15px}.column-work{font-size:13px}.column-completeness,.column-details,.column-links{font-size:12px}.source-line{font-size:12px}.compare-footnote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.comparison-scroll{scroll-behavior:auto}}
@media print{.header,.footer,.compare-selection,.compare-controls,.compare-footnote,.column-links,.compare-mobile-hint{display:none}.compare-workspace{padding:0}.comparison-scroll{max-height:none;overflow:visible;border:0}.comparison-table{font-size:11pt}.comparison-table thead th{position:static}.comparison-table tbody th{position:static}.comparison-table td{padding:6px}.diff-base,.diff-variant{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.column-version{font-size:13px;color:var(--ink);margin:5px 0;line-height:1.65;overflow-wrap:anywhere}
.export-ready{font-size:13px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}