/* ═══════════════════════════════════════════════════════════
   MY TATTOO — «Тату-газета» · сторінка «Часті запитання»
   Рубрики з /data/faq.json, питання — <details> на темному тлі
   ═══════════════════════════════════════════════════════════ */

.faq-section{padding-top:56px}
.faq-groups{max-width:980px;margin:0 auto}
.faq-group{min-width:0}
.faq-group + .faq-group{margin-top:60px}
.faq-group[hidden]{display:none}
.faq-group .label{margin-bottom:12px}
.faq-group .label-r .h-cond{margin:0}

/* питання */
.faq-item summary{overflow-wrap:anywhere}
.faq-item summary::after{flex-shrink:0}
.faq-answer-text{font-size:17px;line-height:1.65}
.faq-answer-text p{margin:0 0 10px}
.faq-answer-text p:last-child{margin-bottom:0}
.faq-answer-text .faq-list{margin:6px 0 0;padding-left:20px}
.faq-answer-text .faq-list li{margin:3px 0}
.faq-answer-text .faq-list li::marker{color:#c9707e}
.faq-answer-text a{overflow-wrap:anywhere}

/* «Скопіювати посилання» */
.faq-copy-link{margin:16px 0 4px;gap:.5em}
.faq-copy-link svg{flex:0 0 auto}

/* стан завантаження / помилка */
.faq-loading{margin:0;padding:40px 0;text-align:center;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.18em;font-size:14px;color:#d9cdb2}

/* глибоке посилання: коротка підсвітка відкритого питання */
.faq-item:target summary{color:#e7b7a6}

@media (max-width:560px){
  .faq-section{padding-top:40px}
  .faq-group + .faq-group{margin-top:44px}
  .faq-item summary{font-size:17px;gap:12px}
  .faq-item summary::after{flex-basis:30px;height:30px;font-size:20px}
  .faq-answer-text{font-size:16px}
  .faq-copy-link{width:auto}
}