*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#24382b;font-family:system-ui,sans-serif}header{max-width:1240px;margin:30px auto;display:flex;justify-content:space-between;padding:0 24px;font-size:12px}a{color:#587148}header>span{font:10px monospace;color:#78896e}main{max-width:1240px;margin:auto;padding:0 24px 40px}h1{font-size:34px;letter-spacing:-1px;margin:20px 0 10px}.intro,.note{color:#6b7e60;font-size:13px;line-height:1.7}.controls{display:flex;align-items:center;gap:10px;margin:24px 0 18px}.controls button{background:#fff;border:1px solid #bdcbb4;border-radius:5px;padding:8px 16px;font:12px system-ui;color:#35502a;cursor:pointer}#demo-status{font-size:12px;color:#6b7e60;margin-left:8px}.wb-split{display:grid;grid-template-columns:1fr 1fr}.wb-pane{min-width:0}.wb-pane+.wb-pane{border-left:1px solid #d4ddcd}.ph{display:flex;align-items:center}.original-copy{padding:22px 24px;white-space:pre-wrap;font:14px/1.85 system-ui;min-height:500px}.journey{height:500px}.journey-score{min-height:30px}#toolbar{flex:1}.rewrite-header .journey-toolbar{margin:0!important}.rewrite-header-actions{align-self:center!important}.journey-wait{white-space:nowrap}.journey-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note{margin-top:18px}@media(max-width:750px){.wb-split{grid-template-columns:1fr}.original-copy{min-height:0}.wb-pane+.wb-pane{border-left:0;border-top:1px solid #d4ddcd}header>span{display:none}.journey{height:520px}h1{font-size:27px}.wb-controls,.rewrite-top-right{overflow:hidden}.journey-score{white-space:normal}}

/* Standalone right-hand pane for the homepage illustration. */
.rhs-only{background:transparent}
.rhs-only>header,.rhs-only main>h1,.rhs-only .intro,.rhs-only .note,.rhs-only .wb-bar,.rhs-only .wb-pane:first-child{display:none!important}
.rhs-only main{max-width:none;margin:0;padding:0}
.rhs-only .controls{margin:0;padding:10px 14px;border-bottom:1px solid #d4ddcd;background:#eef3e8}
.rhs-only .controls button{padding:5px 9px;font-size:10px}
.rhs-only #demo-status{font-size:10px}
.rhs-only .wb-split{display:block;border:0!important;border-radius:0!important;box-shadow:none!important}
.rhs-only .wb-pane+.wb-pane{border:0!important}
.rhs-only .journey{height:535px}
.rhs-only .rewrite-header{padding:10px 12px!important}
.rhs-only .journey-paper,.rhs-only .journey-reading{font-size:13px!important;padding:16px!important}

.rhs-only .journey{height:400px}
.rhs-only #views,.rhs-only .journey-views{display:none!important}
.rhs-only .controls button{width:29px;height:29px;padding:6px;display:grid;place-items:center}
.controls button svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rhs-only .controls{gap:7px;padding:8px 12px}
.demo-paused .journey *{animation-play-state:paused!important}

.rhs-only .controls{display:none!important}
.rhs-only .rewrite-header{display:flex!important;flex-wrap:nowrap!important;gap:12px!important}
.rhs-only #toolbar{flex:1;min-width:0}
.rhs-only .rewrite-header .journey-steps{gap:10px;flex-basis:auto}
.demo-score{margin-left:auto;display:flex;align-items:baseline;gap:6px;white-space:nowrap;font:10px ui-monospace,monospace;color:#75806f;flex:none}
.demo-score b{font:600 17px system-ui;color:#a24c3c;font-variant-numeric:tabular-nums;letter-spacing:-.4px;min-width:47px;text-align:right}
.demo-score[data-band="mid"] b{color:#977424}.demo-score[data-band="low"] b{color:#4b7440}
@media(max-width:500px){.rhs-only .rewrite-header{gap:6px!important}.rhs-only .rewrite-header .journey-steps{gap:5px;font-size:9px}.demo-score{gap:4px;font-size:9px}.demo-score b{font-size:15px;min-width:43px}.rhs-only .journey-toolbar{border-top:0;padding-top:0}}

@media(max-width:400px){.rhs-only .journey{height:525px}}

.rhs-only .journey-score{display:none!important}
@media(max-width:400px){.rhs-only .rewrite-header{padding:8px!important;gap:5px!important}.rhs-only .journey-steps{gap:5px!important;font-size:8px!important;white-space:nowrap}.rhs-only .journey-steps li{gap:3px!important}.rhs-only .step-dot{min-width:12px!important;width:12px!important;padding:0!important;font-size:8px!important}.demo-score{font-size:8px;gap:3px}.demo-score b{font-size:13px;min-width:36px}}