.wq-health-guide { margin: 26px 0; padding: 24px 18px; border: 1px solid rgba(178,155,255,.23); border-radius: 24px; background: radial-gradient(ellipse at top right,rgba(118,82,211,.2),transparent 62%),rgba(20,21,47,.65); }
.wq-health-guide header > span { color: #c4aefe; font-size: 12px; letter-spacing: .08em; }
.wq-health-guide h2 { margin: 10px 0; font-size: clamp(23px,5.8vw,32px); line-height: 1.4; color: #f5f0ff; }
.wq-health-guide p { margin: 12px 0 0; color: #c8c4d7; font-size: 15px; line-height: 1.9; }
.wq-health-guide__items { display: grid; gap: 14px; margin-top: 22px; }
.wq-health-guide__item { border: 1px solid rgba(193,172,255,.15); border-radius: 16px; padding: 20px; background: rgba(255,255,255,.035); min-width: 0; }
.wq-health-guide__item > span, .wq-health-guide summary > span { display: block; color: #bba4f4; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.wq-health-guide__item h3, .wq-health-guide summary strong { display: block; margin: 9px 0 0; color: #f1eef9; font-size: 18px; line-height: 1.55; }
.wq-health-guide details { padding: 0; }
.wq-health-guide summary { position: relative; padding: 20px 42px 20px 20px; cursor: pointer; list-style: none; }
.wq-health-guide summary::-webkit-details-marker { display: none; }
.wq-health-guide summary i { position: absolute; right: 16px; top: 28px; font-size: 20px; font-style: normal; color: #cab9fa; transition: transform .2s; }
.wq-health-guide details[open] summary i { transform: rotate(45deg); }
.wq-health-guide details > div { padding: 0 20px 20px; }
.wq-health-guide details > div p:first-child { margin-top: 0; }
.wq-health-guide .wq-health-guide__action { border-top: 1px solid rgba(193,172,255,.13); padding-top: 12px; color: #dbd0f3; font-size: 14px; }
.wq-health-guide summary:focus-visible { outline: 2px solid #c2a7ff; outline-offset: 3px; border-radius: 16px; }
@media (prefers-reduced-motion: reduce) { .wq-health-guide summary i { transition: none; } }