:root{--max-container-width: 800px;--plot-margin: 10px;--plot-padding: 8px}.plot-container{margin:var(--plot-margin);border:1px solid #ccc;padding:var(--plot-padding);border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.plot-title{font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:10px;color:#333;border-bottom:2px solid #eee;padding-bottom:5px}.plot-grid{display:grid;gap:20px;padding:20px;max-width:var(--max-container-width);margin:0 auto}.plot-grid--horizontal{grid-template-columns:1fr 1fr}.plot-grid--vertical{grid-template-rows:auto auto}.plot-grid--grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width: 768px){.plot-grid--horizontal{grid-template-columns:1fr}.plot-container{margin:10px;padding:8px}}