.wsdc-app{--wsdc-ink:#101318;--wsdc-muted:#626a75;--wsdc-line:#dfe3e8;--wsdc-orange:#f26a21;--wsdc-warm:#fff4ec;--wsdc-panel:#fff}
.wsdc-page{background:#f5f6f7;padding:72px 20px 90px;color:var(--wsdc-ink)}
.wsdc-app{width:min(1180px,100%);margin:0 auto;font-family:Inter,Arial,sans-serif}
.wsdc-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:36px;align-items:end;background:var(--wsdc-ink);color:#fff;padding:52px;border-radius:10px 10px 0 0}
.wsdc-eyebrow{display:block;color:var(--wsdc-orange);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.wsdc-hero h1{font-family:Archivo,Inter,sans-serif;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95;letter-spacing:-.045em;margin:0 0 18px}
.wsdc-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.72);font-size:1.05rem;line-height:1.7}
.wsdc-version{display:inline-block;margin-top:18px;color:rgba(255,255,255,.45);font-size:.75rem}
.wsdc-hero__readout{border-left:2px solid var(--wsdc-orange);padding:7px 0 7px 22px}
.wsdc-hero__readout strong{display:block;font-family:Archivo,Inter,sans-serif;font-size:1.8rem}
.wsdc-hero__readout span{display:block;color:rgba(255,255,255,.56);font-size:.82rem;margin-top:5px}
.wsdc-note{padding:18px 24px;background:var(--wsdc-warm);border:1px solid #ffd4ba;border-top:0;line-height:1.55;font-size:.9rem}
.wsdc-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:22px;margin-top:22px}
.wsdc-panel,.wsdc-results{background:var(--wsdc-panel);border:1px solid var(--wsdc-line);border-radius:8px;box-shadow:0 18px 45px -38px rgba(16,19,24,.55)}
.wsdc-controls{padding:30px}
.wsdc-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.wsdc-panel__head>div{display:flex;align-items:center;gap:12px}
.wsdc-panel__head--rows{border-top:1px solid var(--wsdc-line);padding-top:28px;margin-top:30px}
.wsdc-panel h2,.wsdc-results h2{font-family:Archivo,Inter,sans-serif;font-size:1.35rem;margin:0}
.wsdc-step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wsdc-orange);color:#fff;font-weight:800;font-size:.8rem}
.wsdc-field-grid,.wsdc-row__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wsdc-app label{display:grid;gap:7px;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#3b414a}
.wsdc-app input,.wsdc-app select{width:100%;min-height:46px;border:1px solid #cdd2d9;border-radius:5px;background:#fff;color:var(--wsdc-ink);padding:10px 12px;font:600 .95rem Inter,Arial,sans-serif;box-sizing:border-box}
.wsdc-app input:focus,.wsdc-app select:focus{outline:3px solid rgba(242,106,33,.16);border-color:var(--wsdc-orange)}
.wsdc-input-suffix{position:relative;display:block}
.wsdc-input-suffix input{padding-right:48px}
.wsdc-input-suffix>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#777f89;font-size:.78rem;text-transform:none}
.wsdc-formula{background:#f5f6f7;border-left:3px solid var(--wsdc-orange);padding:14px 16px;margin-top:20px;color:var(--wsdc-muted);font-size:.85rem;line-height:1.5}
.wsdc-row{position:relative;border:1px solid var(--wsdc-line);border-radius:7px;padding:22px;margin:0 0 14px}
.wsdc-row legend{padding:0 8px;color:var(--wsdc-orange);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wsdc-remove{border:0;background:transparent;color:#a33d31;text-decoration:underline;font-size:.76rem;cursor:pointer;padding:10px 0 0}
.wsdc-actions{display:flex;gap:10px;margin-top:22px}
.wsdc-button{border:1px solid var(--wsdc-orange);border-radius:5px;background:var(--wsdc-orange);color:#fff;padding:12px 17px;font:800 .8rem Inter,Arial,sans-serif;letter-spacing:.03em;cursor:pointer}
.wsdc-button:hover{filter:brightness(.94)}
.wsdc-button:disabled{cursor:not-allowed;filter:none;opacity:.48}
.wsdc-button--quiet{background:#fff;color:var(--wsdc-ink);border-color:#cdd2d9}
.wsdc-guide{padding:30px;align-self:start}
.wsdc-guide h2{margin:12px 0 22px}
.wsdc-guide ol{padding-left:20px;margin:24px 0 0;color:var(--wsdc-muted);font-size:.88rem;line-height:1.6}
.wsdc-guide li+li{margin-top:10px}
.wsdc-diagram{position:relative;height:130px;border-radius:6px;background:linear-gradient(#eef5f8 0 55%,#e5e3dc 55%);overflow:hidden}
.wsdc-diagram__main,.wsdc-diagram__delay{position:absolute;bottom:31px;display:grid;place-items:center;width:52px;height:62px;background:var(--wsdc-ink);color:#fff;font-size:.62rem;font-weight:800;border-radius:4px 4px 0 0;z-index:2}
.wsdc-diagram__main{left:16px}.wsdc-diagram__delay{right:48px;border-top:4px solid var(--wsdc-orange)}
.wsdc-diagram__line{position:absolute;left:68px;right:100px;top:62px;border-top:2px dashed var(--wsdc-orange)}
.wsdc-diagram__line:after{content:"";position:absolute;right:-2px;top:-5px;border-left:8px solid var(--wsdc-orange);border-top:4px solid transparent;border-bottom:4px solid transparent}
.wsdc-diagram__audience{position:absolute;right:12px;bottom:20px;width:9px;height:28px;border-radius:8px;background:#5c6570;box-shadow:-18px 4px 0 #747d86,-35px 7px 0 #8a9299}
.wsdc-results{margin-top:22px;padding:30px}
.wsdc-results__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.wsdc-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wsdc-result{border:1px solid var(--wsdc-line);border-top:4px solid var(--wsdc-orange);border-radius:6px;padding:20px}
.wsdc-result__label{display:block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--wsdc-muted)}
.wsdc-result__primary{display:flex;align-items:baseline;gap:6px;margin:10px 0 18px;color:var(--wsdc-ink)}
.wsdc-result__primary strong{font-family:Archivo,Inter,sans-serif;font-size:2.5rem;letter-spacing:-.04em}
.wsdc-result__primary span{font-weight:800;color:var(--wsdc-orange)}
.wsdc-result dl{margin:0}.wsdc-result dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #edf0f2;font-size:.78rem}
.wsdc-result dt{color:var(--wsdc-muted)}.wsdc-result dd{margin:0;font-weight:700;text-align:right}
.wsdc-result__warning{margin:14px 0 0;padding:10px;background:#fff4d8;color:#795b12;font-size:.75rem;line-height:1.45}
.wsdc-empty{color:var(--wsdc-muted);margin:0;font-size:.9rem}
.wsdc-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wsdc-app [hidden]{display:none!important}
@media(max-width:900px){.wsdc-hero,.wsdc-layout{grid-template-columns:1fr}.wsdc-hero{padding:38px}.wsdc-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wsdc-page{padding:34px 12px 55px}.wsdc-hero{padding:28px 22px}.wsdc-controls,.wsdc-guide,.wsdc-results{padding:22px}.wsdc-field-grid,.wsdc-row__grid,.wsdc-result-grid{grid-template-columns:1fr}.wsdc-panel__head--rows,.wsdc-results__head{align-items:flex-start;flex-direction:column}.wsdc-actions{flex-direction:column}.wsdc-button{width:100%}}
