.wl-page main p,
.wl-page main li,
.wl-page main dt,
.wl-page main dd{
overflow-wrap:break-word
}

.wl-hero-detail{
max-width:47.5rem;
margin-top:var(--space-2);
font-size:var(--fs-base);
line-height:var(--lh-body);
color:#3A3835
}

.wl-hero-facts{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
list-style:none;
margin-top:var(--space-3);
margin-bottom:var(--space-3);
padding:0
}

.wl-hero-facts li{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:var(--space-1);
min-width:0;
padding:var(--space-1) var(--space-3);
border-radius:var(--radius-md);
background:#FFFFFF;
color:#2B2A28;
font-size:var(--fs-sm);
line-height:var(--lh-body)
}

.wl-intro{
max-width:60rem;
margin-top:var(--space-2);
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.wl-card{
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
background:#FFFFFF;
color:#3A3835
}

.wl-card h3{
color:#2B2A28;
font-size:var(--fs-card);
line-height:var(--lh-card)
}

.wl-card p,
.wl-card li{
color:#3A3835;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.wl-card .wl-list{
padding-inline-start:var(--space-3)
}

.wl-list li+li{
margin-top:var(--space-1)
}

.wl-card .wl-foot{
margin-top:auto;
padding-top:var(--space-1);
color:#6B665E;
font-size:var(--fs-sm)
}

.wl-card>.c-actions{
margin-top:auto;
padding-top:var(--space-1)
}

.wl-section-note{
margin-top:var(--space-3);
max-width:60rem;
font-size:var(--fs-sm);
line-height:var(--lh-body);
color:#1E3A4F
}

.wl-checklist{
list-style:none;
margin:0;
padding:0
}

.wl-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding:var(--space-3);
border-bottom:1px solid var(--hair)
}

.wl-check-row>*{
min-width:0
}

.wl-check-row h3{
font-size:var(--fs-card);
line-height:var(--lh-card)
}

.wl-step-number{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.5rem;
height:2.5rem;
border-radius:var(--radius-pill);
background:#EFE6D6;
color:#3D3527;
font-size:var(--fs-sm);
line-height:1
}

.wl-addon-note{
margin-top:var(--space-4);
background:#EFE6D6;
color:#3D3527
}

.wl-addon-note h3{
font-size:var(--fs-card);
line-height:var(--lh-card);
color:#3D3527
}

.wl-addon-note p{
margin-top:var(--space-1);
color:#3D3527
}

.wl-terminal{
min-width:0
}

.wl-terminal pre{
position:relative;
overflow-x:auto;
max-width:100%;
margin:0
}

.wl-log-grid{
margin-top:var(--space-3)
}

.wl-decision{
display:grid;
gap:var(--space-1);
max-width:60rem;
margin-top:var(--space-4)
}

.wl-decision h3{
font-size:var(--fs-card);
line-height:var(--lh-card);
color:#3D3527
}

.wl-decision p{
color:#3D3527
}

.wl-page .wl-last-section{
padding-bottom:var(--space-close)
}

.wl-page .wl-closing{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(14rem,.45fr);
align-items:center;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:#2B2A28;
color:#F3EEE6
}

.wl-page .wl-closing-copy{
min-width:0;
text-align:left
}

.wl-page .wl-closing-copy h2{
color:#F3EEE6;
font-size:var(--fs-section);
line-height:var(--lh-heading)
}

.wl-page .wl-closing-copy p{
margin-top:var(--space-1);
color:#F3EEE6;
font-size:var(--fs-base);
line-height:var(--lh-body)
}

.wl-page .wl-closing-actions{
display:flex;
flex-direction:column;
align-items:stretch;
justify-content:center;
gap:var(--space-2);
min-width:0;
margin-top:0
}

.wl-closing-actions .c-btn--ghost{
background:#2B2A28;
color:#F3EEE6;
border-color:color-mix(in srgb,#F3EEE6 45%,transparent)
}

.wl-closing-actions .c-btn--ghost:hover{
background:#3A3835;
color:#FFFFFF
}

@media(max-width:64rem){
.wl-page .wl-closing{
grid-template-columns:minmax(0,1fr)
}

.wl-page .wl-closing-actions{
align-items:flex-start;
justify-content:flex-start;
margin-top:var(--space-2)
}
}

@media(max-width:42rem){
.wl-hero-facts{
flex-direction:column;
align-items:flex-start
}

.wl-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
padding-inline:0
}

.wl-check-row>:nth-child(3){
grid-column:2
}

.wl-step-number{
width:2.25rem;
height:2.25rem
}

.wl-page .wl-closing{
padding:var(--space-3)
}

.wl-page .wl-closing-actions{
align-items:stretch
}
}