.qa-nav-link { color: #e2c079 !important; }
.qa-nav-link::before { content: "✦"; margin-right: .55em; color: #c99a43; }
.qa-contact-card { grid-column: 1 / -1; position: relative; overflow: hidden; min-height: 250px; padding: clamp(28px, 5vw, 56px) !important; border-color: rgba(218,176,96,.45) !important; background: radial-gradient(circle at 90% 20%, rgba(205,157,70,.18), transparent 38%), linear-gradient(125deg, #17130e, #0b0a09 64%) !important; }
.qa-contact-card::after { content: "CA"; position: absolute; right: clamp(18px, 6vw, 80px); top: 50%; translate: 0 -50%; color: transparent; -webkit-text-stroke: 1px rgba(220,179,98,.18); font: 150px/.8 Georgia, serif; pointer-events: none; }
.qa-contact-card > * { position: relative; z-index: 1; }
.qa-contact-card > span { color: #d9ad5f !important; letter-spacing: .2em; }
.qa-contact-card strong { display: block; max-width: 760px; margin: 14px 0 12px; color: #f3ecdf; font: clamp(30px, 5vw, 58px)/1 Georgia, serif; }
.qa-contact-card p { max-width: 680px; color: #a9a098; line-height: 1.7; }
.qa-contact-card .button { display: inline-flex; margin-top: 14px; }

.qa-section { position: relative; overflow: hidden; padding: clamp(72px, 10vw, 150px) clamp(18px, 6vw, 96px); color: #eee8df; background: #090807; border-top: 1px solid rgba(216,176,98,.18); }
.qa-orbit { position: absolute; border: 1px solid rgba(215,171,89,.1); border-radius: 50%; pointer-events: none; }
.qa-orbit-one { width: 620px; height: 620px; right: -250px; top: -290px; }
.qa-orbit-two { width: 360px; height: 360px; right: -120px; top: -150px; }
.qa-heading { position: relative; z-index: 1; max-width: 980px; margin: 0 auto clamp(46px, 7vw, 88px); text-align: center; }
.qa-heading h2 { margin: 14px 0 22px; font: 400 clamp(48px, 8vw, 104px)/.93 Georgia, serif; letter-spacing: -.045em; }
.qa-heading > p:last-child { max-width: 720px; margin-inline: auto; color: #aaa29a; font-size: clamp(16px, 2vw, 20px); line-height: 1.75; }
.qa-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(330px, .8fr) minmax(0, 1.4fr); gap: clamp(24px, 5vw, 76px); max-width: 1500px; margin: 0 auto; align-items: start; }
.qa-form-panel { position: sticky; top: 30px; padding: clamp(26px, 4vw, 48px); background: linear-gradient(150deg, rgba(30,25,18,.98), rgba(13,12,10,.98)); border: 1px solid rgba(215,171,89,.32); border-radius: 26px; box-shadow: 0 34px 90px rgba(0,0,0,.25); }
.qa-mini-kicker { margin: 0 0 12px; color: #d9ad5f; font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.qa-form-panel h3, .qa-archive h3 { margin: 0; font: 400 clamp(30px, 4vw, 48px)/1.05 Georgia, serif; }
#qa-form { display: grid; gap: 22px; margin-top: 34px; }
.qa-field { display: grid; gap: 9px; }
.qa-field > span, .qa-recipient-field legend { color: #c9bfae; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.qa-field input, .qa-field textarea { width: 100%; box-sizing: border-box; padding: 14px 15px; color: #f4ede2; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.13); border-radius: 12px; outline: none; font: inherit; transition: border-color .2s, box-shadow .2s; }
.qa-field textarea { min-height: 150px; resize: vertical; line-height: 1.55; }
.qa-field input:focus, .qa-field textarea:focus { border-color: #d7aa59; box-shadow: 0 0 0 3px rgba(215,170,89,.1); }
.qa-recipient-field { min-width: 0; padding: 0; border: 0; }
.qa-recipient-field legend { margin-bottom: 10px; }
.qa-segmented { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 5px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }
.qa-segmented label { min-width: 0; cursor: pointer; }
.qa-segmented input { position: absolute; opacity: 0; pointer-events: none; }
.qa-segmented span { display: grid; place-items: center; min-height: 42px; padding: 0 8px; color: #aaa099; border-radius: 10px; font-size: 12px; text-align: center; transition: .2s; }
.qa-segmented input:checked + span { color: #181108; background: #d7aa59; font-weight: 800; }
.qa-question-field { position: relative; }
.qa-counter { position: absolute; right: 12px; bottom: 10px; padding: 3px 6px; color: #77716c; background: #12100e; border-radius: 5px; font-size: 10px; }
.qa-submit { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 20px; color: #171006; background: linear-gradient(100deg, #d2a04b, #eccf92); border: 0; border-radius: 999px; cursor: pointer; font-size: 13px; font-weight: 900; letter-spacing: .03em; }
.qa-submit i { font: normal 20px serif; }
.qa-submit:disabled { cursor: wait; filter: grayscale(.5); opacity: .7; }
.qa-status { display: none; padding: 15px; border-radius: 12px; font-size: 13px; line-height: 1.5; }
.qa-status:not(:empty) { display: grid; gap: 8px; }
.qa-status.is-loading { color: #c3b7a6; background: rgba(255,255,255,.05); }
.qa-status.is-success { color: #e8dfd0; background: rgba(76,122,83,.18); border: 1px solid rgba(114,170,122,.3); }
.qa-status.is-success strong { font-family: Georgia, serif; font-size: 17px; font-weight: 400; }
.qa-status.is-success span { color: #94c59c; font-size: 11px; }
.qa-status.is-error { color: #f0c0b9; background: rgba(146,59,48,.18); border: 1px solid rgba(213,99,84,.3); }
.qa-disclosure { margin: 24px 0 0; color: #77716c; font-size: 10px; line-height: 1.65; }
.qa-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.qa-archive { min-width: 0; }
.qa-archive-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
.qa-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.qa-filters button { min-height: 34px; padding: 0 13px; color: #958c84; background: transparent; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; cursor: pointer; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.qa-filters button.active, .qa-filters button:hover { color: #191108; background: #d7aa59; border-color: #d7aa59; }
.qa-feed { display: grid; gap: 16px; }
.qa-card { position: relative; overflow: hidden; padding: clamp(24px, 4vw, 42px); background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; transition: border-color .2s, translate .2s; }
.qa-card:hover { translate: 0 -2px; border-color: rgba(215,170,89,.28); }
.qa-card-meta, .qa-card > footer { display: flex; justify-content: space-between; gap: 16px; color: #716b66; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.qa-card h4 { margin: 17px 0 24px; color: #f1eade; font: 400 clamp(23px, 3vw, 36px)/1.16 Georgia, serif; }
.qa-answer { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 20px 0; border-top: 1px solid rgba(215,170,89,.17); border-bottom: 1px solid rgba(215,170,89,.1); }
.qa-answer > span { width: 42px; height: 42px; display: grid; place-items: center; color: #171006; background: #d7aa59; border-radius: 50%; font: 700 13px Georgia, serif; }
.qa-answer small { color: #d7aa59; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.qa-answer p { margin: 7px 0 0; color: #b9b0a7; font-size: 15px; line-height: 1.72; white-space: pre-wrap; }
.qa-card > footer { margin-top: 17px; }
.qa-card > footer i { color: #b68c45; font-style: normal; }
.qa-feed-state { padding: 70px 24px; color: #77716c; border: 1px dashed rgba(255,255,255,.12); border-radius: 18px; text-align: center; }
.qa-feed-error { color: #c99189; }
.qa-load-more { display: block; margin: 22px auto 0; padding: 13px 20px; color: #d7aa59; background: transparent; border: 1px solid rgba(215,170,89,.35); border-radius: 999px; cursor: pointer; }
.qa-load-more[hidden] { display: none; }
html[dir="rtl"] .qa-card-meta, html[dir="rtl"] .qa-card > footer { direction: rtl; }

@media (max-width: 980px) {
  .qa-layout { grid-template-columns: 1fr; }
  .qa-form-panel { position: relative; top: auto; }
}
@media (max-width: 680px) {
  .qa-section { padding-inline: 14px; }
  .qa-heading { text-align: left; }
  html[dir="rtl"] .qa-heading { text-align: right; }
  .qa-archive-head { align-items: flex-start; flex-direction: column; }
  .qa-filters { justify-content: flex-start; }
  .qa-segmented { grid-template-columns: 1fr; }
  .qa-answer { grid-template-columns: 34px 1fr; }
  .qa-answer > span { width: 34px; height: 34px; font-size: 11px; }
  .qa-contact-card::after { opacity: .35; }
}