.compare-page{max-width:70rem;margin:0 auto;padding:0 20px 64px;font-family:'Inter',system-ui,sans-serif;color:#1F2A26}
.compare-hero{max-width:48rem;padding:56px 0 34px}
.compare-kicker{margin:0 0 10px;color:#2F5D50;font-size:.76rem;font-weight:700;letter-spacing:.065em}
.compare-hero h1,.compare-section h2{font-family:'Fraunces',Georgia,serif;color:#1F2A26;font-weight:500;letter-spacing:-.025em}
.compare-hero h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}
.compare-hero>p:last-child{margin:15px 0 0;color:#4A5A53;font-size:1rem;line-height:1.75}
.compare-section{margin:0 0 24px;padding:26px;background:#fff;border:1px solid #DDE4DE;border-radius:18px;box-shadow:0 8px 28px rgba(31,42,38,.035)}
.compare-section h2{margin:0;font-size:1.55rem;line-height:1.2}
.compare-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.compare-heading-row p{margin:7px 0 0;color:#66736D;font-size:.88rem;line-height:1.55}
.compare-link-button{border:0;background:none;color:#2F5D50;padding:4px 0;font:600 .8rem/1.3 'Inter',system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.saved-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #DDE4DE;border-radius:13px;background:#FBFCFB}
.saved-card input{width:20px;height:20px;accent-color:#2F5D50}
.saved-card h3{margin:0 0 3px;font-family:'Fraunces',Georgia,serif;font-size:1rem;font-weight:500;line-height:1.3}
.saved-card p{margin:0;color:#66736D;font-size:.75rem;line-height:1.4}
.saved-card button{border:0;background:none;color:#66736D;font-size:.75rem;text-decoration:underline;cursor:pointer}
.compare-empty{grid-column:1/-1;margin:0;padding:30px 18px;border:1px dashed #CDD7D1;border-radius:13px;text-align:center;color:#66736D;line-height:1.65}
.compare-empty a{color:#2F5D50;font-weight:650}
.compare-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}
.compare-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid #2F5D50;border-radius:11px;background:#2F5D50;color:#fff!important;padding:9px 15px;font:650 .84rem/1.3 'Inter',system-ui,sans-serif;text-decoration:none!important;cursor:pointer}
.compare-button:hover{background:#244D42}.compare-button:disabled{opacity:.45;cursor:not-allowed}
.compare-button-secondary{background:#fff;color:#2F5D50!important}.compare-button-secondary:hover{background:#E9F0EC}
.compare-privacy,.comparison-note{margin:14px 0 0;color:#78847E;font-size:.75rem;line-height:1.55}
.compare-small-actions{display:flex;gap:15px}
.distance-control{margin:0 0 20px;padding:16px;border-radius:13px;background:#E9F0EC}
.distance-control label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:650;color:#33443D}.distance-control label span{font-weight:400;color:#66736D}
.distance-control>div{display:flex;gap:8px}.distance-control input{min-width:0;flex:1;border:1px solid #CDD7D1;border-radius:10px;padding:10px 12px;font:400 16px/1.35 'Inter',system-ui,sans-serif;color:#1F2A26;background:#fff}
.distance-control input:focus{outline:3px solid rgba(47,93,80,.18);border-color:#2F5D50}.distance-control p{margin:7px 0 0;color:#66736D;font-size:.75rem}
.comparison-grid{display:grid;grid-template-columns:repeat(var(--comparison-count),minmax(0,1fr));gap:12px}
.comparison-card{min-width:0;border:1px solid #DDE4DE;border-radius:14px;overflow:hidden;background:#fff}
.comparison-card header{padding:17px;background:#F6F7F4;border-bottom:1px solid #DDE4DE}.comparison-card h3{margin:0;font-family:'Fraunces',Georgia,serif;font-size:1.05rem;font-weight:500;line-height:1.3}.comparison-card header p{margin:5px 0 0;color:#66736D;font-size:.75rem;line-height:1.4}
.comparison-card dl{margin:0}.comparison-card dl>div{display:grid;grid-template-columns:42% 58%;gap:8px;padding:11px 14px;border-bottom:1px solid #E8ECE8}.comparison-card dl>div:last-child{border-bottom:0}
.comparison-card dt{color:#66736D;font-size:.71rem;font-weight:600;line-height:1.4}.comparison-card dd{margin:0;color:#334039;font-size:.76rem;line-height:1.45;overflow-wrap:anywhere}.comparison-card dd strong{font-size:.85rem;color:#1F2A26}
.comparison-card a{color:#2F5D50;text-decoration:underline;text-underline-offset:2px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2F5D50;outline-offset:3px}
@media(min-width:640px){.compare-page{padding-left:32px;padding-right:32px}.compare-hero{padding-top:70px}.compare-section{padding:30px}}
@media(max-width:820px){.saved-list{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.comparison-card dl>div{grid-template-columns:40% 60%}}
@media(max-width:520px){.compare-page{padding:0 16px 48px}.compare-hero{padding:40px 0 28px}.compare-section{padding:19px 16px;border-radius:15px}.compare-heading-row{display:block}.compare-heading-row>.compare-link-button,.compare-small-actions{margin-top:12px}.compare-actions{align-items:stretch;flex-direction:column-reverse}.compare-actions>*{width:100%}.saved-card{grid-template-columns:auto minmax(0,1fr)}.saved-card button{grid-column:2;text-align:left;padding:0}.distance-control>div{align-items:stretch;flex-direction:column}.comparison-card dl>div{grid-template-columns:1fr;gap:3px}}
@media print{.compare-page{max-width:none;padding:0}.compare-hero{padding:0 0 20px}.compare-section{padding:0;border:0;box-shadow:none}.compare-section:first-of-type{display:none}.comparison-grid{grid-template-columns:repeat(var(--comparison-count),1fr)!important}.comparison-card{break-inside:avoid}.comparison-card dl>div{padding:8px}}