/* Match the FAQ component on the Steam rewards page. */
.rental-faq{margin:42px 0 0}
.rental-faq header{margin-bottom:18px}
.rental-faq h2{margin:0;color:var(--text-primary);font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}
.rental-faq-list{display:grid;grid-template-columns:1fr;gap:10px}
.rental-faq details{position:relative;border:1px solid var(--line);background:var(--bg-card);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:border-color var(--transition-fast),background var(--transition-fast)}
.rental-faq details:hover,.rental-faq details[open]{border-color:var(--orange);background:var(--bg-card-hover)}
.rental-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:0 22px;color:var(--text-primary);font-size:15px;font-weight:800;letter-spacing:.02em;cursor:pointer;list-style:none}
.rental-faq summary::-webkit-details-marker{display:none}
.rental-faq summary>i{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--line-strong);color:var(--orange);background:var(--orange-dim);font-size:11px;transition:transform var(--transition-fast)}
.rental-faq details[open] summary>i{transform:rotate(180deg)}
.rental-faq details p{margin:0;padding:0 68px 20px 22px;color:var(--text-secondary);font-size:14px;line-height:1.7}
@media(max-width:700px){.rental-faq{margin-top:32px}.rental-faq summary{min-height:60px;padding:0 16px;font-size:14px}.rental-faq details p{padding:0 54px 17px 16px}}