/* Shared spacing and evidence-first comparison layouts. */
.compare-preview-note{font-size:.82rem;color:#526561;margin:20px 0}
.compare-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.compare-mode button{padding:20px 24px;text-align:left;display:grid;gap:5px;border:1px solid #c3d5cf;background:transparent;border-radius:14px;color:#1a3530;min-height:80px}
.compare-mode button strong{font-size:1.1rem}.compare-mode button span{font-size:.85rem;color:#526561}
.compare-mode button.selected{background:#e3f0eb;border-color:#2a6265;box-shadow:inset 0 0 0 1px #2a6265}
.compare-picker{padding:28px!important}.compare-picker .section-head{align-items:start;gap:24px}
.compare-picker .section-head p{max-width:44em}.compare-picker .section-head .field{min-width:150px}
.compare-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.compare-choice{display:flex;gap:14px;align-items:start;padding:18px;text-align:left;border:1px solid #d6e2dd;border-radius:12px;background:#fff;color:#1a3530;min-width:0;min-height:80px}
.compare-choice>span:last-child{display:grid;gap:5px;min-width:0}.compare-choice strong{font-size:1rem;line-height:1.45;overflow-wrap:anywhere}
.compare-choice small{font-size:.78rem;line-height:1.5;color:#526561}
.compare-choice.selected{background:#eff7f3;border-color:#2a6265}.compare-tick{font-size:1.2rem;flex:0 0 20px;color:#2a6265}
.compare-selection{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.compare-selected{white-space:normal!important;min-height:44px}
.compare-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #d6e2dd}
.compare-actions>span{font-size:.85rem;color:#526561}.compare-actions button{min-height:48px}
.compare-result{margin:40px 0;scroll-margin-top:100px}.compare-result:focus{outline:none}
.compare-result-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0;align-items:start}
.compare-drink{min-width:0;padding:26px!important}.compare-drink h3{margin:12px 0 8px;font-size:1.3rem;line-height:1.4;overflow-wrap:anywhere}
.compare-rating{font-size:1.55rem;font-weight:600;letter-spacing:-.035em;margin:22px 0}
.compare-drink blockquote{margin:16px 0;padding-left:16px;border-left:2px solid #8bb9a9;font-size:.95rem;line-height:1.7;overflow-wrap:anywhere}
.compare-drink dl{margin:20px 0}.compare-drink dl>div{padding:12px 0;border-bottom:1px solid #dfe8e4}
.compare-drink dt{font-size:.76rem;line-height:1.6;color:#526561}.compare-drink dd{font-size:.92rem;margin:5px 0 0;line-height:1.65;overflow-wrap:anywhere}
.compare-drink .compare-difference{border-left:2px solid #2a6265;padding-left:12px}
.compare-drink details{margin:16px 0}.compare-drink details .btn{margin-top:10px}
.compare-preference{margin-top:24px;padding-top:18px;border-top:1px solid #dfe8e4;min-height:44px}
.compare-preference input{accent-color:#2a6265;width:20px;height:20px;flex:0 0 20px}
.compare-context{padding:16px 20px;background:#eaf3ef;border-radius:10px;line-height:1.7}
.compare-save{max-width:600px;padding:24px!important}.compare-save .btn{justify-self:start;min-height:48px}
.compare-saved{margin:44px 0}.compare-saved-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:22px!important}
.compare-saved-row>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.compare-saved-row h3{font-size:1.05rem;overflow-wrap:anywhere}
.compare-picker button:focus-visible,.compare-result button:focus-visible,.compare-mode button:focus-visible,.compare-saved button:focus-visible{outline:3px solid #2a6265;outline-offset:4px}
.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.recovery-grid .card{padding:26px!important}
.recovery-grid .card p{line-height:1.75}.recovery-grid .card .btn{margin:8px 8px 0 0}
@media(max-width:700px){
 .compare-mode{gap:8px}.compare-mode button{padding:16px 14px}.compare-mode button strong{font-size:1rem}
 .compare-picker,.compare-drink{padding:20px!important}.compare-picker .section-head{display:block}.compare-picker .section-head .field{margin-top:18px}
 .compare-choice-list,.compare-result-cards,.recovery-grid{grid-template-columns:1fr}.compare-choice{padding:16px}
 .compare-saved-row{align-items:start;flex-direction:column}.compare-actions{align-items:stretch;flex-direction:column}.compare-actions .btn{width:100%}
 .compare-result{scroll-margin-top:85px}.compare-selection .btn{max-width:100%}.compare-save .btn{width:100%}
}
@media(prefers-reduced-motion:no-preference){.compare-choice,.compare-mode button{transition:background-color 140ms ease,border-color 140ms ease}}
.compare-summary{margin:24px 0 30px;background:#fff;border:1px solid #d6e2dd;border-radius:14px;padding:22px;min-width:0}.compare-summary h3{font-size:1.1rem;margin:0 0 16px}.compare-summary .data-table{table-layout:fixed;width:100%;font-size:13px}.compare-summary th,.compare-summary td{vertical-align:top;padding:12px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}.compare-summary th:first-child{width:28%}.compare-summary th small{display:block;font-size:11px;color:#526561;font-weight:400;margin-top:5px}.compare-summary .compare-wide-summary{min-width:640px}.compare-summary caption{font-size:12px;color:#526561;text-align:left;padding:0 0 12px}.compare-summary .table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:700px){.compare-summary{padding:16px 12px}.compare-summary .data-table{font-size:12px}.compare-summary th,.compare-summary td{padding:10px 6px}.compare-summary th:first-child{width:28%}}