/* Hope UI look for /study (ask.html). Every rule is scoped to body.hope-guide. */

/* Short page: keep the footer at the bottom instead of floating mid-screen as a box. */
body.hope-guide #ask-page { min-height: calc(100vh - 150px); padding-bottom: 72px; }
body.hope-guide footer { max-width: none; border-left: 0; border-right: 0;
  background: var(--hg-surface) !important; border-top: 1px solid var(--hg-border) !important; }
body.hope-guide #footer-copy, body.hope-guide #footer-donate-link { color: var(--hg-muted) !important; font-family: var(--hg-font); }

/* Hero */
body.hope-guide .ask-eyebrow { font-family: var(--hg-font); font-size: 13px; letter-spacing: 0.12em; color: var(--hg-primary); }
body.hope-guide .ask-title { font-family: var(--hg-font) !important; font-weight: 800; font-size: 42px; color: var(--hg-text); letter-spacing: -0.01em; }
body.hope-guide .ask-subtitle { font-family: var(--hg-font); font-size: 17px; line-height: 1.6; color: var(--hg-muted); }

/* Search form */
body.hope-guide .ask-form { border: 1px solid var(--hg-border-strong); box-shadow: var(--hg-shadow); }
body.hope-guide .ask-form:focus-within { border-color: var(--hg-primary); box-shadow: 0 0 0 3px var(--hg-primary-soft), var(--hg-shadow); }
body.hope-guide .ask-form-icon { color: var(--hg-primary); }
body.hope-guide .ask-form input { font-family: var(--hg-font); font-size: 16px; color: var(--hg-text); min-width: 0; min-height: 44px; text-overflow: ellipsis; }
body.hope-guide .ask-form input::placeholder { color: var(--hg-faint); }
body.hope-guide .ask-submit { font-family: var(--hg-font); font-size: 15px; letter-spacing: 0; min-height: 44px;
  color: #fff; background: var(--hg-primary); }
body.hope-guide .ask-submit:hover { background: var(--hg-primary-hover); filter: none; }
body.hope-guide .ask-submit:focus-visible, body.hope-guide .ask-chip:focus-visible,
body.hope-guide .ask-card-head:focus-visible, body.hope-guide .ask-card-go-link:focus-visible,
body.hope-guide .ask-sch-title:focus-visible, body.hope-guide .ask-sch-doi:focus-visible { outline: 3px solid var(--hg-primary); outline-offset: 2px; }

/* "Not AI" note: readable size and ink */
body.hope-guide .ask-honesty { font-family: var(--hg-font); font-size: 14.5px; line-height: 1.55; color: var(--hg-body);
  background: var(--hg-develop-bg); border-color: #b9e2cc; border-radius: var(--hg-radius-sm); padding: 8px 16px; }
body.hope-guide .ask-honesty i, body.hope-guide .ask-honesty svg { color: var(--hg-develop); }
body.hope-guide .ask-honesty strong { color: var(--hg-develop); }

/* Example chips */
body.hope-guide .ask-examples-label { font-family: var(--hg-font); font-style: normal; font-size: 14px; color: var(--hg-muted); }
body.hope-guide .ask-chip { font-family: var(--hg-font); font-size: 14px; min-height: 44px; padding: 8px 16px;
  background: var(--hg-surface); border-color: var(--hg-border-strong); color: var(--hg-text); }
body.hope-guide .ask-chip:hover { background: var(--hg-primary-soft); border-color: var(--hg-primary); }

/* Status */
body.hope-guide .ask-status, body.hope-guide .ask-scholar-status { font-family: var(--hg-font); font-size: 15px; color: var(--hg-muted); }
body.hope-guide .ask-spinner { border-color: var(--hg-primary-soft); border-top-color: var(--hg-primary); }

/* Result cards: white */
body.hope-guide .ask-card { background: var(--hg-surface); border: 1px solid var(--hg-border); border-left: 4px solid var(--hg-primary);
  border-radius: var(--hg-radius); box-shadow: var(--hg-shadow-sm); padding: 20px 22px; }
body.hope-guide .ask-card-head { font-family: var(--hg-font); }
body.hope-guide .ask-card-type { font-size: 12px; letter-spacing: 0.06em; color: var(--hg-introduce); background: var(--hg-introduce-bg); border-color: transparent; padding: 3px 10px; }
body.hope-guide .ask-card-type--qa { color: var(--hg-drop); background: var(--hg-drop-bg); }
body.hope-guide .ask-card-type--video { color: var(--hg-reverse); background: var(--hg-reverse-bg); }
body.hope-guide .ask-card-type--paper { color: var(--hg-develop); background: var(--hg-develop-bg); }
body.hope-guide .ask-card-type--infographic { color: var(--hg-reaffirm); background: var(--hg-reaffirm-bg); }
body.hope-guide .ask-card-title { font-family: var(--hg-font) !important; font-size: 20px; font-weight: 700; color: var(--hg-text); letter-spacing: 0; }
body.hope-guide .ask-card-text { font-family: var(--hg-font); font-size: 16px; line-height: 1.65; color: var(--hg-body); }
body.hope-guide .ask-card-text mark { background: #fdf1d9; color: var(--hg-text); }
body.hope-guide .ask-card-go-link { font-family: var(--hg-font); font-size: 14.5px; color: var(--hg-primary); min-height: 44px; }
body.hope-guide .ask-card-go { color: var(--hg-primary); }

/* Empty state */
body.hope-guide .ask-empty { font-family: var(--hg-font); font-size: 15px; color: var(--hg-muted); background: var(--hg-surface);
  border: 1px solid var(--hg-border); border-radius: var(--hg-radius); }
body.hope-guide .ask-empty strong { color: var(--hg-text); }
body.hope-guide .ask-empty a { color: var(--hg-primary); }

/* Scholarship lane: flat grey-white, clearly not our own words */
body.hope-guide .ask-scholar-section { border-top-color: var(--hg-border-strong); }
body.hope-guide .ask-scholar-title { font-family: var(--hg-font) !important; font-size: 21px; font-weight: 700; color: var(--hg-text); letter-spacing: 0; }
body.hope-guide .ask-scholar-title i, body.hope-guide .ask-scholar-title svg { color: var(--hg-primary); }
body.hope-guide .ask-scholar-sub { font-family: var(--hg-font); font-size: 15px; color: var(--hg-muted); }
body.hope-guide .ask-scholar-sub a, body.hope-guide .ask-scholar-status a { color: var(--hg-primary); }
body.hope-guide .ask-sch-card { background: var(--hg-surface-2); border: 1px solid var(--hg-border); border-left: 4px solid var(--hg-border-strong); border-radius: var(--hg-radius-sm); }
body.hope-guide .ask-sch-title { font-family: var(--hg-font); font-size: 18px; color: var(--hg-text); }
body.hope-guide .ask-sch-authors, body.hope-guide .ask-sch-meta { font-family: var(--hg-font); font-size: 14.5px; color: var(--hg-muted); }
body.hope-guide .ask-sch-badge { font-family: var(--hg-font); font-size: 12.5px; color: var(--hg-drop); background: var(--hg-drop-bg); border-color: transparent; padding: 3px 10px; }
body.hope-guide .ask-sch-badge--oa { color: var(--hg-develop); background: var(--hg-develop-bg); }
body.hope-guide .ask-sch-doi { font-size: 14px; color: var(--hg-primary); }
body.hope-guide .ask-scholar-note { font-family: var(--hg-font); font-size: 14.5px; color: var(--hg-body); background: var(--hg-surface);
  border-color: var(--hg-border); border-radius: var(--hg-radius-sm); }
body.hope-guide .ask-scholar-note i, body.hope-guide .ask-scholar-note svg { color: var(--hg-primary); }
body.hope-guide .ask-scholar-note strong { color: var(--hg-text); }

@media (max-width: 560px) {
  body.hope-guide #ask-page { padding-left: 16px; padding-right: 16px; }
  body.hope-guide .ask-title { font-size: 32px; }
  body.hope-guide .ask-subtitle { font-size: 16px; }
  body.hope-guide .ask-form { padding: 8px 8px 8px 14px; }
  body.hope-guide .ask-form input { flex-basis: calc(100% - 40px); }
  body.hope-guide .ask-card { padding: 16px; }
}