/* Compact explanatory visuals: no live account data or simulated task execution. */
.work-example{margin-top:0;margin-bottom:42px}
.work-example-sheet{background:var(--s-panel);border-radius:18px;padding:22px 25px;color:var(--s-ink)}
.work-example-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}
.work-example-label{display:block;color:var(--s-green);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}
.work-example-head h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:0}
.work-example-fiction{font-size:10px;color:var(--s-muted);white-space:nowrap}
.work-example-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none}
.work-example-track li{position:relative;padding:0 18px 0 0;min-width:0}
.work-example-track li:after{content:'';position:absolute;top:14px;left:32px;right:9px;height:1px;background:var(--s-line)}
.work-example-track li:last-child:after{display:none}
.work-example-node{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--s-line);border-radius:50%;background:var(--s-bg);color:var(--s-green);font-size:10px;margin-bottom:13px}
.work-example-track h3{font-size:15px;line-height:1.3;letter-spacing:-.015em;margin:0 0 5px}
.work-example-track p{font-size:12px;line-height:1.4;color:var(--s-muted);margin:0;max-width:210px}
.work-example-status{display:inline-block;margin-top:11px;font-size:10px;color:var(--s-green);line-height:1.35}
.work-example-current .work-example-node{border-color:var(--s-accent);color:var(--s-accent)}
.work-example-current .work-example-status{color:var(--s-accent)}
.work-example-waiting{color:var(--s-muted)}
.work-example-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--s-line);padding-top:15px;margin-top:21px}
.work-example-foot p{font-size:11px;line-height:1.45;color:var(--s-muted);margin:0}
.work-example-foot a{font-size:12px;font-weight:600;color:var(--s-green);white-space:nowrap;min-height:32px;display:flex;align-items:center;gap:7px}
.work-example-foot a:focus-visible,.free-tools-choice-links a:focus-visible{outline:2px solid var(--s-green);outline-offset:4px;border-radius:4px}
.free-tools-visual{background:var(--s-panel);color:var(--s-ink);border-radius:19px;padding:20px 22px;min-width:0;max-width:610px}
.free-tools-visual-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 15px;margin-bottom:17px}
.free-tools-visual-head h2{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0}
.free-tools-visual-head>span{font-size:10px;color:var(--s-green)}
.free-tools-snippet{padding-bottom:17px}
.free-tools-domain{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.free-tools-domain-mark{display:grid;place-items:center;background:var(--s-soft);border:1px solid var(--s-line);color:var(--s-green);width:27px;height:27px;border-radius:50%;font-size:18px;font-weight:650;flex-shrink:0}
.free-tools-domain strong{display:block;font-size:11px;font-weight:550;line-height:1.3}
.free-tools-domain small{display:block;font-size:9px;line-height:1.4;color:var(--s-muted);overflow-wrap:anywhere}
.free-tools-snippet h3{font-size:18px;line-height:1.3;font-weight:500;letter-spacing:-.01em;color:#2454a6;margin:0 0 7px}
.free-tools-snippet>p{font-size:12px;line-height:1.5;color:var(--s-muted);margin:0 0 8px}
.free-tools-snippet-note{display:block;font-size:9px;line-height:1.4;color:var(--s-muted)}
.free-tools-choice-links{border-top:1px solid var(--s-line)}
.free-tools-choice-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;padding:9px 0;color:var(--s-green)}
.free-tools-choice-links a+a{border-top:1px solid var(--s-line)}
.free-tools-choice-links a strong{display:block;font-size:12px;font-weight:600;line-height:1.4}
.free-tools-choice-links a small{display:block;font-size:10px;line-height:1.35;color:var(--s-muted);margin-top:2px}
.free-tools-choice-links a>span:last-child{font-size:18px}
html[data-theme="dark"] .free-tools-snippet h3{color:#a9bdff}
@media(max-width:700px){
 .work-example{margin-bottom:28px}
 .work-example-sheet{padding:12px 15px 9px;border-radius:14px}
 .work-example-head{align-items:start;gap:10px;margin-bottom:12px}
 .work-example-label{font-size:9px;letter-spacing:.06em;margin-bottom:4px}
 .work-example-head h2{font-size:18px;max-width:235px}
 .work-example-fiction{font-size:9px;white-space:normal;max-width:54px;text-align:right;line-height:1.35}
 .work-example-track{grid-template-columns:1fr}
 .work-example-track li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:9px 0;min-height:49px}
 .work-example-track li+li{border-top:1px solid var(--s-line)}
 .work-example-track li:after{display:none}
 .work-example-node{width:23px;height:23px;font-size:9px;margin:0}
 .work-example-track h3{font-size:12px;line-height:1.25;margin:0 0 3px}
 .work-example-track p{font-size:10px;line-height:1.3;max-width:190px}
 .work-example-status{font-size:9px;line-height:1.35;margin:0;max-width:66px;text-align:right}
 .work-example-foot{display:block;padding-top:9px;margin-top:5px}
 .work-example-foot p{font-size:10px;line-height:1.35}
 .work-example-foot a{display:inline-flex;min-height:30px;font-size:11px}
 .free-tools-visual{padding:17px 17px 7px;border-radius:15px;max-width:none}
 .free-tools-visual-head{margin-bottom:13px}
 .free-tools-visual-head h2{font-size:17px}
 .free-tools-visual-head>span{font-size:9px}
 .free-tools-snippet{padding-bottom:13px}
 .free-tools-snippet h3{font-size:17px}
 .free-tools-snippet>p{font-size:11px;line-height:1.45}
 .free-tools-choice-links a{min-height:49px;padding:9px 0}
}