/* Input Section */
    .calc-inputs {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      margin-bottom: 24px;
    }

    .input-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1;
      min-width: 180px;
    }

    .input-group label {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
    }

    .input-group input {
      padding: 10px 14px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-sm);
      font-family: var(--font-mono);
      font-size: 0.95rem;
      color: var(--color-text);
      background: var(--color-surface);
      outline: none;
    }

    .input-group input:focus {
      border-color: var(--color-primary);
      box-shadow: 0 0 0 3px var(--color-primary-light);
    }

    .input-hint {
      font-size: 0.72rem;
      color: var(--color-text-muted);
      margin-top: 2px;
    }

    /* Action Row */
    .action-row {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

    /* Results */
    .result-card {
      padding: 28px 32px;
      border-radius: var(--radius-md);
      border: 1px solid var(--color-border);
      background: var(--color-surface);
      text-align: center;
      margin-bottom: 24px;
    }

    .result-card.primary {
      background: var(--color-primary-light);
      border-color: var(--color-primary-subtle);
    }

    .result-card.success {
      background: #ecfdf5;
      border-color: #a7f3d0;
    }

    .result-card.warning {
      background: #fffbeb;
      border-color: #fde68a;
    }

    .result-card.danger {
      background: #fef2f2;
      border-color: #fecaca;
    }

    .result-label {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
      margin-bottom: 8px;
    }

    .result-card.primary .result-label {
      color: var(--color-primary);
    }

    .result-card.success .result-label {
      color: #059669;
    }

    .result-card.warning .result-label {
      color: #d97706;
    }

    .result-card.danger .result-label {
      color: #dc2626;
    }

    .result-value {
      font-family: var(--font-mono);
      font-size: 2.6rem;
      font-weight: 700;
      color: var(--color-text);
      line-height: 1.1;
      margin-bottom: 8px;
    }

    .result-card.primary .result-value {
      color: var(--color-primary);
    }

    .result-card.success .result-value {
      color: #059669;
    }

    .result-card.warning .result-value {
      color: #d97706;
    }

    .result-card.danger .result-value {
      color: #dc2626;
    }

    .result-message {
      font-size: 0.95rem;
      color: var(--color-text-secondary);
      line-height: 1.5;
    }

    .result-sub {
      font-size: 0.82rem;
      color: var(--color-text-muted);
      margin-top: 6px;
    }

    /* Quick Reference Table */
    .ref-section {
      margin-top: 28px;
    }

    .ref-section h3 {
      font-size: 1rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      margin-bottom: 14px;
    }

    .ref-table-wrapper {
      overflow-x: auto;
    }

    .ref-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
    }

    .ref-table th {
      padding: 10px 14px;
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
      text-align: left;
      border-bottom: 2px solid var(--color-border);
    }

    .ref-table td {
      padding: 10px 14px;
      border-bottom: 1px solid var(--color-border-light);
      color: var(--color-text);
    }

    .ref-table td:first-child {
      font-weight: 600;
      font-family: var(--font-mono);
    }

    .ref-table td:nth-child(2) {
      font-family: var(--font-mono);
    }

    .ref-table td:last-child {
      font-family: var(--font-mono);
    }

    .ref-table tr:last-child td {
      border-bottom: none;
    }

    .ref-table .impossible {
      color: #dc2626;
      font-weight: 600;
    }

    .ref-table .easy {
      color: #059669;
    }

    .ref-table .achievable {
      color: var(--color-text);
    }

    .ref-empty {
      padding: 20px;
      text-align: center;
      color: var(--color-text-muted);
      font-size: 0.85rem;
      font-style: italic;
    }

    /* What-if Scenarios */
    .whatif-section {
      margin-top: 32px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      overflow: hidden;
    }

    .whatif-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 20px;
      background: var(--color-bg);
      cursor: pointer;
      user-select: none;
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      transition: background 150ms ease;
    }

    .whatif-header:hover {
      background: var(--color-border-light);
    }

    .whatif-header svg {
      transition: transform 200ms ease;
    }

    .whatif-header.open svg {
      transform: rotate(180deg);
    }

    .whatif-body {
      display: none;
      padding: 20px;
    }

    .whatif-body.open {
      display: block;
    }

    .whatif-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items: flex-end;
      margin-bottom: 16px;
    }

    .whatif-row .input-group {
      min-width: 140px;
      flex: 1;
    }

    .whatif-results {
      margin-top: 16px;
    }

    .whatif-result-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 16px;
      border-radius: var(--radius-sm);
      margin-bottom: 8px;
      font-size: 0.88rem;
    }

    .whatif-result-item.scenario-ok {
      background: #ecfdf5;
      border: 1px solid #a7f3d0;
    }

    .whatif-result-item.scenario-warn {
      background: #fffbeb;
      border: 1px solid #fde68a;
    }

    .whatif-result-item.scenario-bad {
      background: #fef2f2;
      border: 1px solid #fecaca;
    }

    .whatif-result-item .scenario-label {
      font-weight: 600;
      color: var(--color-text-secondary);
    }

    .whatif-result-item .scenario-value {
      font-family: var(--font-mono);
      font-weight: 700;
    }

    .scenario-ok .scenario-value { color: #059669; }
    .scenario-warn .scenario-value { color: #d97706; }
    .scenario-bad .scenario-value { color: #dc2626; }

    /* Grading Scale Reference (collapsible) */
    .grade-scale-section {
      margin-top: 24px;
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      overflow: hidden;
    }

    .grade-scale-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 20px;
      background: var(--color-bg);
      cursor: pointer;
      user-select: none;
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--color-text-secondary);
      transition: background 150ms ease;
    }

    .grade-scale-header:hover {
      background: var(--color-border-light);
    }

    .grade-scale-header svg {
      transition: transform 200ms ease;
    }

    .grade-scale-header.open svg {
      transform: rotate(180deg);
    }

    .grade-scale-body {
      display: none;
      padding: 16px 20px;
    }

    .grade-scale-body.open {
      display: block;
    }

    .grade-scale-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.85rem;
    }

    .grade-scale-table th {
      padding: 8px 12px;
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--color-text-muted);
      text-align: left;
      border-bottom: 2px solid var(--color-border);
    }

    .grade-scale-table td {
      padding: 6px 12px;
      border-bottom: 1px solid var(--color-border-light);
      color: var(--color-text);
    }

    .grade-scale-table td:first-child {
      font-weight: 600;
      font-family: var(--font-mono);
    }

    .grade-scale-table td:last-child {
      font-family: var(--font-mono);
    }

    .grade-scale-table tr:last-child td {
      border-bottom: none;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .result-value {
        font-size: 2rem;
      }

      .whatif-row .input-group {
        min-width: 120px;
      }
    }

    @media (max-width: 480px) {
      .calc-inputs {
        flex-direction: column;
      }

      .action-row {
        flex-direction: column;
      }

      .action-row .btn {
        width: 100%;
      }

      .whatif-row {
        flex-direction: column;
      }
    }

    /* Print Styles */
    @media print {
      .no-print,
      .site-header,
      .site-footer,
      .founder-blurb,
      .recent-tools-section,
      .ad-zone,
      .action-row,
      .whatif-section,
      .related-tools,
      .mobile-menu-btn {
        display: none !important;
      }

      .tool-workspace {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
      }

      body {
        font-size: 12pt;
        color: #000;
      }

      .result-card {
        border: 2px solid #333 !important;
        break-inside: avoid;
      }
    }