.doc-field-extraction-page{--dfe-hero-w: 36rem;--dfe-check-w: 20rem;--dfe-check-phone-w: 11rem;--dfe-mark-ring: 2px}.task-page.doc-field-extraction-page{--task-success: var(--brand-success)}.doc-field-extraction-page .dfe-hero{width:min(100%,var(--dfe-hero-w));margin:0 0 0 auto}.doc-field-extraction-page .dfe-hero-body{display:grid;gap:var(--row-gap)}.doc-field-extraction-page .dfe-source{margin:0;display:grid;gap:var(--space-2)}.doc-field-extraction-page .dfe-source-title,.doc-field-extraction-page .dfe-record-path{display:block;color:var(--brand-text-muted);font-family:var(--cl-mono);font-size:var(--fs-label);line-height:var(--lh-body)}.doc-field-extraction-page .dfe-source-crop{position:relative;background:var(--brand-white)}.doc-field-extraction-page .dfe-source-crop img{display:block;width:100%;height:auto}.doc-field-extraction-page .dfe-source-mark{position:absolute;left:var(--mark-x);top:var(--mark-y);width:var(--mark-w);height:var(--mark-h);background:color-mix(in srgb,var(--task-success) 22%,transparent);box-shadow:inset 0 0 0 var(--dfe-mark-ring) var(--task-success)}.doc-field-extraction-page .dfe-record{min-width:0;display:grid;gap:var(--space-2)}.doc-field-extraction-page .dfe-json.cl-json{margin:0;padding:0;border:0;background:none;color:var(--brand-text);font-family:var(--cl-mono);font-size:var(--fs-secondary);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere}.doc-field-extraction-page .dfe-json.cl-json .cl-json-key{color:var(--brand-text-muted)}.doc-field-extraction-page .dfe-json.cl-json :is(.cl-json-str,.cl-json-num){color:var(--brand-text)}.doc-field-extraction-page .dfe-json.cl-json .dfe-json-match{color:var(--task-success)}.doc-field-extraction-page .dfe-json.cl-json .dfe-json-miss{color:var(--task-failure)}@media(max-width:640px){.doc-field-extraction-page .dfe-hero{margin:0}}.doc-field-extraction-page .dfe-cases{display:grid}.doc-field-extraction-page .dfe-cases>.task-example+.task-example{border-top:var(--divider)}.doc-field-extraction-page .dfe-bank-source{display:grid;gap:var(--space-3)}.doc-field-extraction-page .dfe-bank-source img{display:block;width:100%;max-width:calc(var(--space-7) * 9);height:auto}.doc-field-extraction-page .dfe-case-record{min-width:0}.doc-field-extraction-page .dfe-case-consequence{margin:var(--space-3) 0 0;color:var(--brand-text-muted);font-size:var(--fs-secondary);line-height:var(--lh-body)}.doc-field-extraction-page .dfe-hero-wide,.doc-field-extraction-page .dfe-hero-phone{display:grid;gap:var(--row-gap)}.doc-field-extraction-page .dfe-hero-phone{display:none}@media(max-width:960px){.doc-field-extraction-page .dfe-hero-wide{display:none}.doc-field-extraction-page .dfe-hero-phone{display:grid}}.doc-field-extraction-page .dfe-api-output{display:grid;gap:var(--space-3);font-family:var(--cl-mono);font-size:var(--fs-secondary);line-height:var(--lh-body)}.doc-field-extraction-page .dfe-api-date{margin:0}.doc-field-extraction-page .dfe-api-date span,.doc-field-extraction-page .dfe-api-items :is(caption,th){color:var(--brand-text-muted);font-weight:400}.doc-field-extraction-page .dfe-api-date strong{color:var(--brand-text);font-weight:400}.doc-field-extraction-page .dfe-api-items{width:100%;border-collapse:collapse}.doc-field-extraction-page .dfe-api-items caption{text-align:left;padding-bottom:var(--space-2)}.doc-field-extraction-page .dfe-api-items :is(th,td){padding:var(--space-2) var(--space-2) var(--space-2) 0;border-bottom:var(--divider);text-align:left;white-space:nowrap}.doc-field-extraction-page .dfe-api-items :is(th,td).is-number{text-align:right}.doc-field-extraction-page .dfe-api-items :is(th,td):last-child{padding-right:0}.doc-field-extraction-page .dfe-api-page{margin:0;display:grid;gap:var(--space-2)}.doc-field-extraction-page .dfe-api-page figcaption{color:var(--brand-text-muted)}.doc-field-extraction-page .dfe-api-page img{display:block;width:100%;height:auto;background:var(--brand-white)}.doc-field-extraction-page .dfe-api-output{min-width:0}@media(max-width:640px){.doc-field-extraction-page .dfe-api-items thead{display:none}.doc-field-extraction-page .dfe-api-items tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-bottom:var(--divider)}.doc-field-extraction-page .dfe-api-items td{padding:0;border:0;text-align:left}.doc-field-extraction-page .dfe-api-items td:first-child{grid-column:span 2}.doc-field-extraction-page .dfe-api-items td.is-number{text-align:left}.doc-field-extraction-page .dfe-api-items td.is-number:before{content:attr(data-label) " ";color:var(--brand-text-muted)}}