/* ===================================================================
   EMI CALCULATOR — PAGE-SPECIFIC TWEAKS ONLY (SAFE)
=================================================================== */

 /* .results-grid {
  display:grid;
  grid-template-columns:1fr 340px;
  gap:16px;
}

#emiChart { height:220px !important; }

@media(max-width:900px){
  .results-grid {
    grid-template-columns:1fr;
  }
} */

/* ============================================================
   SHADOW SECTIONS — MATCH PARENT RADIUS
============================================================ */

/* .input-form.calc-section,
.summary-box.calc-section,
.chart-box.calc-section {
  background: transparent;
  border: none;
  border-radius: 16px;
  padding: 18px 20px 22px;
  background: rgba(15, 23, 42, 0.015);

  box-shadow:
    0 4px 8px rgba(15, 23, 42, 0.045),
    0 10px 18px -18px rgba(15, 23, 42, 0.14);
} */

/* YEARLY TABLE - NO RADIUS, CLEARER SHADOW */
/* #yearlyTable {
  background: #ffffff;
  border-radius: 0;        
  border: none;

  
  margin-top: 10px;

  box-shadow:
    0 4px 8px rgba(15, 23, 42, 0.06),
    0 14px 28px -18px rgba(15, 23, 42, 0.18);
} */

/* ============================================================
   INFO SECTION — SAME STYLE AS INPUT PANEL
   (Soft background, no boxy feel)
============================================================ */

/* .info-section,
.input-rules-section {
  margin-top: 19px;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 32px 36px;
}

.info-section h2 {
  font-size: 20px;
  font-weight: 600;
  color: #0f172a;
  margin: 36px 0 12px;
  letter-spacing: -0.01em;
} 

.info-section h2:first-child {
  margin-top: 0;
}

.info-section h2,
.input-rules-section h2 {
  position: relative;
  padding-left: 22px;
} */

/* BIG primary line */
/* .info-section h2::before,
.input-rules-section h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 3px;
  height: 1.6em;
  background: rgba(37, 99, 235, 0.8);
  border-radius: 2px;
} */

/* SMALL secondary line */
/* .info-section h2::after,
.input-rules-section h2::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 0.45em;
  width: 2px;
  height: 0.9em;
  background: rgba(37, 99, 235, 0.5);
  border-radius: 2px;
} */

/* Paragraphs */
/* .info-section p {
  font-size: 15.5px;
  line-height: 1.75;
  color: #334155;
  max-width: 760px;
} */

/* Lists */
/* .info-section ul {
  margin: 12px 0 0 18px;
  max-width: 760px;
}

.info-section li {
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 6px;
} */

/* Emphasis */
/* .info-section strong {
  font-weight: 600;
  color: #0f172a;
} */