.wf-page{max-width:1240px;margin:auto;padding:40px 24px 80px;color:#101828;min-width:0}.wf-header{max-width:780px;margin-bottom:32px}.wf-header>a{font-size:14px;color:#566070}.wf-eyebrow{display:flex;align-items:center;gap:8px;color:#087a6a;font-size:13px;font-weight:650;margin:24px 0 12px}.wf-header h1{font-family:Newsreader,Georgia,serif;font-size:clamp(32px,5vw,52px);line-height:1.08;margin:0 0 16px;letter-spacing:-.025em}.wf-header>p:last-child{font-size:18px;line-height:1.65;color:#566070}.wf-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px}.wf-main{display:grid;gap:24px;min-width:0}.wf-step{border:1px solid #d7dce5;background:#fff;border-radius:16px;padding:26px;min-width:0}.wf-step>h2{display:flex;align-items:baseline;gap:12px;font-size:21px;font-weight:650;margin:0 0 20px}.wf-step>h2>span{font-size:13px;color:#2952cc;font-variant-numeric:tabular-nums}.wf-step p,.wf-aside p{line-height:1.65;margin:12px 0;color:#566070;overflow-wrap:anywhere}.wf-step a{color:#2952cc;text-decoration:underline}.wf-step small{display:block;color:#566070;font-size:12px;line-height:1.6;margin-top:8px}.wf-aside{border-left:1px solid #d7dce5;padding-left:24px;font-size:14px}.wf-aside h2,.wf-aside h3{font-weight:650;margin:0 0 10px}.wf-aside h3{margin-top:26px}.wf-aside nav{display:grid;gap:4px}.wf-aside a{display:block;padding:10px 0;color:#2952cc;overflow-wrap:anywhere}.wf-page button{min-height:44px;border:1px solid #c5ccd7;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;line-height:1.4;max-width:100%;white-space:normal}.wf-page button:hover:not(:disabled){background:#f0f3fa;border-color:#2952cc}.wf-page button:disabled{opacity:.45;cursor:not-allowed}.wf-page button.wf-primary{background:#2952cc;color:#fff;border-color:#2952cc}.wf-page button.wf-primary:hover:not(:disabled){background:#1f3fa6}.wf-page :is(button,input,select,textarea,summary,a):focus-visible{outline:3px solid #2952cc;outline-offset:3px}.wf-page label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}.wf-page input:not([type=checkbox]),.wf-page select,.wf-page textarea{width:100%;min-width:0;min-height:46px;border:1px solid #aeb8c7;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:#101828}.wf-page textarea{resize:vertical}.wf-page input[type=checkbox]{width:20px;height:20px;accent-color:#2952cc;flex-shrink:0}.wf-page fieldset{border:0;padding:0;min-width:0;display:grid;gap:16px}.wf-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;margin:16px 0}.wf-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.wf-label-sample{padding:18px;border:1px dashed #aeb8c7;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wf-label-sample span{font-size:13px;color:#566070}.wf-label-sample strong{font:20px ui-monospace,monospace;overflow-wrap:anywhere}.wf-files{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.wf-files li{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e5ec;padding:12px 0;min-width:0}.wf-files li>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.wf-files li>svg{flex-shrink:0}.wf-files button{padding:8px;min-width:40px}.wf-status{background:#edf7f4;border:1px solid #b5dbd1;padding:14px 18px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.wf-error{border:1px solid #f2b8b5;background:#fff1f0;color:#912018;padding:16px;border-radius:12px;overflow-wrap:anywhere}.wf-step .wf-warning{padding:16px;border:1px solid #ead49a;border-radius:12px;background:#fffaf0;color:#705514;font-size:14px}.wf-table-wrap{width:100%;max-width:100%;overflow:auto;margin:18px 0;border:1px solid #d7dce5;border-radius:12px}.wf-page table{border-collapse:collapse;width:100%;font-size:13px}.wf-page th,.wf-page td{text-align:left;padding:12px;border-bottom:1px solid #e3e6eb;vertical-align:top;overflow-wrap:anywhere;max-width:260px}.wf-page th{font-size:12px;color:#566070;background:#f8f9fb}.wf-transactions{min-width:950px}.wf-transactions td:nth-child(3){min-width:210px}.wf-transactions td{min-width:100px}.wf-transactions td:first-child{min-width:48px}.wf-transactions td:last-child{min-width:140px}.wf-preview{background:#f2f3f6;border:1px solid #d7dce5;border-radius:12px;padding:12px;margin:16px 0;max-height:640px;overflow:auto;min-width:0}.wf-preview canvas{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 2px 8px #10182815}.wf-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:16px 0}.wf-two>div{min-width:0}.wf-two h3,.wf-step h3{font-size:16px;font-weight:650;margin:0 0 12px}.wf-two figure{margin:0;min-width:0}.wf-two figcaption{font-size:13px;font-weight:600;margin:0 0 10px}.wf-two img{width:100%;height:auto;border:1px solid #d7dce5}.wf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.wf-summary span{font-size:12px;color:#566070;overflow-wrap:anywhere}.wf-summary strong{display:block;font-size:28px;color:#101828}.wf-page details{margin:12px 0}.wf-page summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600;font-size:14px}.wf-source-lines{max-height:320px;overflow:auto;padding:10px;background:#f8f9fb}.wf-diff{list-style:none;padding:0;max-height:400px;overflow:auto;display:grid;gap:10px}.wf-diff li{padding:12px;background:#fff2f0;border-left:3px solid #b42318;display:grid;gap:6px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.wf-diff li[data-change=added]{background:#edf7f4;border-color:#087a6a}.wf-page .wf-check{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-weight:400;margin:16px 0}.wf-check input{margin-top:2px}.wf-matches{padding:0;list-style:none;display:grid;gap:8px;max-height:420px;overflow:auto}.wf-matches li{border-bottom:1px solid #d7dce5;padding:10px 0}.wf-matches span{display:grid;gap:4px;overflow-wrap:anywhere;min-width:0}.wf-matches strong{font-size:12px;color:#566070}.wf-note{font-size:13px}@media(max-width:1000px){.wf-layout{grid-template-columns:minmax(0,1fr)}.wf-aside{border-left:0;border-top:1px solid #d7dce5;padding:24px 0 0;max-width:720px}.wf-aside nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}}@media(max-width:600px){.wf-page{padding:24px 16px 56px}.wf-step{padding:18px 16px}.wf-step>h2{font-size:19px}.wf-header>p:last-child{font-size:16px}.wf-two{grid-template-columns:minmax(0,1fr)}.wf-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-fields{grid-template-columns:minmax(0,1fr)}.wf-files li>svg{display:none}.wf-files button{min-width:36px;padding:7px}.wf-aside nav{grid-template-columns:minmax(0,1fr)}.wf-actions .wf-primary{width:100%}.wf-page .wf-primary{min-height:48px}.wf-label-sample strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.wf-page *{scroll-behavior:auto;transition:none}}.wf-preview canvas{max-height:560px;width:auto;object-fit:contain}.wf-step>p>svg{display:inline;vertical-align:middle;margin-right:6px}.wf-preview canvas:not([data-ready]){display:none}.wf-preview:has(canvas[data-ready]) .wf-preview-loading{display:none}@media(max-width:600px){.wf-transactions{display:block;min-width:0}.wf-transactions thead{display:none}.wf-transactions tbody{display:block}.wf-transactions tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 8px;border-bottom:1px solid #d7dce5}.wf-transactions td{display:block;min-width:0!important;max-width:none;padding:8px;border:0}.wf-transactions td:before{content:attr(data-label);display:block;text-transform:capitalize;color:#566070;font-size:12px;font-weight:600;margin-bottom:6px}.wf-transactions td:is(:first-child,:nth-child(2),:nth-child(3),:last-child){grid-column:1/-1}.wf-transactions td:first-child{display:flex;align-items:center;justify-content:space-between}.wf-transactions input:not([type=checkbox]){font-size:16px}.wf-transactions details{margin:0}.wf-transactions td:first-child:before{margin:0}.wf-table-wrap:has(.wf-transactions){overflow:visible}}.wf-step small,.wf-label-sample span,.wf-summary span,.wf-note{font-size:14px;line-height:1.5}.wf-page table{font-size:14px}.wf-page th,.wf-matches strong{font-size:13px}.wf-header>p:last-child{line-height:1.5}@media(max-width:600px){.wf-transactions td:before{font-size:13px}}
