:root{--w: #ffffff;--k: #111111;--grey: #6f6f6f;--line: #111111;--red: #e30613;--dim: #c9c9c9}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--w);color:var(--k);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.wrap-tool{max-width:860px;margin:0 auto;padding:0 24px}header{display:grid;grid-template-columns:1fr auto;align-items:baseline;padding:30px 0 22px;border-bottom:2px solid var(--line)}@media (max-width: 560px){header{grid-template-columns:1fr}header .tag{margin-top:4px}}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--k)}.wordmark i{font-style:normal;color:var(--red)}.header-tag{font-size:12px;color:var(--grey)}.back{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--k);text-decoration:none;border-bottom:2px solid var(--k)}.back:hover{color:var(--red);border-color:var(--red)}.titlebar{padding:34px 0 26px;border-bottom:2px solid var(--line)}.idx{font-size:13px;font-weight:700;color:var(--red);letter-spacing:.04em}.titlebar h1{font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;line-height:1;margin-top:6px}.titlebar p{margin-top:12px;font-size:14px;line-height:1.55;color:var(--grey);max-width:52ch}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:20px 0 48px;font-size:12px;color:var(--grey)}footer .dot{color:var(--red)}.stepbtn{border:2px solid var(--k);background:none;font-family:inherit;cursor:pointer;color:var(--k)}.stepbtn:hover{background:var(--red);border-color:var(--red);color:#fff}.stepbtn:focus-visible{outline:2px solid var(--red);outline-offset:2px}