/* Interview Q&A blog: launch card, Q&A cards, flashcard overlay */
.iq-btn{ appearance:none; border:1.5px solid var(--navy-950, #0a0f27); background:#fff; color:var(--navy-950, #0a0f27); font:inherit; font-weight:600; font-size:15px; padding:11px 20px; border-radius:999px; cursor:pointer; }
.iq-btn.is-primary{ background:var(--navy-950, #0a0f27); color:#fff; }
.iq-btn:hover{ filter:brightness(1.08); }
.iq-btn:disabled{ opacity:.35; cursor:default; filter:none; }
.iq-btn:focus-visible, .iq-card:focus-visible, .iq-x:focus-visible{ outline:3px solid var(--gold-500, #c9a227); outline-offset:2px; }

.iq-launch{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin:24px 0; padding:20px 22px; border-radius:14px; background:var(--navy-950, #0a0f27); color:#fff; }
.iq-launch strong{ font-family:'Fraunces', Georgia, serif; font-size:20px; display:block; margin-bottom:4px; }
.iq-launch p{ margin:0; color:rgba(255,255,255,.8); font-size:15px; }
.iq-launch .iq-btn{ background:var(--gold-500, #c9a227); border-color:var(--gold-500, #c9a227); color:var(--navy-950, #0a0f27); flex:none; }

/* Question cards in the article */
.iq-item{ margin:20px 0 0; border:1px solid var(--paper-line, #e5e0d6); border-radius:14px; background:#fff; overflow:hidden; }
.iq-head{ display:flex; align-items:flex-start; gap:12px; padding:16px 18px; background:var(--paper, #faf7f0); border-bottom:1px solid var(--paper-line, #e5e0d6); }
.iq-num{ flex:none; min-width:42px; text-align:center; font-weight:700; font-size:13px; letter-spacing:.04em; padding:5px 8px; border-radius:8px; background:var(--navy-950, #0a0f27); color:#fff; margin-top:2px; }
.iq-head h3{ margin:0; font-size:19px; line-height:1.3; }
.iq-body{ padding:6px 18px 14px; }
.iq-tag{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-600, #8a6d1f); margin-bottom:6px; }
.iq-ask, .iq-how{ padding:12px 0; }
.iq-ask p, .iq-how ul{ margin:0; }
.iq-how ul{ padding-left:20px; list-style:disc; }
.iq-how li{ margin:3px 0; }
.iq-sample{ margin:6px 0 10px; padding:14px 16px; border-left:4px solid var(--gold-500, #c9a227); background:var(--paper, #faf7f0); border-radius:0 10px 10px 0; font-style:normal; }
.iq-sample p{ margin:0; font-style:italic; }
.iq-avoid{ margin:0; font-size:14.5px; color:var(--ink-soft, #555); }
.iq-avoid span{ font-weight:700; color:#8a2c2c; }

/* Full-page flashcards */
.iq-modal{
  position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column;
  background:var(--navy-950, #0a0f27);
  background-image:repeating-linear-gradient(115deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 38px);
  color:#fff;
}
.iq-modal[hidden]{ display:none; }
body.iq-open{ overflow:hidden; }
.iq-modal-top{ display:flex; align-items:center; justify-content:space-between; padding:16px 22px 10px; }
.iq-brand{ font-family:'Fraunces', Georgia, serif; font-size:18px; font-weight:600; letter-spacing:.01em; }
.iq-x{ appearance:none; border:none; background:rgba(255,255,255,.12); color:#fff; width:42px; height:42px; border-radius:50%; font-size:26px; line-height:1; cursor:pointer; }
.iq-x:hover{ background:rgba(255,255,255,.2); }
.iq-seg{ display:flex; gap:5px; padding:6px 22px 0; max-width:820px; width:100%; margin:0 auto; box-sizing:border-box; }
.iq-seg span{ flex:1; height:4px; border-radius:4px; background:rgba(255,255,255,.18); transition:background .2s; }
.iq-seg span.is-done{ background:rgba(201,162,39,.55); }
.iq-seg span.is-on{ background:var(--gold-500, #c9a227); }
.iq-stage{ flex:1; min-height:0; display:flex; align-items:center; justify-content:center; padding:18px 22px; perspective:1600px; }
.iq-card{ position:relative; width:min(780px, 100%); height:min(580px, 100%); cursor:pointer; transform-style:preserve-3d; transition:transform .55s cubic-bezier(.2,.8,.2,1); color:inherit; font:inherit; text-align:left; }
.iq-card.is-flipped{ transform:rotateY(180deg); }
.iq-face{
  position:absolute; inset:0; display:flex; flex-direction:column; gap:16px; padding:34px 38px;
  border-radius:22px; backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:auto;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.65), 0 2px 0 rgba(255,255,255,.5) inset;
}
.iq-front{ background:linear-gradient(180deg, #fff 0%, var(--paper, #faf7f0) 100%); color:var(--navy-950, #0a0f27); justify-content:space-between; align-items:center; text-align:center; }
.iq-back{ background:var(--paper, #faf7f0); color:var(--ink, #1c1c1c); transform:rotateY(180deg); }
.iq-face-tag{ font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-600, #8a6d1f); }
.iq-face-q{ font-family:'Fraunces', Georgia, serif; font-size:clamp(26px, 4.2vw, 42px); line-height:1.22; font-weight:600; max-width:20ch; margin:auto; }
.iq-face-hint{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; color:var(--ink-soft, #666); padding:8px 14px; border-radius:999px; background:rgba(10,15,39,.06); }
.iq-back-q{ font-family:'Fraunces', Georgia, serif; font-size:19px; line-height:1.3; font-weight:600; color:var(--navy-950, #0a0f27); padding-bottom:12px; border-bottom:1px solid var(--paper-line, #e5e0d6); }
.iq-face-body{ display:grid; gap:12px; }
.iq-face-body .iq-ask, .iq-face-body .iq-how{ background:#fff; border:1px solid var(--paper-line, #e5e0d6); border-radius:12px; padding:14px 16px; }
.iq-face-body .iq-tag{ margin:0 0 6px; }
.iq-face-body p{ margin:0; }
.iq-face-body ul{ margin:0; padding-left:20px; list-style:disc; }
.iq-face-body .iq-sample{ margin:0; border:none; background:var(--navy-950, #0a0f27); color:#fff; border-radius:12px; padding:16px 18px; position:relative; }
.iq-face-body .iq-sample .iq-tag{ color:var(--gold-400, #e0b84a); }
.iq-face-body .iq-sample p{ font-style:italic; line-height:1.55; }
.iq-face-body .iq-avoid{ margin:0; padding:0 4px; font-size:14px; color:var(--ink-soft, #555); }
.iq-face-body .glossary-term{ border-bottom:1.5px dotted var(--gold-500, #c9a227); pointer-events:none; }
.iq-controls{ display:flex; justify-content:center; gap:14px; padding:14px 22px calc(22px + env(safe-area-inset-bottom)); }
.iq-modal .iq-btn{ min-width:140px; background:transparent; border-color:rgba(255,255,255,.55); color:#fff; padding:13px 22px; }
.iq-modal .iq-btn.is-primary{ background:var(--gold-500, #c9a227); border-color:var(--gold-500, #c9a227); color:var(--navy-950, #0a0f27); }

@media (max-width:640px){
  .iq-launch{ flex-direction:column; align-items:stretch; text-align:left; }
  .iq-head h3{ font-size:17.5px; }
  .iq-face{ padding:24px 20px; }
  .iq-card{ height:100%; }
  .iq-face{ padding:22px 20px; border-radius:18px; }
  .iq-controls .iq-btn{ flex:1; min-width:0; }
}
@media (prefers-reduced-motion: reduce){ .iq-card{ transition:none; } }
@media print{ .iq-launch, .iq-modal{ display:none !important; } .iq-item{ break-inside:avoid; } }