.isn-legal {
--i-legal-measure: 800px;
--i-legal-body: clamp(17px, 1.2vw, 18.5px);
--i-legal-lead: 1.68;
--i-legal-gap: clamp(0.85em, 1vw, 1em);
--i-legal-art-gap: clamp(40px, 4.2vw, 68px);
padding-block: var(--i-y);
background: var(--i-white);
color: var(--i-ink);
}
.isn-legal-doc {
width: min(100%, var(--i-legal-measure));
margin-inline: auto;
}
.isn-legal-head {
margin: 0 0 calc(var(--i-legal-art-gap) * 1.1);
padding-bottom: clamp(24px, 2.4vw, 36px);
border-bottom: 1px solid var(--i-line);
}
.isn-legal-title {
margin: 0;
font-size: var(--i-h2);
line-height: var(--i-lead-display);
letter-spacing: var(--i-track-display);
}
.isn-legal-title-name {
display: block;
color: var(--i-ink);
}
.isn-legal-title-org {
display: block;
margin-top: 0.34em;
font-size: var(--i-h3);
font-weight: 600;
letter-spacing: -0.012em;
color: var(--i-muted);
}
.isn-legal-version {
margin: clamp(18px, 1.8vw, 26px) 0 0;
font-size: var(--t-small);
color: var(--i-muted);
}
.isn-legal-art {
margin-top: var(--i-legal-art-gap);
}
.isn-legal-art:first-of-type {
margin-top: 0;
}
.isn-legal-h {
margin: 0 0 0.7em;
font-size: var(--i-h3);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.012em;
text-wrap: balance;
}
.isn-legal-p {
margin: var(--i-legal-gap) 0 0;
font-size: var(--i-legal-body);
line-height: var(--i-legal-lead);
overflow-wrap: break-word;
}
.isn-legal-h + .isn-legal-p {
margin-top: 0;
}
.isn-legal-sub {
margin: clamp(26px, 2.6vw, 38px) 0 0.55em;
font-size: clamp(18.5px, 1.5vw, 21px);
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.012em;
text-wrap: balance;
}
.isn-legal-h + .isn-legal-sub {
margin-top: 0;
}
.isn-legal-sub + .isn-legal-p {
margin-top: 0;
}
.isn-legal-bullets {
margin: 0.5em 0 0;
padding-left: 1.3em;
font-size: var(--i-legal-body);
}
.isn-legal-bullet {
line-height: var(--i-legal-lead);
overflow-wrap: break-word;
}
.isn-legal-bullet + .isn-legal-bullet {
margin-top: 0.4em;
}
.isn-legal-list {
margin: var(--i-legal-gap) 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.5em;
}
.isn-legal-item {
display: grid;
grid-template-columns: 1.6em 1fr;
font-size: var(--i-legal-body);
line-height: var(--i-legal-lead);
overflow-wrap: break-word;
}
.isn-legal-marker {
color: var(--i-muted);
font-variant-numeric: tabular-nums;
}
@media (max-width: 640px) {
.isn-legal-title {
font-size: 28px;
}
.isn-legal-title-org {
font-size: 18px;
}
.isn-legal-h {
font-size: 19px;
}
.isn-legal-sub {
font-size: 17px;
}
}