.compare-hero{padding:54px 0 35px}.compare-hero h1{max-width:850px;font-size:clamp(40px,5.5vw,66px)}.compare-hero .intro{max-width:720px}.draft-banner{background:#eaf0df;border-bottom:1px solid var(--line);font-size:13px;padding:12px 0}.compare-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;border:1px solid var(--line);background:#fff;padding:24px;border-radius:8px;margin-top:22px}.compare-controls label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}.compare-controls input,.compare-controls select{font:inherit;color:var(--ink);background:#fff;border:1px solid #aab6ab;padding:11px 12px;border-radius:5px;max-width:100%;min-height:46px}.compare-search{flex:1;min-width:210px}.compare-search input{width:100%}.audience-tabs{display:flex;gap:10px;margin:0}.audience-tabs button{font:inherit;border:1px solid var(--green);border-radius:5px;padding:12px 18px;background:transparent;color:var(--green);cursor:pointer}.audience-tabs button[aria-pressed=true]{background:var(--green);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:35px}.compare-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.compare-card.selected{border:2px solid var(--green)}.compare-card .photo{height:180px}.compare-card .body{padding:22px}.compare-card h3{font-size:21px}.compare-card .meta{font-size:12px;color:var(--muted)}.compare-card p{margin:10px 0;font-size:14px}.compare-card .btn{width:100%;margin-top:auto}.compare-card .source-link{font-size:13px;margin-bottom:14px}.empty-state{padding:30px;border:1px dashed var(--line);grid-column:1/-1}.comparison-panel{background:#edf0e7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-heading h2{font-size:32px}.compare-table{table-layout:fixed;min-width:650px}.compare-table th:first-child{width:155px}.compare-table th,.compare-table td{vertical-align:top;padding:17px}.compare-table td ul{margin:0;padding-left:18px}.compare-table .btn{font-size:13px;padding:10px 12px;margin-top:12px}.remove-selection{display:block;background:none;border:0;padding:8px 0;text-decoration:underline;font:inherit;cursor:pointer;color:var(--muted)}.selected-products{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.selection-chip{display:inline-flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:8px 12px;border-radius:5px;font-size:13px}.selection-chip button{border:0;background:none;font:inherit;cursor:pointer;color:var(--green);text-decoration:underline}.supplier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.supplier-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:8px}.supplier-card h3{font-size:22px}.supplier-card p,.supplier-card li{font-size:14px}.supplier-card ul{padding-left:18px;color:var(--muted)}.supplier-card .status-label{display:inline-block;background:#edf0e7;color:var(--green);padding:4px 9px;font-size:12px}.supplier-card .source-link{margin-top:8px}.comparison-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.compare-result{min-height:25px;margin:15px 0}.compare-notice{padding:16px 0;font-size:13px;color:var(--muted)}input:focus-visible{outline:3px solid #a88c20;outline-offset:3px}.link-button{font:inherit;color:var(--green);background:none;border:0;text-decoration:underline;cursor:pointer}.photo-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:16px;font-family:Georgia,serif;font-size:23px}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.catalog-grid,.supplier-grid{grid-template-columns:1fr}.compare-controls{padding:18px}.compare-controls>div{width:100%}.compare-controls select{width:100%}.audience-tabs button{flex:1;padding:11px}.compare-heading{align-items:flex-start}.compare-hero{padding:35px 0 20px}.compare-heading h2{font-size:28px}.compare-table th:first-child{width:130px}.compare-table{min-width:610px}}