.open-head{padding:56px 0 20px;max-width:70ch}
.page-title{font-size:clamp(34px,4.6vw,52px);line-height:1}
.page-sub{color:var(--ink-dim);font-size:16.5px;line-height:1.6;margin-top:14px}
.open-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:20px 0 20px;align-items:start}
.open-form{padding:30px}
.field{display:block;margin-bottom:22px}
.fl{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.in{width:100%;background:var(--void);border:1px solid var(--line);border-radius:var(--r);
  color:var(--ink);padding:13px 14px;font-size:15px}
.in:focus{outline:none;border-color:var(--red)}
.in-wrap{position:relative}
.in-wrap .suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-size:13px}
.hint{display:block;color:var(--ink-faint);font-size:13px;margin-top:7px;line-height:1.45}
.hint code{font-family:var(--mono);color:var(--ink-dim)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dur{display:flex;gap:8px;flex-wrap:wrap}
.dur button{background:var(--void);border:1px solid var(--line);color:var(--ink-dim);
  padding:10px 16px;border-radius:var(--r);font-size:14px;cursor:pointer;font-family:var(--mono)}
.dur button.active{border-color:var(--red);color:var(--ink);background:var(--red-dim)}
.form-note{color:var(--red-bright);font-size:13px;min-height:1em;margin-top:14px}
.side-ecl{display:flex;justify-content:center;margin-bottom:20px}
.summary{padding:24px}
.summary h4{font-size:20px;margin-bottom:14px}
.summary ol{margin:0 0 18px;padding-left:20px;color:var(--ink-dim)}
.summary li{font-size:14.5px;line-height:1.5;margin-bottom:10px}
.summary b{color:var(--ink)}
@media(max-width:860px){.open-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}