.input-group-custom { margin-bottom:1rem; }
        .deep-dive { margin:1.8rem 0; }
        .deep-dive p { text-align:justify; }
        .unit-note { font-size:0.9rem; color:#6c757d; }
        .coord-input { margin-bottom:0.5rem; }
        .stats-canvas { width:100%; height:auto; background:#fafcfb; border:1px solid #d0e0d8; border-radius:8px; margin-top:1.5rem; display:block; }
        .canvas-container { text-align:center; margin-top:1rem; }
        .legend { display:flex; justify-content:center; gap:2rem; margin:0.5rem 0; font-size:0.9rem; flex-wrap:wrap; }
        .legend-item { display:flex; align-items:center; gap:0.3rem; }
        .legend-color { width:16px; height:16px; border-radius:50%; }
        .legend-color.curve { background:#1a7a4a; }
        .legend-color.point { background:#dc3545; }
        .legend-color.shade { background:rgba(26,122,74,0.25); }
        .legend-color.mean { background:#0d6efd; }
        .param-group { background:#f8fbf9; border-radius:6px; padding:12px 15px; margin-bottom:10px; border:1px solid #e5efe9; }
        .param-group label { font-weight:500; }
        .stat-badge { display:inline-block; padding:0.35rem 0.75rem; background:rgba(40,167,69,0.10); border-radius:20px; font-size:0.85rem; margin-right:0.5rem; }
        .stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:0.75rem; margin:1rem 0; }
        .stats-grid .stat-item { background:#f8fbf9; padding:0.6rem 0.8rem; border-radius:6px; text-align:center; border:1px solid #e5efe9; }
        .stats-grid .stat-item .stat-label { font-size:0.75rem; text-transform:uppercase; color:#6c7a73; letter-spacing:0.5px; }
        .stats-grid .stat-item .stat-number { font-weight:600; font-size:1.1rem; color:#1a4a3a; }
        .distribution-selector { max-width:300px; }
        .result-panel { background:#fafffd; border-radius:8px; padding:1rem; border:1px solid #d0e8dd; }
        .result-panel .result-label { font-size:0.85rem; color:#5a7a6a; text-transform:uppercase; letter-spacing:0.5px; }
        .result-panel .result-number { font-size:2rem; font-weight:700; color:#1a6a4a; font-family:'Cambria Math',serif; }
        .result-panel .result-number.small { font-size:1.3rem; }
        .btn-outline-success { color:#1a7a4a; border-color:#1a7a4a; }
        .btn-outline-success:hover { background:#1a7a4a; border-color:#1a7a4a; color:#fff; }
        .btn-success { background:#1a7a4a; border-color:#1a7a4a; }
        .btn-success:hover { background:#0f5a35; border-color:#0f5a35; }
        .form-control:focus { border-color:#1a7a4a; box-shadow:0 0 0 0.2rem rgba(26,122,74,0.25); }
        .form-select:focus { border-color:#1a7a4a; box-shadow:0 0 0 0.2rem rgba(26,122,74,0.25); }
        .example-btn.active-example { background:rgba(26,122,74,0.25); border-color:#1a7a4a; }
        .badge-dist { background:#1a7a4a; color:#fff; font-weight:400; }
        .distribution-icon { font-size:1.2rem; margin-right:6px; }
        .dist-param-label { font-weight:500; color:#1a4a3a; }
        .x-input-group { max-width:200px; }
        @media (max-width:768px) {
            .result-panel .result-number { font-size:1.5rem; }
            .stats-grid { grid-template-columns:repeat(2,1fr); }
            .legend { gap:0.75rem; font-size:0.75rem; }
        }