.product-decision-guide { margin: 2rem 0; padding: clamp(1rem,3vw,2rem); border: 1px solid #c8d3c9; border-radius: 16px; background: #f2f6ef; color: #1d332c; min-width: 0; }
.product-decision-guide h2,.product-decision-guide h3 { text-wrap: balance; }
.product-decision-guide a { color: #165742; text-decoration: underline; text-underline-offset: .18em; overflow-wrap: anywhere; }
.product-decision-guide details { padding: .85rem 1rem; margin: 1rem 0; border: 1px solid #c8d3c9; border-radius: 10px; background: #fffdf7; }
.product-decision-guide summary { cursor: pointer; font-weight: 700; }
.product-decision-guide li { margin: .85rem 0; }
.product-decision-guide .decision-source-date { font-size: .85rem; }
.product-decision-guide .decision-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; margin: 1.25rem 0; background: #fffdf7; border: 1px solid #c8d3c9; border-radius: 10px; }
.product-decision-guide table { width: 100%; min-width: 0; border-collapse: collapse; line-height: 1.55; font-size: .94rem; }
.product-decision-guide caption { text-align: left; font-weight: 700; padding: 1rem; }
.product-decision-guide th,.product-decision-guide td { padding: .9rem; text-align: left; vertical-align: top; border-top: 1px solid #dce3d8; }
.product-decision-guide thead th { background: #e6eee0; width: 33.33%; }
.product-decision-guide tbody th { font-weight: 650; }
.product-decision-guide .decision-verdict { border-left: 3px solid #42764c; padding-left: 1rem; font-weight: 600; }
.product-decision-guide :focus-visible { outline: 3px solid #165742; outline-offset: 3px; }
@media(max-width: 600px) { .product-decision-guide table { min-width: 650px; } .product-decision-guide { border-radius: 12px; } .product-decision-guide .decision-table-wrap { scrollbar-width: auto; } }