.compare-section{margin:3rem auto;padding:2rem;border:1px solid #665633;border-radius:18px;background:#171717;color:#f4f0e8;max-width:1200px;scroll-margin-top:90px}
.compare-section h2{font-family:'Playfair Display',serif;color:#dec382;font-size:clamp(1.7rem,4vw,2.5rem)}
.compare-section p{line-height:1.65}.compare-section a{color:#e5c985;text-decoration:underline;text-underline-offset:3px}
#compareControls{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0}#compareControls>label{font-weight:600}
#compareControls>*{min-width:0;max-width:100%;box-sizing:border-box}#compareControls select{width:100%}#compareControls legend{max-width:100%;overflow-wrap:anywhere}.compare-choices label{min-width:0;overflow-wrap:anywhere}
#compareControls fieldset{min-width:0;border:1px solid #716141;padding:1rem;border-radius:10px}#compareControls legend{padding:0 .4rem;color:#e5c985}
#compareControls fieldset>label{display:inline-flex;gap:.65rem;align-items:center;margin:.45rem 1rem .45rem 0;min-height:44px}
.compare-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.compare-choices label{display:flex;align-items:center;gap:.7rem;line-height:1.5;min-height:48px;padding:.6rem;border-radius:8px;background:#232323}
.compare-section input{accent-color:#d9b66b;width:20px;height:20px;flex-shrink:0}.compare-section select,.compare-section button{font:inherit;background:#242424;color:#f4f0e8;border:1px solid #b89a5d;border-radius:8px;padding:.7rem;min-height:44px;max-width:100%}
.compare-section :focus-visible{outline:3px solid #f0d399;outline-offset:3px}.compare-note{border-left:3px solid #cfb174;padding:1rem;background:#242018}
.compare-table-wrap{overflow-x:auto;width:100%;border:1px solid #77623d;border-radius:10px}.compare-section table{border-collapse:collapse;min-width:600px;width:100%;text-align:left}.compare-section caption{text-align:left;padding:1rem;font-weight:600;color:#e5c985}
.compare-section th,.compare-section td{vertical-align:top;padding:1rem;border:1px solid #504632;min-width:210px;overflow-wrap:anywhere;line-height:1.5}.compare-section th{background:#29241b;color:#efdbb0}.compare-section th:first-child{min-width:145px;width:18%}.compare-section td p{margin:.5rem 0}
@media(max-width:650px){.compare-section{margin:2rem 12px;padding:1rem;width:calc(100% - 24px)}.compare-choices{grid-template-columns:1fr}.compare-section th,.compare-section td{padding:.7rem;min-width:190px}.compare-section th:first-child{min-width:125px}}