.info-intro { padding: clamp(130px, 15vw, 210px) clamp(18px, 6vw, 86px) 64px; background: var(--cream); }
.info-intro h1 { max-width: 17ch; margin: 0 0 28px; font-size: clamp(2.6rem, 5.5vw, 5rem); }
.info-intro > p:last-child { max-width: 58ch; line-height: 1.7; }
.info-body { padding: 24px clamp(18px, 6vw, 86px) 90px; background: var(--cream); }
.faq-list, .history-list { max-width: 950px; margin: 0 auto; }
.faq-list details { border-top: 1px solid var(--dark-line); }
.faq-list details:last-child { border-bottom: 1px solid var(--dark-line); }
.faq-list summary { padding: 24px 8px; font-size: 1.125rem; font-weight: 600; cursor: pointer; }
.faq-list summary:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.faq-list details p { padding: 0 8px 24px; max-width: 68ch; margin: 0; line-height: 1.7; }
.history-list { list-style: none; padding: 0; }
.history-list li { display: grid; grid-template-columns: 100px 1fr; gap: 30px; padding: 32px 0; border-top: 1px solid var(--dark-line); }
.history-list time { color: var(--red); font-size: 1.5rem; font-weight: 700; }
.history-list h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); margin-bottom: 14px; }
.history-list p { max-width: 62ch; line-height: 1.7; margin: 0; }
@media(max-width: 600px) { .history-list li { grid-template-columns: 1fr; gap: 12px; } }