Redline

<article data-kit-role="redline" aria-labelledby="redline-single-subject">
  <h3 id="redline-single-subject">Key collection</h3>
  <div>
    <p id="redline-single-collection">Collect your key from <del>the office</del> <ins>the lockbox</ins>.</p>
    <span data-kit-region="place">1 of 1</span>
  </div>
</article>
<p class="specimen-case-line">Twelve changes, stepped through in order across prose, lists, blocks and tables.</p>
<article data-kit-role="redline" aria-labelledby="redline-subject">
  <h3 id="redline-subject">Terms of hire</h3>
  <div>
    <ins><h4 id="redline-arrival-instructions">Arrival instructions</h4></ins>
    <div data-kit-region="stepper"><span data-kit-region="place">1 of 12</span><a data-kit-region="next" href="#redline-damage-report" aria-label="Next change: damage report">next</a></div>
  </div>
  <p data-kit-state="unchanged">The hirer leaves the room as they found it.</p>
  <del>
    <ul>
      <li id="redline-damage-report">The hirer reports damage before leaving.<div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-arrival-instructions" aria-label="Previous change: arrival instructions">previous</a><span data-kit-region="place">2 of 12</span><a data-kit-region="next" href="#redline-fee-and-deposit" aria-label="Next change: fee and deposit">next</a></div></li>
      <li id="redline-fee-and-deposit">The hirer pays the fee and deposit shown at confirmation.<div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-damage-report" aria-label="Previous change: damage report">previous</a><span data-kit-region="place">3 of 12</span><a data-kit-region="next" href="#redline-arrival" aria-label="Next change: arrival">next</a></div></li>
    </ul>
  </del>
  <div>
    <p id="redline-arrival">Collect your key from <del>the office</del> <ins>the lockbox beside the side entrance</ins>.</p>
    <div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-fee-and-deposit" aria-label="Previous change: fee and deposit">previous</a><span data-kit-region="place">4 of 12</span><a data-kit-region="next" href="#redline-inserted-access" aria-label="Next change: inserted access block">next</a></div>
  </div>
  <p data-kit-state="unchanged">Safety glasses and ear protection are on the shelf inside the door.</p>
  <div>
    <ins><pre id="redline-inserted-access">Access point        Side entrance        Collection window        <time datetime="07:00"><span>07:00–</span><wbr><span>23:00</span></time> by prior agreement
Key return          Side entrance lockbox                         Before the booking ends</pre></ins>
    <div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-arrival" aria-label="Previous change: arrival">previous</a><span data-kit-region="place">5 of 12</span><a data-kit-region="next" href="#redline-deleted-access" aria-label="Next change: deleted access block">next</a></div>
  </div>
  <div>
    <del><pre id="redline-deleted-access">Access point        Main entrance        Collection window        <time datetime="08:00"><span>08:00–</span><wbr><span>22:00</span></time> through the office
Key return          Office desk                                   Before the booking ends</pre></del>
    <div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-inserted-access" aria-label="Previous change: inserted access block">previous</a><span data-kit-region="place">6 of 12</span><a data-kit-region="next" href="#redline-overflowing-main-hall" aria-label="Next change: overflowing table Main Hall">next</a></div>
  </div>
  <div><pre>Damage note         Photograph each mark                           Send with the departure report</pre></div>
  <div data-kit-region="table" tabindex="0">
    <div><table id="redline-overflowing-table" data-kit-table="prose" data-kit-print-form="rows">
      <thead>
        <tr><th scope="col">Room</th><th scope="col">Capacity</th><th scope="col">Hire hours</th><th scope="col">Key access</th><th scope="col">Damage report</th><th scope="col">Cancellation notice</th><th scope="col">Safety equipment</th><th scope="col">Deposit</th><th scope="col">Fee</th></tr>
      </thead>
      <tbody>
        <tr id="redline-overflowing-main-hall"><th scope="row" data-label="Room"><div data-kit-region="value">Main Hall</div></th><td data-label="Capacity"><div data-kit-region="value"><div data-kit-region="fact">120 seated</div></div></td><td data-label="Hire hours"><div data-kit-region="value"><div data-kit-region="fact"><del><time datetime="08:00"><span>08:00–</span><wbr><span>22:00</span></time></del> <ins><time datetime="07:00"><span>07:00–</span><wbr><span>23:00</span></time></ins></div></div></td><td data-label="Key access"><div data-kit-region="value"><div data-kit-region="fact">Lockbox</div></div></td><td data-label="Damage report"><div data-kit-region="value"><div data-kit-region="fact">Reported at departure</div></div></td><td data-label="Cancellation notice"><div data-kit-region="value"><div data-kit-region="fact">14 days</div></div></td><td data-label="Safety equipment"><div data-kit-region="value"><div data-kit-region="fact">Glasses and ear protection</div></div></td><td data-label="Deposit"><div data-kit-region="value"><div data-kit-region="fact">Refunded after inspection</div></div></td><td data-label="Fee"><div data-kit-region="value"><div data-kit-region="fact">Shown at confirmation</div></div><div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-deleted-access" aria-label="Previous change: deleted access block">previous</a><span data-kit-region="place">7 of 12</span><a data-kit-region="next" href="#redline-overflowing-committee-room" aria-label="Next change: overflowing table Committee Room">next</a></div></td></tr>
        <tr id="redline-overflowing-committee-room"><th scope="row" data-label="Room"><div data-kit-region="value">Committee Room</div></th><td data-label="Capacity"><div data-kit-region="value"><div data-kit-region="fact">24 seated</div></div></td><td data-label="Hire hours"><div data-kit-region="value"><div data-kit-region="fact"><time datetime="09:00"><span>09:00–</span><wbr><span>21:00</span></time></div></div></td><td data-label="Key access"><div data-kit-region="value"><div data-kit-region="fact"><del>Office</del> <ins>Lockbox</ins></div></div></td><td data-label="Damage report"><div data-kit-region="value"><div data-kit-region="fact">Reported at departure</div></div></td><td data-label="Cancellation notice"><div data-kit-region="value"><div data-kit-region="fact">14 days</div></div></td><td data-label="Safety equipment"><div data-kit-region="value"><div data-kit-region="fact">Glasses</div></div></td><td data-label="Deposit"><div data-kit-region="value"><div data-kit-region="fact">Refunded after inspection</div></div></td><td data-label="Fee"><div data-kit-region="value"><div data-kit-region="fact">Shown at confirmation</div></div><div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-overflowing-main-hall" aria-label="Previous change: overflowing table Main Hall">previous</a><span data-kit-region="place">8 of 12</span><a data-kit-region="next" href="#redline-fitting-main-hall" aria-label="Next change: fitting table Main Hall">next</a></div></td></tr>
        <tr><th scope="row" data-label="Room"><div data-kit-region="value">Kitchen</div></th><td data-label="Capacity"><div data-kit-region="value"><div data-kit-region="fact">8 standing</div></div></td><td data-label="Hire hours"><div data-kit-region="value"><div data-kit-region="fact"><time datetime="09:00"><span>09:00–</span><wbr><span>21:00</span></time></div></div></td><td data-label="Key access"><div data-kit-region="value"><div data-kit-region="fact">Lockbox</div></div></td><td data-label="Damage report"><div data-kit-region="value"><div data-kit-region="fact">Reported at departure</div></div></td><td data-label="Cancellation notice"><div data-kit-region="value"><div data-kit-region="fact">7 days</div></div></td><td data-label="Safety equipment"><div data-kit-region="value"><div data-kit-region="fact">Glasses and ear protection</div></div></td><td data-label="Deposit"><div data-kit-region="value"><div data-kit-region="fact">Refunded after inspection</div></div></td><td data-label="Fee"><div data-kit-region="value"><div data-kit-region="fact">Shown at confirmation</div></div></td></tr>
      </tbody>
    </table></div>
  </div>
  <div data-kit-region="table" tabindex="0">
    <div><table id="redline-fitting-table" data-kit-table="prose">
      <thead>
        <tr><th scope="col">Room</th><th scope="col">Occupancy</th><th scope="col">Hire hours</th><th scope="col">Key access</th></tr>
      </thead>
      <tbody>
        <tr id="redline-fitting-main-hall"><th scope="row">Main Hall</th><td><div data-kit-region="fact">120 seated</div></td><td><div data-kit-region="fact"><del><time datetime="08:00"><span>08:00–</span><wbr><span>22:00</span></time></del> <ins><time datetime="07:00"><span>07:00–</span><wbr><span>23:00</span></time></ins></div></td><td><div data-kit-region="fact">Lockbox</div><div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-overflowing-committee-room" aria-label="Previous change: overflowing table Committee Room">previous</a><span data-kit-region="place">9 of 12</span><a data-kit-region="next" href="#redline-fitting-committee-room" aria-label="Next change: fitting table Committee Room">next</a></div></td></tr>
        <tr id="redline-fitting-committee-room"><th scope="row">Committee Room</th><td><div data-kit-region="fact">24 seated</div></td><td><div data-kit-region="fact"><time datetime="09:00"><span>09:00–</span><wbr><span>21:00</span></time></div></td><td><div data-kit-region="fact"><del>Storeroom</del> <ins>Lockbox</ins></div><div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-fitting-main-hall" aria-label="Previous change: fitting table Main Hall">previous</a><span data-kit-region="place">10 of 12</span><a data-kit-region="next" href="#redline-cancellations" aria-label="Next change: cancellations">next</a></div></td></tr>
        <tr><th scope="row">Kitchen</th><td><div data-kit-region="fact">8 standing</div></td><td><div data-kit-region="fact"><time datetime="09:00"><span>09:00–</span><wbr><span>21:00</span></time></div></td><td><div data-kit-region="fact">Lockbox</div></td></tr>
      </tbody>
    </table></div>
  </div>
  <div>
    <p id="redline-cancellations"><ins>Cancellations 14 days or more before the start return the deposit.</ins></p>
    <div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-fitting-committee-room" aria-label="Previous change: fitting table Committee Room">previous</a><span data-kit-region="place">11 of 12</span><a data-kit-region="next" href="#redline-departure" aria-label="Next change: departure">next</a></div>
  </div>
  <div>
    <p id="redline-departure">Turn off the lights before leaving. <del>Return your key to the office.</del> <ins>Put your key back in the lockbox.</ins></p>
    <div data-kit-region="stepper"><a data-kit-region="previous" href="#redline-cancellations" aria-label="Previous change: cancellations">previous</a><span data-kit-region="place">12 of 12</span></div>
  </div>
  <p data-kit-state="unchanged">The hirer leaves the room as they found it.</p>
</article>