﻿h1 { font-size: 1.5em; }  h2 { margin-top: 0; }  .breadcrumbs { font-size: 13px; margin-bottom: 20px; color: #6b7280; }  .breadcrumbs a { color: var(--accent); text-decoration: none; }  .breadcrumbs span { margin: 0 6px; }  .info-section { margin-top: 48px; max-width: 900px; }  .info-section h3 { margin-top: 24px; color: #1f2937; }  .info-section p, .info-section li { font-size: 15px; line-height: 1.6; margin-bottom: 10px; }  .recommended { margin-top: 56px; }  .sub-group { display: flex; justify-content: center; align-items: center; }  .small-select { width: fit-content; height: 37px; padding: 0; margin-left: 2px; }  .sub-container { display: flex; align-items: stretch; width: 100%; }  @media (max-width: 1023px) { .sub-container { display: block; align-items: stretch; width: 100%; }  .calculator { max-width: 100% !important; flex: unset !important; } }  .calculator-block { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 28px; }  .calculator { max-width: 600px; min-width: fit-content; flex: 0 0 60%; }  @media (max-width: 768px) { .calculator { padding: 15px; } }  .form-group { margin-bottom: 10px; margin-top: 10px; }  label, .form-group-span { display: block; font-size: 13px; margin-bottom: 3px; }  input, select { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 6px; }  input[type="text"]:focus, select:focus, .form-control:focus { outline: none !important; box-shadow: none !important; border-color: var(--border); }  .btn-primary { background: var(--accent); color: #fff; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; width: auto; background-repeat: no-repeat; }  .run-shimmer { background: linear-gradient( 110deg, var(--accent) 35%, rgba(255, 255, 255, 0.5) 50%, var(--accent) 65% ) var(--accent); background-size: 200% 100% !important; animation: shimmer-logic 2s infinite linear !important; }  @keyframes shimmer-logic { 0% { background-position: 150% 0; }  100% { background-position: -50% 0; } }  .result { margin-top: 20px; padding: 14px; background: #f1f5f9; border-radius: 6px; }  .result hr { background-color: white; height: 2px; border: none; }  .clear-btn { background: none; border: none; font-size: 20px; cursor: pointer; color: #9ca3af; padding: 0; width: 36px; height: 29px; display: block; margin-left: -26px; }  .clear-btn-one { margin-left: -36px !important; }  .clear-btn:hover { color: var(--accent); }  .input-wrapper { margin-bottom: 15px; display: flex; flex-direction: column; }  .form-control.input-error { border: 1px solid #d9534f; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  .validationErrorLabel { display: block; color: #d9534f; font-size: 12px; line-height: 14px; margin-top: 4px; padding-left: 5px; }  .validationErrorLabel::before { content: ''; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #d9534f; margin-top: -9px; margin-left: 15px; }  .radio-group { display: flex; margin-top: 8px; flex-direction: column; }  .radio-group label { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; }  .radio-group input[type="radio"] { accent-color: var(--accent); width: 16px; height: 16px; margin-bottom: 5px; }  .small-labeled-ddl-div { display: flex; align-items: center; gap: 7px; }  .small-labeled-ddl-ddl { width: auto; height: 25px; padding: 3px; }  mjx-container[jax="CHTML"] { white-space: nowrap; font-size: 100% !important; }  .ui-flex-row-center { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start; gap: 8px !important; width: 100% !important; margin-bottom: 10px !important; margin-top: 15px !important; border: none !important; background: none !important; }  span.ui-custom-check-input { display: inline-flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; }  span.ui-custom-check-input input[type="checkbox"] { width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; accent-color: var(--accent); }  .ui-flex-row-center-label { margin: 0 !important; padding: 0 !important; font-weight: normal !important; line-height: 1 !important; font-size: 13px; display: flex; align-items: center; }  .download-pdf-lable-error { display: block; max-width: 600px; font-size: 13px; color: red; }  .pipe-input-data-lable-error { margin-top: 2px; display: block; max-width: 600px; font-size: 13px; color: red; }  .solution-sub-title { margin-bottom: 2px; display: inline-block; }
