.counselling-booking { padding: 40px 16px; scroll-margin-top: 120px; }
.counselling-card { max-width: 650px; margin: 0 auto; background: #fff; border: 1px solid #eedfce; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 40px rgba(72,43,15,.08); }
.counselling-college { display: flex; align-items: center; gap: 16px; padding: 22px 28px; background: #fff5e9; border-bottom: 1px solid #eedfce; }
.counselling-college[hidden], .counselling-logo[hidden] { display: none; }
.counselling-logo { flex: 0 0 56px; object-fit: contain; background: white; border-radius: 8px; padding: 5px; }
.counselling-college span { font-size: 12px; color: #68594b; }
.counselling-college h3 { font-size: 19px; line-height: 1.35; margin: 3px 0; color: #222222; overflow-wrap: anywhere; }
.counselling-college p { margin: 0; font-size: 13px; color: #68594b; }
.counselling-body { padding: 28px; }
.counselling-badge { color: #955000; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.counselling-body h2 { font-size: 27px; line-height: 1.3; margin: 9px 0; color: #222222; }
.counselling-intro { color: #695f55; font-size: 14px; line-height: 1.6; margin-bottom: 22px; }
.counselling-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.counselling-fields label { display: block; margin: 0; font-size: 13px; font-weight: 500; color: #302a24; }
.counselling-fields label > span { color: #955000; }
.counselling-fields label > .counselling-optional { color: #71675d; font-weight: 400; }
.counselling-fields input, .counselling-fields select { display: block; width: 100%; min-width: 0; height: 46px; margin-top: 7px; padding: 0 12px; border: 1px solid #d9cbbb; border-radius: 7px; background: #fff; font: inherit; color: #302a24; }
.counselling-fields input:focus, .counselling-fields select:focus { outline: 2px solid #F6921E; outline-offset: 2px; }
.counselling-submit { width: 100%; margin-top: 22px; padding: 14px; border: 0; border-radius: 7px; background: #F6921E; color: #222222; font-size: 15px; font-weight: 600; cursor: pointer; }
.counselling-submit:hover { background: #e6810b; }
.counselling-submit:focus-visible { outline: 3px solid #222222; outline-offset: 3px; }
.counselling-submit span { margin-left: 8px; }
.counselling-note { margin: 12px 0 0; text-align: center; color: #71675d; font-size: 12px; line-height: 1.5; }
.counselling-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 575px) {
  .counselling-in-view .floating-actions, .counselling-in-view .feedback-tab, .counselling-in-view #scrollUp { visibility: hidden; }
  .counselling-booking { padding: 24px 12px; scroll-margin-top: 80px; }
  .counselling-college, .counselling-body { padding: 20px; }
  .counselling-fields { grid-template-columns: 1fr; gap: 14px; }
  .counselling-body h2 { font-size: 23px; }
}
