.docs__item,
.del-card,
.course,
.courses-empty {
border-radius: var(--lp-r-frame);
background: var(--color-card);
box-shadow: var(--lp-ring);
}
.chip--draft {
background: var(--color-warn-soft);
color: var(--color-warn-ink);
box-shadow: none;
}
.chip--reviewed {
background: var(--color-info-soft);
color: var(--color-info-ink);
box-shadow: none;
}
.chip--in_force {
background: var(--color-success-soft);
color: var(--color-success-ink);
box-shadow: none;
}
.docs__go,
.legal-foot__back::before {
content: "";
flex: none;
width: 8px;
height: 8px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
}
.legal-foot__back::before {
transform: rotate(-135deg);
}
.docs-page,
.legal {
padding-bottom: var(--lp-section);
}
.docs {
display: grid;
gap: var(--space-12);
max-width: 820px;
}
.docs__item {
position: relative;
display: flex;
align-items: center;
gap: var(--space-16);
padding: var(--space-20) var(--space-24);
}
.docs__item:hover {
box-shadow: var(--lp-ring), var(--lp-lift);
}
.docs__item:focus-within {
outline: 2px solid var(--color-brand);
outline-offset: 2px;
}
.docs__ic {
--ic: 44px;
}
.docs__body {
display: grid;
flex: 1;
gap: var(--space-8);
min-width: 0;
}
.docs__title {
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
.docs__link {
color: var(--color-text);
text-decoration: none;
}
.docs__link::after {
content: "";
position: absolute;
inset: 0;
}
.docs__link:focus-visible {
outline: none;
}
.docs__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-8) var(--space-12);
color: var(--color-muted);
font-size: 14px;
}
.docs__meta .chip {
flex: 0 1 auto;
white-space: normal;
}
.docs__go {
margin-right: var(--space-4);
color: var(--color-muted);
}
@media (max-width: 559px) {
.docs__ic {
display: none;
}
.docs__item {
padding: var(--space-16) var(--space-20);
}
}
.legal-head {
gap: var(--space-16);
max-width: none;
}
.legal-head .page-title {
max-width: 820px;
}
.legal-meta {
display: flex;
flex-wrap: wrap;
gap: var(--space-12) var(--space-32);
margin-top: var(--space-8);
padding-top: var(--space-16);
box-shadow: inset 0 1px 0 var(--pub-hairline);
font-size: 15px;
}
.legal-meta dt {
color: var(--color-muted);
font-size: 13px;
}
.legal-layout {
display: grid;
gap: var(--space-24);
}
.legal-main {
min-width: 0;
}
.legal-body > :not(.legal-table, h2) {
max-width: 64ch;
}
.legal-toc {
display: none;
}
@media (min-width: 1100px) {
.legal-layout {
grid-template-columns: 272px minmax(0, 1fr);
gap: calc(var(--space-32) * 2);
align-items: start;
}
.legal-toc {
position: sticky;
top: calc(var(--lp-bar) + var(--space-32));
display: block;
}
.legal-toc-m {
display: none;
}
}
.legal-toc__title {
margin-bottom: var(--space-12);
font-size: 14px;
font-weight: 600;
}
.legal-toc__list {
display: grid;
box-shadow: inset 1px 0 0 var(--pub-hairline);
}
.legal-toc__list a {
display: block;
padding: 6px var(--space-12) 6px var(--space-16);
color: var(--color-muted);
font-size: 14px;
line-height: 1.4;
text-decoration: none;
}
.legal-toc__list a:hover {
color: var(--color-text);
box-shadow: inset 2px 0 0 var(--color-brand);
}
.legal-toc-m {
margin-top: var(--space-16);
border-radius: var(--lp-r-card);
background: var(--color-card);
box-shadow: var(--lp-ring);
}
.legal-toc-m summary {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
padding-inline: var(--space-16);
font-weight: 600;
list-style: none;
cursor: pointer;
}
.legal-toc-m summary::-webkit-details-marker {
display: none;
}
.legal-toc-m summary::after {
content: "";
width: 8px;
height: 8px;
border-right: 2px solid var(--color-muted);
border-bottom: 2px solid var(--color-muted);
transform: rotate(45deg) translateY(-2px);
}
.legal-toc-m[open] summary::after {
transform: rotate(-135deg);
}
.legal-toc-m .legal-toc__list {
margin: 0 var(--space-16) var(--space-16);
}
.legal-note {
display: flex;
gap: var(--space-12);
align-items: flex-start;
padding: var(--space-12) var(--space-16);
border-radius: var(--lp-r-card);
background: var(--color-warn-soft);
color: var(--color-warn-ink);
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.legal-note--reviewed,
.legal-note--lang {
background: var(--color-info-soft);
color: var(--color-info-ink);
}
.legal-note--in_force {
background: var(--color-success-soft);
color: var(--color-success-ink);
}
.legal-note + .legal-note {
margin-top: var(--space-8);
}
.legal-note .icon {
margin-top: 1px;
}
.legal-body {
margin-top: var(--space-32);
color: var(--pub-ink-2);
line-height: 1.75;
overflow-wrap: break-word;
}
.legal-body > * + * {
margin-top: var(--space-16);
}
.legal-body h2,
.legal-body h3 {
color: var(--color-text);
line-height: 1.3;
letter-spacing: -0.015em;
scroll-margin-top: var(--lp-anchor);
}
.legal-body h2 {
margin-top: calc(var(--space-32) * 1.5);
padding-top: var(--space-32);
box-shadow: inset 0 1px 0 var(--pub-hairline);
font-size: 22px;
}
.legal-body h3 {
margin-top: var(--space-32);
font-size: 18px;
}
.legal-body strong {
color: var(--color-text);
font-weight: 600;
}
.legal-body ul,
.legal-body ol {
padding-left: 1.4em;
list-style: disc;
}
.legal-body ol {
list-style: decimal;
}
.legal-body blockquote {
margin-inline: 0;
padding: var(--space-12) var(--space-20);
border-left: 3px solid var(--color-brand);
background: var(--pub-canvas-alt);
}
.legal-body code {
padding: 1px 5px;
border-radius: 6px;
background: var(--color-surface);
color: var(--color-text);
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 0.86em;
overflow-wrap: anywhere;
}
.legal-table {
margin-block: var(--space-24);
overflow-x: auto;
border-radius: var(--lp-r-card);
background:
linear-gradient(to right, var(--color-card) 50%, transparent) left / 40px 100% no-repeat local,
linear-gradient(to left, var(--color-card) 50%, transparent) right / 40px 100% no-repeat local,
linear-gradient(to right, var(--pub-frame-shadow), transparent) left / 14px 100% no-repeat scroll,
linear-gradient(to left, var(--pub-frame-shadow), transparent) right / 14px 100% no-repeat scroll,
var(--color-card);
box-shadow: var(--lp-ring);
}
.legal-table table {
width: 100%;
min-width: 560px;
border-collapse: collapse;
font-size: 14px;
line-height: 1.55;
}
.legal-table table:not(:has(th:nth-child(3))) {
min-width: 0;
}
.legal-table table:has(th:nth-child(3)) code {
overflow-wrap: normal;
}
.legal-table th,
.legal-table td {
padding: var(--space-12) var(--space-16);
text-align: left;
vertical-align: top;
overflow-wrap: normal;
}
.legal-table th {
background: var(--pub-canvas-alt);
color: var(--color-text);
font-weight: 600;
}
.legal-table td {
border-top: 1px solid var(--pub-hairline);
}
.legal-table td:first-child {
color: var(--color-text);
font-weight: 500;
}
.legal-pending {
padding: 1px 6px;
border-radius: 6px;
background: var(--color-warn-soft);
color: var(--color-warn-ink);
font-weight: 600;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.legal-foot {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: var(--space-8) var(--space-24);
margin-top: calc(var(--space-32) * 1.5);
padding-top: var(--space-16);
box-shadow: inset 0 1px 0 var(--pub-hairline);
color: var(--color-muted);
font-size: 14px;
}
.legal-foot a {
font-weight: 600;
}
.legal-foot__back {
display: inline-flex;
align-items: center;
gap: var(--space-12);
min-height: 44px;
text-decoration: none;
}
.errpage {
display: grid;
justify-items: center;
align-content: center;
gap: var(--space-16);
min-height: min(720px, 76dvh);
padding-block: calc(var(--space-32) * 2);
text-align: center;
}
.errpage__code::before {
content: attr(data-code);
}
.errpage__code {
padding: 0.04em 0.08em;
background: linear-gradient(var(--color-text) 35%, var(--color-field-border));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: clamp(104px, 19vw, 192px);
font-weight: 600;
line-height: 0.92;
letter-spacing: -0.06em;
user-select: none;
}
.errpage__title {
max-width: 20ch;
font-size: var(--lp-h2);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.025em;
text-wrap: balance;
}
.errpage__lead {
max-width: 52ch;
color: var(--pub-ink-2);
font-size: var(--lp-lead);
text-wrap: pretty;
}
.errpage__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--space-12);
margin-top: var(--space-16);
}
@media (max-width: 479px) {
.errpage__actions {
flex-direction: column;
justify-self: stretch;
}
}
.bare__bar {
box-shadow: inset 0 -1px 0 var(--pub-hairline);
}
.bare__row {
display: flex;
align-items: center;
min-height: var(--lp-bar);
}
.del-title {
display: flex;
align-items: center;
gap: var(--space-12);
color: var(--color-text);
font-size: 22px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.015em;
}
.del-title__ic {
--ic: 40px;
}
.del-how .del-title {
margin-bottom: var(--space-24);
}
.del-steps,
.del-grid {
display: grid;
gap: var(--space-16);
}
.del-step,
.del-card {
display: grid;
align-content: start;
gap: var(--space-16);
color: var(--pub-ink-2);
}
.del-card {
padding: var(--space-24);
}
@media (max-width: 899px) {
.del-steps {
gap: 0;
}
.del-step {
position: relative;
grid-template-columns: 32px minmax(0, 1fr);
padding-bottom: var(--space-24);
}
.del-step:last-child {
padding-bottom: 0;
}
.del-step:not(:last-child)::before {
content: "";
position: absolute;
top: 40px;
bottom: var(--space-8);
left: 16px;
width: 1px;
background: var(--pub-hairline);
}
.del-step p {
padding-top: 4px;
}
}
@media (min-width: 900px) {
.del-steps {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.del-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--space-20);
}
.del-step {
padding: var(--space-24);
border-radius: var(--lp-r-frame);
background: var(--color-card);
box-shadow: var(--lp-ring);
}
}
.del-step__n {
display: grid;
place-items: center;
width: 32px;
height: 32px;
border-radius: var(--radius-pill);
background: var(--color-brand-soft);
color: var(--color-brand-ink);
font-weight: 600;
}
.del-step__link {
display: inline-block;
padding-block: 10px;
margin-block: -10px;
font-weight: 600;
overflow-wrap: anywhere;
}
.del-how .legal-note,
.del-note {
max-width: 760px;
}
.del-note {
margin-top: var(--space-16);
color: var(--color-muted);
font-size: 14px;
}
.del-card .del-note {
margin-top: 0;
}
.del-list {
display: grid;
gap: var(--space-8);
}
.del-list li {
position: relative;
padding-left: var(--space-24);
}
.del-list li::before {
content: "";
position: absolute;
top: calc(0.8em - 3px);
left: 6px;
width: 6px;
height: 6px;
border-radius: var(--radius-pill);
background: var(--color-muted);
}
.del-more {
margin-top: var(--space-32);
color: var(--color-muted);
}
.del-more a {
font-weight: 600;
}
.tenant-mark {
display: inline-flex;
align-items: center;
gap: var(--space-12);
min-width: 0;
color: var(--color-text);
text-decoration: none;
}
.tenant-mark__logo,
.tenant-mark__initial {
flex: none;
width: 40px;
height: 40px;
border-radius: var(--radius-input);
object-fit: contain;
}
.tenant-mark__initial {
display: grid;
place-items: center;
background: var(--color-brand-soft);
color: var(--color-brand-ink);
font-weight: 600;
}
.tenant-mark__name {
overflow: hidden;
font-size: 17px;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}
.tenant-call {
margin-left: auto;
}
.tenant-band {
box-shadow: inset 0 -1px 0 var(--pub-hairline);
}
.tenant-head {
padding-bottom: calc(var(--space-32) * 2);
}
.tenant-phone {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--space-8);
color: var(--color-muted);
font-size: var(--lp-lead);
}
.tenant-phone a {
font-weight: 600;
}
.tenant-courses__title {
margin-bottom: calc(var(--space-32) + var(--space-8));
}
.courses {
display: grid;
gap: var(--space-12);
}
@media (min-width: 600px) {
.courses {
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: var(--space-16);
}
}
.course {
display: flex;
align-items: center;
gap: var(--space-12);
min-height: 72px;
padding: var(--space-16) var(--space-20);
}
.course__ic {
--ic: 36px;
}
.course__name {
flex: 1;
min-width: 0;
font-weight: 600;
line-height: 1.35;
overflow-wrap: anywhere;
}
.courses-empty {
max-width: 640px;
padding: var(--space-24);
color: var(--pub-ink-2);
}
.tenant-foot {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--space-8) var(--space-24);
}
.tenant-foot__name {
color: var(--color-text);
font-weight: 600;
}
@media (prefers-reduced-motion: no-preference) {
.docs__item {
transition: box-shadow var(--duration-fast) var(--ease-standard);
}
}
@media print {
.skip,
.bar,
.foot,
.dock,
.legal-toc,
.legal-toc-m,
.legal-foot {
display: none;
}
body {
background: none;
}
.page-head {
padding-top: 0;
}
.legal-layout {
display: block;
}
.legal-table {
overflow: visible;
}
.legal-table table {
min-width: 0;
}
.legal-body h2 {
break-after: avoid;
}
.legal-table tr {
break-inside: avoid;
}
}