.documentation-page .ds-hero{background:#fff}.documentation-page .ds-section{padding-block:calc(var(--ds-section) * 1.2)}.documentation-section-heading{max-width:650px;margin-bottom:36px}.documentation-section-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}.documentation-section-heading>p:last-child{color:var(--ds-muted);font-size:17px;line-height:1.65}.documentation-directory{display:grid;grid-template-columns:1fr 1.1fr;gap:32px}.documentation-overview{display:flex;flex-direction:column;align-items:flex-start;padding:40px;border:1px solid #243453;border-radius:16px;background:var(--ds-navy);color:#fff;text-decoration:none}.documentation-overview h3{font-family:Georgia,serif;font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 22px}.documentation-overview>p{color:#d3dced;line-height:1.7;font-size:17px;margin:0}.documentation-overview ul{list-style:none;padding:0;margin:32px 0 40px;width:100%}.documentation-overview li{border-top:1px solid #394963;padding:13px 0;font-size:15px;line-height:1.5}.documentation-overview .documentation-read{margin-top:auto;color:#c1d2ff}.documentation-guide-list{display:grid}.documentation-guide{display:block;padding:20px 12px 28px;color:var(--ds-ink);text-decoration:none}.documentation-guide+.documentation-guide{border-top:1px solid var(--ds-border);padding-top:28px;padding-bottom:8px}.documentation-guide-label{display:flex;align-items:center;gap:12px;color:var(--ds-accent,#3159e8);font-size:12px;font-weight:600}.documentation-guide h3{font-size:26px;line-height:1.2;margin:14px 0 12px;letter-spacing:-.02em}.documentation-guide>p{color:var(--ds-muted);line-height:1.65;font-size:16px;margin:0}.documentation-guide .documentation-guide-detail{font-size:12px;margin:15px 0 18px}.documentation-read{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#3159e8}.documentation-overview:hover{border-color:#8199d0;background:#172645}.documentation-guide:hover h3{color:#3159e8}.documentation-guide:focus-visible,.documentation-overview:focus-visible{outline:3px solid #3159e8;outline-offset:5px}@media(max-width:700px){.documentation-directory{grid-template-columns:1fr;gap:20px}.documentation-overview{padding:28px}.documentation-overview ul{margin:24px 0 28px}.documentation-guide{padding-inline:4px}.documentation-section-heading{margin-bottom:28px}}.documentation-quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.documentation-quick-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;min-height:48px;border:1px solid var(--ds-border);border-radius:8px;color:var(--ds-ink);font-size:14px;text-decoration:none}.documentation-quick-links a:hover{background:var(--ds-soft);border-color:#8497ee}.documentation-quick-links a:focus-visible{outline:3px solid var(--ds-blue);outline-offset:3px}.documentation-quick-links svg{color:var(--ds-blue);flex-shrink:0}@media(max-width:700px){.documentation-quick-links{display:grid;max-width:350px;margin-inline:auto}}.documentation-overview-label{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;color:#c1d2ff;font-size:11px;letter-spacing:.1em;font-weight:600}.documentation-guide-number{font-family:monospace;font-size:16px;color:#7a88a3}.documentation-page .ds-hero h1 em{color:var(--ds-blue);font-weight:400}.documentation-quick-links a{border:0;border-bottom:1px solid var(--ds-border);border-radius:0;padding-inline:4px;min-width:145px;background:#fff}.documentation-quick-links{gap:28px}.documentation-overview h3{color:#fff;margin-top:36px}@media(min-width:901px){.documentation-page .ds-hero{text-align:left;padding-block:100px 88px}.documentation-page .ds-hero h1{max-width:800px;margin-left:0;font-size:clamp(58px,6.2vw,84px)}.documentation-page .ds-hero .ds-description{margin-left:0;max-width:590px}.documentation-quick-links{justify-content:flex-start}.documentation-page .ds-hero-ambient{mask-image:linear-gradient(90deg,transparent 65%,#000 88%),linear-gradient(0deg,#000,transparent 70px)}}@media(max-width:700px){.documentation-quick-links{display:flex;gap:10px 18px;max-width:none}.documentation-quick-links a{min-width:0;gap:8px;font-size:13px}.documentation-page .ds-hero{padding-bottom:76.8px}}