.compare-project-button{width:100%;margin-top:14px;min-height:42px;border:1px solid var(--gold);background:transparent;color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.compare-project-button:hover,.compare-project-button[aria-pressed="true"]{background:var(--gold);color:#17130a}
.compare-dock{position:fixed;z-index:8500;left:50%;bottom:16px;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));display:none;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 15px;background:#151510f2;border:1px solid var(--gold);box-shadow:0 10px 35px #000b;backdrop-filter:blur(10px)}
.compare-dock.is-visible{display:grid}.compare-dock-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.compare-dock-chip{flex:0 0 auto;border:1px solid #51462f;background:#211e17;color:#f4ecdb;padding:7px 9px;font-size:11px;white-space:nowrap}.compare-dock-chip button{margin-left:7px;border:0;background:none;color:var(--gold2);cursor:pointer;font-weight:900}.compare-dock-actions{display:flex;gap:8px}.compare-dock-actions button{min-height:40px;padding:8px 13px;border:1px solid var(--gold);background:var(--gold);color:#17130a;font-size:11px;font-weight:800;cursor:pointer}.compare-dock-actions .compare-clear{background:transparent;color:var(--gold2)}
.compare-dialog{position:fixed;z-index:10020;inset:0;display:none;background:#0d0d0bf7;color:#f4ecdb;overflow:auto;padding:22px}.compare-dialog.is-open{display:block}.compare-dialog-panel{width:min(1500px,100%);min-height:calc(100vh - 44px);margin:auto;border:1px solid #5c4c2b;background:#151511;padding:clamp(16px,3vw,30px)}
.compare-dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #3b3528;padding-bottom:17px}.compare-dialog-head h2{margin:0;font:400 clamp(27px,4vw,42px)/1.15 Georgia,serif}.compare-close{width:44px;height:44px;border:1px solid var(--gold);background:transparent;color:var(--gold2);font-size:24px;cursor:pointer}.compare-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:20px 0}.compare-toolbar label{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.1em}.compare-toolbar select{display:block;margin-top:5px;min-height:42px;background:#0f0f0d;color:#fff;border:1px solid #4c4535;padding:7px 10px}.compare-selected-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.compare-selected-list span{flex:0 0 auto;padding:7px 10px;background:#221f18;border:1px solid #4c4535;color:var(--gold2);font-size:11px}.compare-table-wrap{overflow:auto;border:1px solid #393327;max-height:calc(100vh - 245px)}
.compare-table{border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed}.compare-table th,.compare-table td{min-width:220px;padding:14px 16px;border-right:1px solid #393327;border-bottom:1px solid #393327;vertical-align:top;text-align:left;font-size:13px;line-height:1.45}.compare-table thead th{position:sticky;top:0;z-index:2;background:#201c14;color:var(--gold2);font:700 14px/1.3 Georgia,serif}.compare-table th:first-child,.compare-table td:first-child{position:sticky;left:0;z-index:3;min-width:145px;width:145px;background:#191711;color:var(--gold2);font-weight:800}.compare-table thead th:first-child{z-index:4;background:#201c14}.compare-project-name{display:block;margin-bottom:8px}.compare-remove{border:0;background:none;color:#e7c67e;padding:0;cursor:pointer;font:700 10px Arial,sans-serif}.compare-check{color:#e8c66e;font-size:21px;font-weight:900}.compare-none{color:#8e887c}.compare-note{color:#a9a293;font-size:11px;margin:5px 0 0}
@media(max-width:680px){.compare-dock{bottom:8px;grid-template-columns:1fr;padding:10px}.compare-dock-actions button{flex:1}.compare-dock-actions{width:100%}.compare-dialog{padding:0}.compare-dialog-panel{min-height:100vh;border:0;padding:15px}.compare-table-wrap{max-height:calc(100vh - 260px)}.compare-table th,.compare-table td{min-width:185px;padding:12px}.compare-table th:first-child,.compare-table td:first-child{min-width:110px;width:110px}.compare-dialog-head h2{font-size:27px}}
