.oh .sp-layout{width:var(--page);grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,60px);margin:0 auto;padding-bottom:clamp(64px,8vw,116px);display:grid}@media (min-width:880px){.oh .sp-layout{grid-template-columns:minmax(230px,320px) minmax(0,1fr)}}.oh .sp-aside{flex-direction:column;gap:24px;display:flex}@media (min-width:880px){.oh .sp-aside{position:sticky;top:96px}}.oh .sp-note{background:var(--canvas);border:1.5px solid var(--line-strong);align-items:flex-start;gap:12px;padding:18px;display:flex}.oh .sp-note svg{color:var(--blue);flex:none;margin-top:2px}.oh .sp-note p{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.oh .sp-how{border-top:2px solid var(--ink);padding-top:18px}.oh .sp-how h2{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.oh .sp-how ul{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.oh .sp-how li{color:var(--muted);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.oh .sp-how li:before{content:"";background:var(--orange);width:8px;height:8px;position:absolute;top:7px;left:0}.oh .sp-how li b{color:var(--ink);font-weight:730}.oh .sp-form{flex-direction:column;gap:26px;max-width:660px;display:flex}.oh .sp-hint{color:var(--muted);margin:0;font-size:13px}.oh .sp-hint b{color:var(--ink);font-weight:700}.oh .sp-field{flex-direction:column;display:flex}.oh .sp-label{letter-spacing:-.01em;color:var(--ink);margin:0 0 9px;font-size:13.5px;font-weight:760}.oh .sp-optional{color:var(--muted);margin-left:6px;font-weight:600}.oh .sp-input,.oh .sp-textarea{background:var(--white);border:1.5px solid var(--ink);width:100%;min-height:56px;color:var(--ink);border-radius:0;padding:15px 16px;font-size:16px;line-height:1.4;transition:border-color .16s,background-color .16s}.oh .sp-textarea{resize:vertical;min-height:130px}.oh .sp-input::placeholder,.oh .sp-textarea::placeholder{color:#737269}.oh .sp-input:hover,.oh .sp-textarea:hover{background:var(--canvas)}.oh .sp-input[aria-invalid=true],.oh .sp-textarea[aria-invalid=true]{border-color:var(--red)}.oh .sp-fieldset{border:0;min-width:0;margin:0;padding:0}.oh .sp-legend{letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;padding:0;font-size:13.5px;font-weight:760}.oh .sp-checks{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (max-width:540px){.oh .sp-checks{grid-template-columns:1fr}}.oh .sp-check{background:var(--white);border:1.5px solid var(--line-strong);min-height:52px;color:var(--ink);cursor:pointer;align-items:center;gap:11px;padding:12px 14px;font-size:14.5px;transition:border-color .16s,background-color .16s;display:flex}.oh .sp-check:hover{border-color:var(--ink)}.oh .sp-check:has(input:checked){border-color:var(--ink);background:var(--canvas)}.oh .sp-check input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex:none}.oh .sp-confirm{background:var(--canvas);border:1.5px solid var(--ink);border-radius:0;align-items:flex-start;gap:13px;padding:16px 18px;display:flex}.oh .sp-confirm input{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;flex:none;margin-top:1px}.oh .sp-confirm label{color:var(--ink);cursor:pointer;font-size:14.5px;line-height:1.5}.oh .sp-error{color:var(--red);margin-top:8px;font-size:13px;font-weight:640}.oh .sp-banner{border:1.5px solid var(--red);color:#a5382c;background:#fbeae6;border-radius:0;padding:15px 18px;font-size:14.5px;font-weight:560;line-height:1.5}.oh .sp-banner--duplicate{border-color:var(--orange);color:#8f3b23;background:#fbeee7}.oh .sp-summary-count{font-family:var(--font-space-mono), "Courier New", monospace;font-weight:700}.oh .sp-actions{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:4px;display:flex}.oh .sp-submit[disabled]{opacity:.62;cursor:default}.oh .sp-submit[disabled]:hover{background:var(--navy)}.oh .sp-cancel{min-height:44px;color:var(--muted);border-bottom:1px solid #0000;align-items:center;font-size:13px;font-weight:680;transition:color .16s,border-color .16s;display:inline-flex}.oh .sp-cancel:hover{color:var(--ink);border-bottom-color:currentColor}@media (hover:none){.oh .sp-input:hover,.oh .sp-textarea:hover{background:var(--white)}.oh .sp-check:hover{border-color:var(--line-strong)}.oh .sp-cancel:hover{color:var(--muted);border-bottom-color:#0000}}.oh .sp-check:active{background:#e9e7de;transition:none}.oh .sp-done{flex-direction:column;align-items:flex-start;display:flex}.oh .sp-done-mark{color:#fff;background:var(--navy);place-items:center;width:52px;height:52px;margin-bottom:24px;display:inline-grid}.oh .sp-done-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}
