/* SAT-only calculator portion styling.
   cg-ui blocks are NOT modified except the requested feedback button styling at the bottom. */

#cg-sat-score-calculator .sat-calculator { width: 100%; }

/* Layout: Desktop 2 columns
   FIX: actions now span both columns (so they never align beside percentile text) */
#cg-sat-score-calculator .sat-grid{
  display:grid;
  grid-template-columns: 1.25fr 0.85fr;
  gap: 22px;
  align-items:start;
  grid-template-areas:
    "left right"
    "actions actions";
}

#cg-sat-score-calculator .sat-left{ grid-area:left; }
#cg-sat-score-calculator .sat-right{ grid-area:right; }
#cg-sat-score-calculator .sat-actions-wrap{ grid-area:actions; }

/* Mobile order: Inputs -> Results -> Actions */
@media (max-width: 900px){
  #cg-sat-score-calculator .sat-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "left"
      "right"
      "actions";
  }
}

#cg-sat-score-calculator .sat-instructions{
  background:#eaf3ff;
  border:1px solid rgba(0,124,240,.18);
  border-radius:10px;
  padding:14px 16px;
  margin-bottom:18px;
}
#cg-sat-score-calculator .sat-instructions__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
#cg-sat-score-calculator .sat-instructions__icon{ font-size:18px; line-height:1; }
#cg-sat-score-calculator .sat-instructions__title{ font-weight:700; color:#0f172a; }
#cg-sat-score-calculator .sat-instructions__text{
  margin:0;
  font-size:14px;
  color:rgba(15,23,42,.8);
  line-height:1.55;
}
#cg-sat-score-calculator .sat-instructions__link{ color:#007cf0; text-decoration:underline; }

#cg-sat-score-calculator .sat-adaptive{ margin-bottom: 14px; }

#cg-sat-score-calculator .sat-field{ margin-bottom: 22px; }
#cg-sat-score-calculator .sat-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
#cg-sat-score-calculator .sat-label{ font-weight:600; color:#0f172a; }
#cg-sat-score-calculator .sat-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
#cg-sat-score-calculator .sat-mini{
  width:68px;
  min-width:68px;
  text-align:center;
  padding:10px 10px;
}
#cg-sat-score-calculator .sat-max{ color:rgba(15,23,42,.55); font-weight:600; }

#cg-sat-score-calculator .sat-range{
  width:100%;
  height:6px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
}
#cg-sat-score-calculator .sat-range::-webkit-slider-runnable-track{
  height:6px;
  background:#cfe1fb;
  border-radius:999px;
}
#cg-sat-score-calculator .sat-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:22px;
  height:22px;
  border-radius:999px;
  background:#0b63ce;
  border:3px solid #0b63ce;
  margin-top:-8px;
}
#cg-sat-score-calculator .sat-range::-moz-range-track{
  height:6px;
  background:#cfe1fb;
  border-radius:999px;
}
#cg-sat-score-calculator .sat-range::-moz-range-thumb{
  width:22px;
  height:22px;
  border-radius:999px;
  background:#0b63ce;
  border:3px solid #0b63ce;
}

#cg-sat-score-calculator .sat-kicker{
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  color:#0f172a;
  margin-bottom:6px;
}
#cg-sat-score-calculator .sat-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
#cg-sat-score-calculator .sat-total{
  font-size:56px;
  font-weight:800;
  line-height:1;
  color:#0f172a;
  font-variant-numeric: tabular-nums;
}
#cg-sat-score-calculator .sat-section-title{
  margin-top:14px;
  font-size:22px;
  font-weight:800;
  color:#0f172a;
}
#cg-sat-score-calculator .sat-score{
  font-size:44px;
  font-weight:800;
  line-height:1;
  color:#0f172a;
  font-variant-numeric: tabular-nums;
}
#cg-sat-score-calculator .sat-range-text{
  font-weight:700;
  color:rgba(15,23,42,.6);
}
#cg-sat-score-calculator .sat-sub{
  margin-top:10px;
  font-size:14px;
  color:rgba(15,23,42,.75);
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#cg-sat-score-calculator .sat-divider{
  height:1px;
  background:rgba(15,23,42,.12);
  margin:16px 0;
}
#cg-sat-score-calculator .sat-divider--soft{
  background:rgba(15,23,42,.08);
}

@media (max-width: 520px){
  #cg-sat-score-calculator .sat-label-row{ flex-wrap: wrap; }
}

/* ===== Requested feedback button styling ===== */
.cg-wrapper .cg-feedback-btn {
  border-radius: 999px !important;
  border: none !important;
  padding: 8px 16px !important;
  font-size: 0.8125rem !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  background: #e5e7eb !important;
  transition: all 0.15s ease !important;
}

.cg-wrapper .cg-feedback-btn--yes {
  background: #ecfdf5 !important;
  color: #15803d !important;
}

.cg-wrapper .cg-feedback-btn--yes:hover {
  background: #22c55e !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35) !important;
}

.cg-wrapper .cg-feedback-btn--no {
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.cg-wrapper .cg-feedback-btn--no:hover {
  background: #ef4444 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
}