/*
Block Name: Practical Details
Description: A short how-it-works process and a few common questions that open on click. Keep it to about three of each.
*/

.block-practical-details { border-top: 0.3rem solid var(--brand-2); }
.block-practical-details .lf-section-head { margin-bottom: clamp(2.8rem, 4vw, 4.4rem); }
.block-practical-details .pd-grid { display: flex; flex-wrap: wrap; gap: 4rem 6.4rem; }
.block-practical-details .pd-steps { flex: 1 1 36rem; }
.block-practical-details .pd-faqs { flex: 1 1 42rem; }
.block-practical-details .pd-label { margin: 0 0 0.6rem; }
.block-practical-details .pd-step-list { list-style: none; margin: 0; padding: 0; }
.block-practical-details .pd-step { display: grid; grid-template-columns: 5.2rem minmax(0, 1fr); gap: 0.4rem 1.2rem; padding: 1.8rem 0; margin: 0; border-top: 0.1rem solid var(--brand-2); }
.block-practical-details .pd-step-num { font-size: 3.6rem; line-height: 0.9; color: var(--brand-1); }
.block-practical-details .pd-step-title { margin: 0; font-size: 2.1rem; font-weight: 600; line-height: 1.3; }
.block-practical-details .pd-step-body { margin: 0.4rem 0 0; font-size: 1.8rem; line-height: 1.5; color: var(--brand-6); }
.block-practical-details .pd-faq { border-top: 0.1rem solid var(--brand-2); }
.block-practical-details .pd-faq summary { display: flex; justify-content: space-between; align-items: baseline; gap: 1.6rem; padding: 1.8rem 0; font-size: 2.1rem; line-height: 1.3; font-weight: 600; cursor: pointer; list-style: none; }
.block-practical-details .pd-faq summary::-webkit-details-marker { display: none; }
.block-practical-details .pd-faq summary::after { content: '+'; font-family: var(--font-mono); font-weight: 400; font-size: 2.2rem; color: var(--brand-1); }
.block-practical-details .pd-faq[open] summary::after { content: '\2212'; }
.block-practical-details .pd-faq summary:focus-visible { outline: 0.2rem solid var(--brand-1); outline-offset: 0.3rem; }
.block-practical-details .pd-faq-answer p { margin: 0 0 2rem; font-size: 1.8rem; line-height: 1.55; max-width: 60rem; }
.block-practical-details .pd-more { margin-top: 1.8rem; }