.property-table th,.property-table td { padding:0.75rem; text-align:left; border:1px solid var(--border-color); }
        .deep-dive { margin:1.8rem 0; }
        .deep-dive p { text-align:justify; }
        .unit-note { font-size:0.9rem; color:#6c757d; }
        .result-display { background-color:#f8f9fa; border-radius:8px; padding:1.5rem; margin-top:1.5rem; border:1px solid #e9ecef; }
        .result-display .french-word { font-size:2.2rem; font-weight:600; color:#1a1a2e; line-height:1.4; word-break:break-word; }
        .result-display .number-original { font-size:1.1rem; color:#6c757d; }
        .pronunciation-box { background-color:#e8f4f8; border-radius:6px; padding:0.75rem 1.25rem; margin:0.5rem 0; font-style:italic; color:#0056b3; }
        .decomposition-box { background-color:#f5f0eb; border-radius:6px; padding:0.75rem 1.25rem; margin:0.5rem 0; font-family:'Courier New',monospace; font-size:0.95rem; border-left:3px solid #d4a373; }
        .digit-keypad { display:flex; flex-wrap:wrap; gap:0.4rem; margin:0.5rem 0 1rem 0; }
        .digit-keypad .key { width:48px; height:48px; border-radius:6px; border:1px solid #dee2e6; background-color:white; font-size:1.1rem; font-weight:500; cursor:pointer; transition:all 0.15s; display:flex; align-items:center; justify-content:center; }
        .digit-keypad .key:hover { background-color:var(--primary-color); color:white; border-color:var(--primary-color); }
        .digit-keypad .key.key-clear { background-color:#f8d7da; border-color:#f5c6cb; color:#721c24; }
        .digit-keypad .key.key-clear:hover { background-color:#f5c6cb; color:#721c24; }
        .digit-keypad .key.key-minus { background-color:#e2e3e5; border-color:#d6d8db; }
        .digit-keypad .key.key-minus:hover { background-color:#d6d8db; }
        .grammar-tip { background-color:#fef9e7; border-left:4px solid #f1c40f; padding:0.75rem 1.25rem; margin:0.75rem 0; border-radius:0 4px 4px 0; }
        .pronunciation-guide { background-color:#eafaf1; border-left:4px solid #27ae60; padding:0.75rem 1.25rem; margin:0.75rem 0; border-radius:0 4px 4px 0; }
        .variant-note { background-color:#ebf5fb; border-left:4px solid #2980b9; padding:0.75rem 1.25rem; margin:0.75rem 0; border-radius:0 4px 4px 0; }
        .legend-item { display:flex; align-items:center; gap:0.3rem; }
        .legend-color { width:16px; height:16px; border-radius:50%; }
        .input-group-custom { margin-bottom:1rem; }
        .related-tools-container { display:flex; flex-wrap:wrap; gap:1rem; }
        .related-tool .related-name a { font-weight:600; color:var(--primary-color); text-decoration:none; }
        .related-tool .related-desc { font-size:0.85rem; color:#6c757d; }
        .tool-header .badge { font-size:0.75rem; vertical-align:middle; }
        .toast { background:#28a745; color:white; padding:0.75rem 1.5rem; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.15); }
        @media (max-width:576px) {
            .result-display .french-word { font-size:1.6rem; }
            .digit-keypad .key { width:40px; height:40px; font-size:0.95rem; }
        }