.spPage{max-width:1100px;margin:0 auto;padding:0 2rem 4rem}.spBreadcrumb{color:#6b5c4d;margin-bottom:1rem;padding-top:1.5rem;font-size:.85rem}.spBreadcrumb a{color:#3d8b53;text-decoration:none}.spBreadcrumb span{opacity:.5;margin:0 .4rem}.spH1{color:#1a3a1a;margin-bottom:.5rem;font-family:Libre Baskerville,serif;font-size:2rem;font-weight:400}.spDesc{color:#4a3f34;max-width:600px;margin-bottom:1.5rem;line-height:1.7}.spHighlights{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:2rem;display:grid}.spHighlight{border-radius:8px;padding:12px 16px;font-size:.88rem}.spGood{color:#1e4d2b;background:#e8f5ec;border:1px solid #c8e6cf}.spBad{color:#8a1b1b;background:#fef0ef;border:1px solid #f0c0c0}.spSelector{flex-wrap:wrap;gap:6px;margin-bottom:1.5rem;display:flex}.spBtn{cursor:pointer;color:#4a3f34;background:#fff;border:1px solid #d4ddd4;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.82rem;transition:all .15s}.spBtn:hover{background:#f3faf5;border-color:#6bb77e}.spBtnActive{color:#fff;background:#2d6a3f;border-color:#2d6a3f}.spDetail{background:#f8faf8;border:1px solid #c8e6cf;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.spDetailH2{color:#1a3a1a;margin-bottom:1rem;font-family:Libre Baskerville,serif;font-size:1.3rem}.spDetailGrid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.spGoodLabel{color:#1e4d2b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.82rem}.spBadLabel{color:#8a1b1b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.82rem}.spList{padding:0;list-style:none}.spList li{padding:4px 0;font-size:.9rem}.spListGood:before{content:"✓ ";color:#2d6a3f;font-weight:600}.spListBad:before{content:"✗ ";color:#c0392b;font-weight:600}.spTableWrap{margin-bottom:1rem;overflow-x:auto}.spTable{border-collapse:collapse;font-size:.78rem}.spTable th,.spTable td{text-align:center;border:1px solid #e2ddd5;width:50px;height:40px}.spThRotate{white-space:nowrap}.spThBtn{cursor:pointer;color:#1e4d2b;background:0 0;border:none;padding:4px;font-family:inherit;font-size:.75rem;font-weight:600}.spThBtn:hover{color:#3d8b53}.spRowLabel{text-align:right;white-space:nowrap;padding-right:8px!important}.spRowHighlight td{background:#f3faf5!important}.spCellSelf{color:#ccc;background:#f0f0f0}.spCellGood{color:#1e4d2b;background:#d4edda;font-weight:700}.spCellBad{color:#c0392b;background:#fce4e4;font-weight:700}.spCellNeutral{color:#ccc;background:#faf8f4}.spLegend{color:#6b5c4d;gap:20px;font-size:.82rem;display:flex}.spLegendItem{align-items:center;gap:6px;display:flex}.spDotGood{background:#d4edda;border:1px solid #a8c5aa;border-radius:3px;width:12px;height:12px}.spDotBad{background:#fce4e4;border:1px solid #f0c0c0;border-radius:3px;width:12px;height:12px}.spDotNeutral{background:#f0f0f0;border:1px solid #ddd;border-radius:3px;width:12px;height:12px}@media (max-width:700px){.spHighlights,.spDetailGrid{grid-template-columns:1fr}}