@layer components{.wf-demo{padding-block:0 72px;scroll-margin-top:90px}.wf-demo :is(h2,h3,p,ul,ol,dl,dd,blockquote,fieldset){margin:0}.wf-demo :is(ul,ol){padding:0;list-style:none}.wf-demo h2{font-size:clamp(1.4rem,3vw,1.8rem);line-height:1.25}.wf-demo h3{font-size:1.1rem;line-height:1.4}.wf-demo p{color:var(--web-fg-2);line-height:1.6}.wf-demo button{font:inherit}.wf-notice{border-left:4px solid var(--web-navy-700);background:var(--web-navy-50);border-radius:0 12px 12px 0;padding:16px 20px}.wf-notice strong{color:var(--web-navy-900);display:block}.wf-notice p{font-size:.9375rem}.wf-notice p,.wf-quote p,.wf-option.is-selected small{color:var(--web-fg-2-tint)}.wf-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:28px 0 24px;display:flex}.wf-progress{flex-wrap:wrap;gap:8px 18px;display:flex}.wf-progress li{color:var(--web-fg-2);align-items:center;gap:7px;font-size:.875rem;display:flex}.wf-progress li>span:first-child{border:1px solid var(--web-border);border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:.8125rem;display:inline-grid}.wf-progress [aria-current]{color:var(--web-navy-900);font-weight:700}.wf-progress [aria-current]>span:first-child{background:var(--web-navy-900);color:#fff;border-color:var(--web-navy-900)}.wf-progress .is-done>span:first-child{background:var(--web-teal-700);color:#fff;border-color:var(--web-teal-700)}.wf-quiet{color:var(--web-navy-900);text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 4px;font-weight:700;text-decoration:underline}.wf-toolbar>.wf-quiet{flex-shrink:0;font-size:.875rem}.wf-intro{border-top:2px solid var(--web-navy-900);max-width:760px;padding:28px 0}.wf-intro p{margin-top:14px}.wf-intro ol{counter-reset:workflow-intro;gap:10px;margin:22px 0;display:grid}.wf-intro li{counter-increment:workflow-intro;align-items:baseline;gap:12px;display:flex}.wf-intro li:before{content:counter(workflow-intro);color:var(--web-teal-700);font-weight:700}.wf-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.4fr);align-items:start;gap:28px;display:grid}.wf-sources{border:1px solid var(--web-border);background:var(--web-white);border-radius:16px;min-width:0}.wf-sources>summary{color:var(--web-navy-900);padding:18px;font-weight:700}.wf-doc{border:1px solid var(--web-border);border-radius:10px;margin:0 14px 14px;overflow:hidden}.wf-doc-head{background:var(--web-navy-50);padding:10px 12px}.wf-doc-head strong,.wf-doc-head span{display:block}.wf-doc-head strong{color:var(--web-navy-900)}.wf-doc-head span{color:var(--web-fg-2-tint);overflow-wrap:anywhere;font-size:.8125rem}.wf-doc>summary{background:var(--web-navy-50);overflow-wrap:anywhere;padding:12px;font-size:.875rem;font-weight:700}.wf-passage{border-top:1px solid var(--web-border);overflow-wrap:anywhere;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;padding:12px;font-size:.875rem;display:grid}.wf-passage p+p{margin-top:5px}.wf-anchor{font-family:var(--web-font-mono);color:var(--web-navy-900);background:var(--web-navy-50);border-radius:3px;padding:1px 4px;font-size:.75rem;font-weight:700}.wf-passage.is-active{background:var(--evi-ask-bg);outline:2px solid var(--evi-ask-line);outline-offset:-2px}.wf-main{border-top:2px solid var(--web-navy-900);min-width:0;padding-top:22px}.wf-main>p{margin-top:12px}.wf-main>.wf-actions{margin-top:24px}.wf-main h2:focus,.wf-intro h2:focus{outline:none}.wf-main h2:focus-visible,.wf-intro h2:focus-visible{outline:2px solid var(--web-teal-600);outline-offset:4px}.wf-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.wf-actions .ds-btn{text-align:center;white-space:normal}.wf-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.wf-tag{border:1px solid var(--web-border);color:var(--web-fg-2-tint);background:#fff;border-radius:5px;align-items:center;max-width:100%;padding:2px 7px;font-size:.75rem;line-height:1.5;display:inline-flex}.wf-tag--rule{color:var(--web-teal-700);background:var(--web-teal-50);border-style:dashed;border-color:var(--web-teal-700)}.wf-tag--decision{color:#fff;background:var(--web-navy-900);border-color:var(--web-navy-900)}.wf-tag--id{border-style:dashed}.wf-tag--conflict{color:var(--evi-ask-fg);background:var(--evi-ask-bg);border-color:var(--evi-gap-strong);font-weight:700}.wf-tag--done{color:#fff;background:var(--web-teal-700);border-color:var(--web-teal-700);font-weight:700}.wf-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wf-legend{flex-wrap:wrap;gap:8px 14px;padding:14px 0;font-size:.8125rem;display:flex}.wf-legend>span{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.wf-row{border-top:1px solid var(--web-border);padding:14px 0}.wf-row-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wf-row dt{color:var(--web-fg-2);font-size:.8125rem}.wf-row dd{color:var(--web-navy-900);margin:5px 0 0;font-weight:500;line-height:1.5}.wf-row dd .wf-note{color:var(--web-fg-2);margin-top:5px;font-size:.8125rem;font-weight:400;display:block}.wf-evidence{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.wf-chip{border:1px solid var(--web-navy-700);min-width:40px;min-height:36px;color:var(--web-navy-900);background:#fff;border-radius:5px;place-items:center;padding:3px 8px;display:inline-grid;font-family:var(--web-font-mono)!important;font-size:.8125rem!important;font-weight:700!important}.wf-chip[aria-expanded=true]{background:var(--web-navy-900);color:#fff}.wf-quote{background:var(--web-navy-50);border-left:3px solid var(--web-navy-700);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin-top:12px;padding:14px;font-size:.9375rem}.wf-quote-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.wf-quote-head strong{color:var(--web-navy-900);font-size:.8125rem}.wf-quote .wf-quiet{min-height:32px;font-size:.8125rem}.wf-demo mark{color:var(--web-navy-900);border-bottom:1px solid var(--web-navy-900);background:#ffe58f;padding:0 1px;font-weight:700}.wf-conflict{border:1px solid var(--evi-gap-strong);background:var(--evi-ask-bg);border-left-width:4px;border-radius:0 10px 10px 0;margin-top:22px;padding:16px}.wf-conflict strong{color:var(--evi-ask-fg)}.wf-conflict p{margin-top:6px}.wf-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.wf-date{border:1px solid var(--web-border);background:#fff;border-radius:12px;padding:18px}.wf-date-head{color:var(--web-navy-900);justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;display:flex}.wf-date>b{font-variant-numeric:tabular-nums;color:var(--web-navy-900);margin:10px 0;font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3;display:block}.wf-date p{font-size:.875rem}.wf-choice{border:0;min-width:0;padding:0;margin-top:22px!important}.wf-choice legend{color:var(--web-navy-900);font-weight:700;line-height:1.5}.wf-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.wf-option{border:1px solid var(--web-border);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:15px;line-height:1.45;display:grid}.wf-option input{width:19px;height:19px;accent-color:var(--web-navy-900);margin:2px 0 0}.wf-option b{color:var(--web-navy-900);font-size:.9375rem}.wf-option small{color:var(--web-fg-2);margin-top:4px;display:block}.wf-option.is-selected{outline:2px solid var(--web-navy-900);outline-offset:-2px;background:var(--web-navy-50)}.wf-choice>p{font-size:.875rem}.wf-record{border:1px dashed var(--web-navy-200);background:#fff;border-radius:14px;margin-top:28px;padding:20px}.wf-record.is-approved{border-style:solid;border-color:var(--web-teal-700)}.wf-record-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;margin-bottom:16px;display:flex}.wf-record-head h3{margin-top:6px}.wf-record-head .wf-tags{margin:0}.wf-record .wf-row[data-record-row=workingDate] dd{font-size:1.35rem;font-weight:700}.wf-record .wf-row[data-record-row=conflict]{border-left:3px solid var(--evi-gap-strong);padding-left:12px}.wf-record .wf-row[data-record-row=approval] dd{font-weight:700}.wf-more{border-top:1px solid var(--web-border);margin-top:14px;padding-top:12px}.wf-more>summary{color:var(--web-navy-900);min-height:44px;padding-top:8px;font-size:.9375rem;font-weight:700}.wf-record>.wf-note{margin-top:16px;font-size:.8125rem}.wf-approval{border-top:1px solid var(--web-border);margin-top:22px;padding-top:22px}.wf-approval p{font-size:.9375rem}.wf-approval .wf-actions{margin-top:14px}.wf-conversation{background:var(--web-navy-900);border-radius:14px;margin-top:24px;padding:24px}.wf-conversation h3,.wf-conversation p{color:#fff}.wf-conversation p{margin-top:12px}.wf-conversation button{margin-top:18px}.wf-conversation .ds-btn{color:var(--web-navy-900);background:#fff}.wf-conversation .ds-btn:hover{background:var(--web-navy-100)}.wf-conversation .wf-note{font-size:.8125rem}.wf-footnote{max-width:85ch;font-size:.875rem;margin-top:28px!important}.wf-dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--web-navy-900);box-shadow:var(--web-shadow-xl);background:#fff;border:0;border-radius:18px;margin:auto;padding:28px}.wf-dialog::backdrop{background:#0f284680}.wf-dialog h2{font-size:1.6rem}.wf-dialog p{margin-top:14px}.wf-dialog ul{gap:12px;margin:20px 0;padding-left:22px;list-style:outside;display:grid}.wf-dialog .ds-btn{margin-top:20px}.wf-dialog .wf-note{font-size:.875rem}@media (min-width:1000px) and (min-height:700px){.wf-sources{max-height:calc(100dvh - 112px);position:sticky;top:92px;overflow-y:auto}}@media (max-width:900px){.wf-layout{grid-template-columns:minmax(0,1fr);gap:22px}.wf-toolbar{align-items:flex-start}}@media (max-width:560px){.wf-toolbar{flex-direction:column;gap:10px}.wf-progress{gap:10px 15px}.wf-compare,.wf-options{grid-template-columns:minmax(0,1fr)}.wf-record,.wf-date{padding:16px}.wf-row-top{flex-wrap:wrap;gap:7px}.wf-dialog{padding:22px}.wf-actions>.ds-btn{width:100%}.wf-notice{padding:14px}}@media (pointer:coarse){.wf-chip{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.wf-demo *,.wf-dialog *{scroll-behavior:auto!important;transition:none!important}}}