/* =====================================================================
   Ask the Library — study companion page styling
   ===================================================================== */

.ask-page{ max-width:820px; margin:0 auto; padding:130px 24px 110px; }

/* hero */
.ask-hero{ text-align:center; margin-bottom:30px; }
.ask-eyebrow{ font-family:"Cinzel","Cambria",Georgia,serif; font-size:12px; letter-spacing:4px;
  text-transform:uppercase; color:#a27d3d; font-weight:700; margin:0 0 8px; }
.ask-title{ font-family:"Cormorant Garamond","Garamond",Georgia,serif; font-weight:700; color:#403b35;
  font-size:46px; line-height:1.05; margin:0; }
.ask-subtitle{ font-family:"Cormorant Garamond",Georgia,serif; font-size:20px; color:#545047;
  margin:10px auto 22px; max-width:600px; line-height:1.4; }

/* form */
.ask-form{ display:flex; align-items:center; gap:8px; max-width:620px; margin:0 auto;
  background:#fff; border:1px solid rgba(162,125,61,.5); border-radius:999px;
  padding:6px 6px 6px 16px; box-shadow:0 8px 22px rgba(48,44,39,.10); }
.ask-form-icon{ color:#a27d3d; flex:0 0 auto; }
.ask-form input{ flex:1 1 auto; border:none; outline:none; background:transparent;
  font-family:"Calibri","Segoe UI",Arial,sans-serif; font-size:17px; color:#2a2723; padding:8px 4px; }
.ask-form input::placeholder{ color:#928c80; }
.ask-submit{ flex:0 0 auto; border:none; cursor:pointer; border-radius:999px;
  font-family:"Cinzel",Georgia,serif; font-weight:700; font-size:14px; letter-spacing:1px;
  color:#eee9e0; padding:10px 22px;
  background:linear-gradient(180deg,#806331 0%,#4a433c 64%,#34302b 100%); transition:filter .15s; }
.ask-submit:hover{ filter:brightness(1.08); }

/* honesty note */
.ask-honesty{ display:inline-flex; align-items:center; gap:7px; margin:16px auto 0;
  font-family:"Calibri","Segoe UI",Arial,sans-serif; font-size:13px; color:#676258;
  background:rgba(75,122,82,.08); border:1px solid rgba(75,122,82,.25); border-radius:999px; padding:5px 14px; }
.ask-honesty i{ color:#4b7a52; }
.ask-honesty strong{ color:#3b5d42; }

/* example chips */
.ask-examples{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center; margin-top:20px; }
.ask-examples-label{ font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; color:#726d62; font-size:15px; }
.ask-chip{ cursor:pointer; border:1px solid rgba(64,59,53,.25); background:rgba(64,59,53,.04);
  color:#49433c; border-radius:999px; padding:6px 13px; font-family:"Calibri","Segoe UI",Arial,sans-serif;
  font-size:13.5px; transition:background .15s, border-color .15s; }
.ask-chip:hover{ background:rgba(64,59,53,.1); border-color:rgba(64,59,53,.45); }

/* status */
.ask-status{ min-height:22px; margin:0 4px 14px; font-family:"Calibri","Segoe UI",Arial,sans-serif;
  font-size:14px; color:#726d62; display:flex; align-items:center; gap:8px; }
.ask-spinner{ width:14px; height:14px; border:2px solid rgba(162,125,61,.35); border-top-color:#a27d3d;
  border-radius:50%; display:inline-block; animation:ask-spin .7s linear infinite; }
@keyframes ask-spin{ to{ transform:rotate(360deg); } }

/* result cards */
.ask-results{ display:flex; flex-direction:column; gap:16px; }
.ask-card{ background:linear-gradient(160deg,#f1ece5,#ede8de); border:1px solid rgba(162,125,61,.4);
  border-left:4px solid #a27d3d; border-radius:10px; padding:18px 20px;
  box-shadow:0 4px 14px rgba(48,44,39,.06); }
/* Title leads prominently */
.ask-card-head{ display:flex; flex-direction:column; align-items:flex-start; gap:7px;
  text-decoration:none; margin-bottom:10px; font-family:"Calibri","Segoe UI",Arial,sans-serif; }
.ask-card-type{ font-size:10.5px; letter-spacing:.8px; text-transform:uppercase; font-weight:700;
  color:#7a5e2e; background:rgba(162,125,61,.16); border:1px solid rgba(162,125,61,.35);
  border-radius:999px; padding:2px 9px; }
.ask-card-type--qa{ color:#403b35; background:rgba(64,59,53,.12); border-color:rgba(64,59,53,.3); }
.ask-card-type--video{ color:#903e32; background:rgba(156,72,59,.12); border-color:rgba(156,72,59,.35); }
.ask-card-type--paper{ color:#42673e; background:rgba(66,103,62,.12); border-color:rgba(66,103,62,.3); }
.ask-card-type--infographic{ color:#886d38; background:rgba(136,109,56,.12); border-color:rgba(136,109,56,.3); }
.ask-card-title{ margin:0; font-family:"Cormorant Garamond","Garamond",Georgia,serif; font-weight:700;
  color:#403b35; font-size:23px; line-height:1.25; letter-spacing:.2px; }
.ask-card-head:hover .ask-card-title{ text-decoration:underline; text-decoration-color:rgba(64,59,53,.45); text-underline-offset:2px; }
/* Matched passage as supporting excerpt */
.ask-card-text{ font-family:"Cormorant Garamond","Garamond",Georgia,serif; font-size:16.5px; line-height:1.5;
  color:#57534a; margin:0 0 12px; }
.ask-card-text mark{ background:rgba(162,125,61,.28); color:#2d2924; padding:0 2px; border-radius:2px; }
.ask-card-go-link{ display:inline-flex; align-items:center; gap:6px; text-decoration:none;
  font-family:"Calibri","Segoe UI",Arial,sans-serif; font-size:13px; font-weight:700; color:#7a5e2e; }
.ask-card-go{ color:#a27d3d; display:inline-flex; transition:transform .15s; }
.ask-card-go-link:hover .ask-card-go{ transform:translateX(3px); }

/* empty */
.ask-empty{ text-align:center; padding:28px 16px; color:#676258;
  font-family:"Calibri","Segoe UI",Arial,sans-serif; }
.ask-empty strong{ display:block; color:#403b35; font-size:17px; margin-bottom:6px; }
.ask-empty a{ color:#7a5e2e; font-weight:700; }

@media (max-width:560px){
  .ask-title{ font-size:36px; }
  .ask-form{ flex-wrap:wrap; border-radius:18px; }
  .ask-submit{ width:100%; }
}