/* finesse · component: confirmation row · register=brand
 * Native checkbox, inherited Scheme C tokens; synchronous selection has no loading phase. */
.confirmation-list{margin:24px 0 20px}
.confirmation-row{position:relative;border-bottom:1px solid var(--line);padding:4px 0}
.checks .confirmation-label{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;min-height:62px;margin:0;padding:16px 0;cursor:pointer;font-size:12px;line-height:1.9;color:var(--ink);-webkit-tap-highlight-color:transparent}
.checks .confirmation-label input{position:absolute;left:0;top:18px;width:26px;height:26px;min-height:26px;margin:0;opacity:0;cursor:inherit}
.checks .confirmation-label>span{margin:0}
.confirmation-mark{display:grid;place-items:center;width:24px;height:24px;margin-top:1px!important;border:1.5px solid var(--gold);border-radius:50%;color:var(--cream);background:transparent;outline:2px solid transparent;outline-offset:4px;pointer-events:none}
.confirmation-mark svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.75)}
.confirmation-label input:checked+.confirmation-mark{background:var(--gold)}
.confirmation-label input:checked+.confirmation-mark svg{opacity:1;transform:none}
.confirmation-label input:focus-visible+.confirmation-mark,.confirmation-row.is-focus .confirmation-mark{outline-color:var(--ink)}
.confirmation-label input[aria-invalid=true]+.confirmation-mark,.confirmation-row[data-state=error] .confirmation-mark{border-style:dashed;outline:1px solid var(--ink);outline-offset:3px}
.confirmation-label:has(input:disabled){opacity:.5;cursor:not-allowed}
.confirmation-rules{display:flex;align-items:center;justify-content:space-between;gap:16px;width:fit-content;max-width:calc(100% - 40px);min-height:44px;margin:-7px 0 5px 40px;padding:9px 0;font-size:11px;line-height:1.7;color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}
.confirmation-rules:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
#cancellation-rules{scroll-margin-top:30px}
@media(hover:hover){.confirmation-label:not(:has(input:disabled)):hover .confirmation-mark,.confirmation-row.is-hover .confirmation-mark{outline:1px solid var(--gold);outline-offset:3px}.confirmation-rules:hover{text-decoration-thickness:2px}}
.checks .confirmation-label input:focus-visible+.confirmation-mark{outline:2px solid var(--ink);outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.confirmation-mark{transition:background-color 150ms ease-out,transform 150ms ease-out}.confirmation-mark svg{transition:opacity 150ms ease-out,transform 150ms cubic-bezier(.2,0,0,1)}.confirmation-label:not(:has(input:disabled)):active .confirmation-mark,.confirmation-row.is-active .confirmation-mark{transform:scale(.96)}}
@media(forced-colors:active){.confirmation-mark{border-color:ButtonText;color:HighlightText}.confirmation-label input:checked+.confirmation-mark{background:Highlight;forced-color-adjust:none}.confirmation-label input:focus-visible+.confirmation-mark{outline-color:Highlight}.confirmation-rules{color:LinkText;text-decoration-color:LinkText}}
@media(max-width:540px){.checks .confirmation-label{font-size:12px;padding:17px 0;gap:13px}.confirmation-rules{margin-left:39px;max-width:calc(100% - 39px)}}
