<section id="introduction" item-label="section" class="grid columns_1 columns_5:lg gap_5:lg gap_4">
    <div item-label="content"  class="col-start_start col-end_n3:lg col-end_end reading-typography font-size_up" style="--custom-font-size-modifier: 1;">content</div>
    <div item-label="sidebar-primary" class="col-start_start col-start_n3:lg col-end_end wrapper-container">aside</div>
</section>
<!-- Needed for Style Guide Only -->
<style>.space-holder section,.space-holder [item-label="section"]{padding:10px 0; background-color:rgba(128, 128, 128, 0.209); margin-bottom:10px;}
.space-holder div{min-height: 50px; color:rgb(0, 0, 0); padding:10px;}
.colored-zones [grid-area="sidebar-secondary"],.colored-zones [item-label="sidebar-secondary"] {background-color: #0080001b;}
.colored-zones [grid-area="sidebar-primary"],.colored-zones [item-label="sidebar-primary"] {background-color: #1668ff2d;}
.colored-zones [grid-area="fullscreen"],.colored-zones [item-label="fullscreen"] {background-color:#ff260040;}
.colored-zones [grid-area="content"],.colored-zones [item-label="content"] {background-color: #ffa6002b;}</style>
</style>
<!-- Needed for Style Guide Only -->