.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; }
        .german-output { font-size:1.8rem; font-weight:600; color:#003366; padding:1rem; background-color:#f8f9fa; border-radius:8px; border:1px solid #dee2e6; word-break:break-word; }
        .german-output small { font-weight:400; font-size:1rem; color:#6c757d; }
        .output-card { background:#fafcff; border-radius:12px; padding:1.5rem; border:1px solid #e0e7ef; margin-top:1rem; }
        .output-label { font-weight:600; color:#495057; letter-spacing:0.5px; }
        .german-currency { background-color:#e8f0fe; border-radius:6px; padding:0.5rem 1rem; font-weight:500; }
        .grammar-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0; }
        .grammar-card { background:white; border:1px solid #e9ecef; border-radius:8px; padding:1.2rem; box-shadow:0 1px 3px rgba(0,0,0,0.04); }
        .grammar-card h6 { color:var(--primary-color); font-weight:700; border-bottom:2px solid #e9ecef; padding-bottom:0.5rem; margin-bottom:0.75rem; }
        .badge-german { background-color:#003366; color:white; font-weight:500; padding:0.3rem 0.7rem; border-radius:20px; font-size:0.75rem; }
        @media (max-width:768px) { .grammar-grid { grid-template-columns:1fr; } .german-output { font-size:1.3rem; } }
        .tool-header .badge { font-size:0.8rem; }
        .example-grid { display:flex; flex-wrap:wrap; gap:0.4rem; }
        .example-grid