/* Scoped additions. Shared 123note typography and colors remain the baseline. */
body[data-page="compare"] .page-container{max-width:1400px}
body[data-page="compare"] .tool-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}
body[data-page="compare"] .workspace-column{min-width:0}
body[data-page="compare"] .tool-intro{margin-bottom:24px}
body[data-page="compare"] .compare-workspace{border-radius:16px}
.tc-step{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--purple);margin-bottom:6px}
.tc-subtitle{color:var(--muted);font-size:15px;margin-top:4px}
.tc-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tc-editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tc-pane{min-width:0;background:#fff}.tc-pane+ .tc-pane{border-left:1px solid var(--border)}
.tc-pane .editor-heading{padding:17px 18px;min-height:58px}.tc-pane .editor-heading label{font-size:17px}
.tc-pane textarea{display:block;width:100%;height:260px;resize:vertical;min-height:180px;border:0;border-top:1px solid #eeedf4;background:#fdfdff;outline-offset:-3px;padding:19px;font:16px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#373245;tab-size:4}
.tc-pane textarea::placeholder{color:#8d879c;font-family:Daykit,Inter,'Segoe UI',sans-serif;line-height:1.85}
.tc-pane.dragging{outline:3px solid var(--purple);outline-offset:-3px}.tc-pane .editor-footer{font-size:13px;padding:11px 18px;gap:8px;flex-wrap:wrap}
.tc-file-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--purple)}
.tc-import{display:flex;align-items:center;gap:5px;color:var(--purple);background:none;border:0;cursor:pointer;font:inherit;font-size:14px;min-height:32px}.tc-import svg{width:15px;height:15px}
.tc-settings{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border-top:1px solid var(--border);flex-wrap:wrap}.tc-settings label{font-size:14px;display:flex;align-items:center;gap:7px;min-height:30px;color:#5f586f}.tc-settings select{font:inherit;font-size:14px;border:1px solid var(--border);border-radius:7px;padding:7px;background:white;color:#4b425f}.tc-settings .button-primary{margin-left:auto;min-height:44px}
.tc-privacy{display:flex;gap:7px;align-items:flex-start;padding:12px 18px;background:#f7f5fc;border-top:1px solid #ede7f7;font-size:13px;line-height:1.6;color:#75698a}.tc-privacy svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}
.tc-feedback{padding:13px 18px;font-size:15px;line-height:1.6;background:#fff5f5;color:#9b3045;border-top:1px solid #f1d9df}
.tc-results{margin-top:24px}.tc-results .results-heading{padding:20px}.tc-results h2{font-size:23px}.tc-results .results-heading p{font-size:15px}
.tc-stats{display:flex;gap:8px;padding:0 20px 18px;flex-wrap:wrap}.tc-stat{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;background:#f6f5fa;border:1px solid #eae6ef;border-radius:7px;font-size:14px;color:#6e647e}.tc-stat strong{font-size:16px}.tc-stat.added{background:#edf8f1;color:#267047;border-color:#cde8d7}.tc-stat.removed{background:#fff0f2;color:#a13a52;border-color:#f1d0d9}.tc-stat.changed{background:#f2ecfc;color:#7047bf;border-color:#dfd1f5}
.tc-resultbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;background:#faf9fd;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.tc-segment{display:inline-flex;border:1px solid #ddd5e9;border-radius:8px;background:#fff;padding:3px;gap:2px}.tc-segment button{border:0;background:transparent;padding:7px 11px;border-radius:5px;color:#746a83;font:inherit;font-size:14px;cursor:pointer;min-height:34px}.tc-segment button[aria-pressed="true"]{background:#eee7fb;color:#623bb4;font-weight:650}
.tc-result-options{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:14px;color:#6c617b}.tc-result-options label{display:flex;gap:6px;align-items:center;min-height:32px}.tc-nav{display:flex;align-items:center;gap:7px}.tc-nav button{width:34px;height:34px;border:1px solid #ddd5e9;border-radius:7px;background:white;font-size:18px;cursor:pointer;color:#6a4c9b}.tc-nav span{min-width:72px;text-align:center;font-size:13px;color:#786a88}
.tc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font:15px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:36px}.tc-row+.tc-row{border-top:1px solid #f0edf4}.tc-cell{display:flex;gap:8px;padding:7px 10px;min-width:0}.tc-cell+.tc-cell{border-left:1px solid #e5dfec}.tc-no{min-width:27px;text-align:right;color:#84798f;font-size:12px;user-select:none}.tc-sign{width:12px;flex-shrink:0;font-weight:bold;user-select:none}.tc-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;tab-size:4;unicode-bidi:plaintext}.tc-minus{background:#fff0f3;color:#573b43}.tc-plus{background:#edf8f0;color:#2f4b39}.tc-minus .tc-sign{color:#a33350}.tc-plus .tc-sign{color:#267449}.tc-cell mark{background:#bce8cc;color:#234e34;border-radius:2px}.tc-minus mark{background:#f2bac9;color:#7e2942;text-decoration:line-through}.tc-blank{background:repeating-linear-gradient(135deg,#faf9fc,#faf9fc 5px,#f3f1f7 5px,#f3f1f7 6px)}
.tc-row.tc-active{outline:2px solid #9b7bd6;outline-offset:-2px}.tc-row.tc-unified{grid-template-columns:minmax(0,1fr)}.tc-unified .tc-cell+.tc-cell{border-left:0;border-top:1px dashed #ded7e6}
.tc-output{max-height:560px;overflow:auto;overscroll-behavior:contain}.tc-output:focus-visible{outline:3px solid var(--purple);outline-offset:-3px}.tc-output.tc-nowrap .tc-text{white-space:pre;overflow:auto}.tc-gap{display:block;width:100%;border:0;border-block:1px solid #e5deee;background:#f6f3fb;color:#79688f;padding:10px;font:inherit;font-size:13px;cursor:pointer}.tc-gap:hover{background:#eee7f9}
.tc-note{padding:10px 18px;background:#fcf8ef;color:#87622d;font-size:13px;line-height:1.6}.tc-match{text-align:center;padding:32px 20px;background:#f3faf5;color:#37734b;font-size:16px}.tc-match strong{display:block;margin:8px;font-size:20px}.tc-stale{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff7e7;color:#80571f;padding:12px 18px;font-size:14px;border-bottom:1px solid #f2dfba}
.tc-reference{border-top:1px solid #e0d6ed;margin-top:18px;padding-top:16px}.tc-reference a{font-size:14px;color:var(--purple);text-decoration:underline}.tc-limits{font-size:13px;line-height:1.8;color:#7a7088;margin-top:14px}.tc-busy{display:flex;gap:10px;align-items:center;padding:12px 18px;background:#f3effb;color:#6b4e97;font-size:15px}.tc-busy .text-button{margin-left:auto}
.tc-confirm{max-width:430px;width:calc(100% - 32px);padding:25px;border:1px solid #ded3ef;border-radius:16px;box-shadow:0 18px 70px #32224935;color:#40374e}.tc-confirm::backdrop{background:#21133155}.tc-confirm h2{font-size:23px;margin-bottom:12px}.tc-confirm p{font-size:16px;line-height:1.6;color:#756a83}.tc-confirm .tc-header-actions{justify-content:flex-end;margin-top:22px}
body[data-page="compare"] button:disabled{opacity:.45;cursor:not-allowed}
body[data-page="compare"] .side-card p{font-size:15px;color:#736881}body[data-page="compare"] .privacy-status{font-size:14px}body[data-page="compare"] .sidebar-help p{font-size:14px}
body[data-page="compare"] .help-section>p{font-size:16px}body[data-page="compare"] .tool-ad{height:116px;min-height:116px}body[data-page="compare"] .tool-ad small{font-size:12px}
@media(min-width:1600px){.tc-pane textarea{height:290px}}
body[data-page="compare"] .toast{width:max-content;max-width:calc(100vw - 32px);font-size:14px;text-align:center}
@media(max-width:360px){body[data-page="compare"] .header-inner{flex-wrap:wrap;gap:8px;padding-block:10px}body[data-page="compare"] .header-actions{margin-left:auto}body[data-page="compare"] .main-nav{order:3;width:100%;justify-content:flex-start}}
@media(max-width:1100px){body[data-page="compare"] .tool-layout{grid-template-columns:minmax(0,1fr)}body[data-page="compare"] .tool-sidebar{display:grid;grid-template-columns:1fr 1fr}.tc-reference{margin-top:12px}.tc-settings .button-primary{margin-left:auto}}
@media(max-width:620px){.tc-editors{grid-template-columns:minmax(0,1fr)}.tc-pane+ .tc-pane{border-left:0;border-top:1px solid var(--border)}.tc-pane textarea{height:180px;min-height:150px}.tc-settings{gap:8px 14px}.tc-settings .button-primary{width:100%;justify-content:center;margin-top:5px}.tc-results .results-heading{align-items:flex-start;flex-direction:column}.tc-resultbar{align-items:flex-start;gap:9px}.tc-header-actions{gap:5px}.tc-stat{font-size:13px}.tc-output{max-height:480px}.tc-row{font-size:14px}.tc-cell{gap:5px;padding:7px}.tc-no{min-width:20px}.tc-segment button{padding:7px}.tc-privacy{font-size:13px}body[data-page="compare"] .tool-sidebar{display:flex}body[data-page="compare"] .tool-intro{gap:14px;align-items:flex-start}.tc-settings label{font-size:14px}.tc-stale{flex-wrap:wrap}}
@media print{.site-header,.tool-sidebar,.compare-workspace,.tool-intro,.breadcrumbs,.help-section,.next-tools,.site-footer,.ad-slot,.result-toolbar,.tc-resultbar,.tc-header-actions,.install-nudge{display:none!important}.tc-output{max-height:none;overflow:visible}.tool-layout{display:block!important}.tc-results{border:0;box-shadow:none}.tc-row{break-inside:avoid}.tc-text{white-space:pre-wrap!important}.tc-blank{background:#eee}}