.news-grid,.review-rail{display:flex;align-items:stretch;gap:24px;max-width:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;padding:16px 16px 40px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.news-grid::-webkit-scrollbar,.review-rail::-webkit-scrollbar{display:none}
.news-card,.review-card{flex:0 0 calc((100% - 72px)/3.5);max-width:none;scroll-snap-align:start;background:#fff;box-shadow:none;transition:all .3s}
.news-card:focus-within,.review-card:focus-within{box-shadow:var(--s2);border-color:transparent}
.review-rail{margin-top:32px}
.review-meta{display:grid;gap:4px;font-size:.75rem;line-height:1.5;color:var(--mu)}
.news-card:hover,.review-card:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:transparent}
@media(max-width:1024px){.news-card,.review-card{flex-basis:calc((100% - 24px)/1.5)}}
@media(max-width:600px){.news-grid,.review-rail{gap:16px}.news-card,.review-card{flex-basis:86%;max-width:none}}
@media(prefers-reduced-motion:reduce){.news-card,.review-card{transition:none;transform:none!important}}
.fpx-ic,.fpx-card,.fpc,.fpi,.terraler-description,.how-frame{transition:transform .3s,box-shadow .3s,border-color .3s}
.how-frame.how-screenshot-frame{display:block;width:280px;height:448px;min-height:448px;padding:0}
.how-screenshot-frame .how-number{z-index:1}
.how-screenshot{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.how .how-g{grid-template-rows:448px auto auto;row-gap:20px;align-items:stretch}
.how .step{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:center;align-items:start}
.how .step .how-frame{margin:0}
.how .step h3{width:280px;max-width:calc(100% - 20px);margin:0;text-align:start}
.how .how-step-description{width:280px;max-width:calc(100% - 20px);margin:0;font-family:var(--fb);font-size:.875rem;line-height:1.6;color:var(--mu);text-align:left;overflow-wrap:anywhere}
.how-divider{width:calc(100% - 48px);max-width:1132px;height:0;margin:0 auto;border:0;border-top:1px solid #0097a7}
.fpx-ic:hover,.fpx-card:hover,.fpc:hover,.fpi:hover,.terraler-card:hover .terraler-description,.how-frame:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:transparent}
@media(prefers-reduced-motion:reduce){.fpx-ic,.fpx-card,.fpc,.fpi,.terraler-description,.how-frame{transition:none}.fpx-ic:hover,.fpx-card:hover,.fpc:hover,.fpi:hover,.terraler-card:hover .terraler-description,.how-frame:hover{transform:none}}