.guide-header nav{flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.guide-header nav a{color:#737373;padding-block:12px}.guide-header nav a[aria-current=page]{color:var(--ink);font-weight:600}.guide-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.guide-hero{max-width:980px;padding-block:72px 56px}.guide-hero .mesh-eyebrow{align-items:center;gap:10px;display:flex}.guide-hero h1{letter-spacing:-.055em;text-wrap:balance;margin-top:20px;font-size:clamp(38px,4.6vw,60px);font-weight:600;line-height:1.08}.guide-hero>p:not(.mesh-eyebrow){color:#525252;max-width:720px;margin-top:24px;font-size:18px;line-height:1.7}.guide-hero>a{margin-top:24px}.guide-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.guide-quick-links a{border:1px solid var(--line);min-height:130px;color:var(--ink);border-radius:10px;flex-direction:column;gap:5px;padding:18px;text-decoration:none;display:flex;position:relative}.guide-quick-links a:hover,.guide-quick-links a:focus-visible{border-color:var(--ink)}.guide-quick-links .guide-quick-index{color:#737373;margin-bottom:12px;font-size:11px}.guide-quick-links strong{font-size:15px;font-weight:650}.guide-quick-links small{color:#525252;max-width:22ch;font-size:12px;line-height:1.45}.guide-quick-links svg{position:absolute;top:18px;right:18px}.guide-layout{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:64px;padding-bottom:64px;display:grid}.guide-layout>aside{padding-top:36px}.guide-layout>aside nav{position:sticky;top:24px}.guide-layout>aside nav a{color:#525252;min-height:42px;padding-block:10px;font-size:13px;line-height:1.6;display:block}.guide-layout>aside nav a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.guide-layout>article{min-width:0}.guide-part{border-bottom:1px solid var(--line);padding-block:36px;font-size:15px;line-height:1.8}.guide-part:last-child{border-bottom:0}.guide-part h2{letter-spacing:-.04em;margin-top:10px;margin-bottom:24px;font-size:29px;font-weight:600;line-height:1.25}.guide-part h3{margin-top:28px;font-size:18px;font-weight:600;line-height:1.4}.guide-part p:not(.mesh-eyebrow){color:#525252;margin-top:16px}.guide-part a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.guide-part strong{color:var(--ink);font-weight:600}.guide-part code{overflow-wrap:anywhere;font-size:.85em}.guide-part p.guide-small{color:#737373;font-size:12px}.guide-callout{border-left:3px solid var(--blue);background:var(--soft);border-radius:0 10px 10px 0;margin-block:24px;padding:22px 24px}.guide-callout>p{font-size:14px}.guide-code{background:var(--ink);color:#fafafa;border:1px solid #303030;border-radius:10px;margin-block:22px;position:relative;overflow:hidden}.guide-code-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:11px;display:flex}.guide-code-header>span{color:#b3b3b3}.guide-code-header button{cursor:pointer;border:1px solid #525252;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:8px 10px;font-size:11px;display:flex}.guide-code-header button:hover{background:#333}.guide-code pre{margin:0;padding:20px;font-size:12px;line-height:1.8;overflow-x:auto}.guide-code pre code{font-size:inherit;overflow-wrap:normal;white-space:pre}.guide-copy-status{padding-inline:20px;font-size:11px;display:block}.guide-copy-status:not(:empty){padding-bottom:12px}.guide-steps{color:#525252;margin-block:20px;padding-left:22px;list-style:decimal}ul.guide-steps{list-style:outside}.guide-steps li{margin-block:12px;padding-left:5px}.guide-table-wrap{max-width:100%;margin-block:24px;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:420px;font-size:13px}.guide-table-wrap caption{text-align:left;color:#737373;padding-bottom:12px;font-size:12px}.guide-table-wrap th{background:#fafafa;font-weight:600}.guide-table-wrap th,.guide-table-wrap td{border:1px solid var(--line);vertical-align:top;padding:16px}.guide-table-wrap td:first-child{min-width:140px}.guide-path{border:1px solid var(--line);background:var(--soft);text-align:center;color:#737373;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-block:24px;padding:20px;font-size:12px;display:grid}.guide-path strong{overflow-wrap:anywhere;font-size:12px}.guide-details{border-block:1px solid var(--line);margin-block:24px;padding-block:16px}.guide-details summary{cursor:pointer;font-size:14px;font-weight:600}.guide-references{border-top:1px solid var(--line);margin-top:32px;padding-top:16px}.guide-references a{width:fit-content;padding-block:5px;font-size:13px;display:block}.guide-site .mesh-header{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff59;position:sticky;top:0}.guide-site .mesh-eyebrow,.guide-site .guide-quick-index{color:var(--blue)}.guide-site .mesh-button,.guide-quick-links a,.guide-callout,.guide-code,.guide-code-header button,.guide-path{box-shadow:none;border-radius:0}.guide-quick-links a{border-top:2px solid var(--ink);transition:border-color .15s,background .15s}.guide-quick-links a:hover,.guide-quick-links a:focus-visible{border-color:var(--blue);background:var(--blue-soft)}.guide-layout>aside nav a{border-left:2px solid #0000;padding-left:12px}.guide-layout>aside nav a:hover,.guide-layout>aside nav a:focus-visible{border-color:var(--blue);color:var(--blue);text-decoration:none}.guide-part a,.guide-references a{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.guide-part a:hover,.guide-references a:hover{color:var(--blue)}.guide-path{border-left:3px solid var(--blue);background:#fff}.guide-callout{background:#f8faff}.guide-steps li::marker{color:var(--blue);font-weight:700}.guide-table-wrap th{border-top:2px solid var(--ink);background:#fff}.guide-site :focus-visible{outline-color:var(--blue)}@media (width<=900px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-layout>aside nav{flex-wrap:wrap;column-gap:20px;display:flex;position:static}.guide-layout>aside nav>p{width:100%}}@media (width<=700px){.guide-header{flex-direction:column;align-items:flex-start;gap:8px;padding-block:20px 12px}.guide-header nav{gap:20px;font-size:12px}.guide-hero{padding-block:48px 36px}.guide-hero>p:not(.mesh-eyebrow){font-size:16px}.guide-quick-links{grid-template-columns:1fr}.guide-quick-links a{min-height:0}.guide-quick-links .guide-quick-index{margin-bottom:4px}.guide-part{font-size:14px}.guide-part h2{font-size:26px}.guide-callout{padding:18px}.guide-code pre{padding:16px;font-size:11px}.guide-path{grid-template-columns:1fr;gap:8px}.guide-path>span:nth-child(2),.guide-path>span:nth-child(4){transform:rotate(90deg)}}
