.lp { padding-block: clamp(36px, 5vw, 66px); }
.lp__top { max-inline-size: 60ch; margin-block-end: clamp(26px, 3.5vw, 44px); }
.lp__pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(14px, 2vw, 22px); }
.lp__col { padding: clamp(20px, 2.6vw, 30px); border: 1px solid var(--line); background: var(--white); }
.lp__col--stay { border-block-start: 6px solid var(--red); }
.lp__col--go { border-block-start: 6px solid var(--ink); }
.lp__col ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.lp__col li { font-size: 15.5px; color: var(--ink-3); }
.lp__col b { display: block; color: var(--ink); }
.lp__folds { margin-block-start: clamp(32px, 4.5vw, 56px); }
.lp__fold { border: 1px solid var(--line); background: var(--white); margin-block-end: 10px; }
.lp__fold summary { cursor: pointer; list-style: none; padding: 15px 18px; font-family: var(--display); font-size: 19px; text-transform: uppercase; position: relative; }
.lp__fold summary::-webkit-details-marker { display: none; }
.lp__fold summary::after { content: "\203A"; position: absolute; inset-inline-end: 18px; color: var(--red); font-size: 24px; line-height: 1; }
.lp__fold[open] summary::after { transform: rotate(90deg); }
.lp__fold p { margin: 0; padding: 0 18px 16px; color: var(--ink-3); }