/* Reading surface uses the existing white/indigo type system, with usable specimens. */
.guide-page,.guide-index{max-width:1160px;padding-top:117px;padding-bottom:70px}
.guide-breadcrumb{display:flex;align-items:center;gap:16px;font:12px/1.7 var(--sans);color:var(--muted);margin-bottom:42px}
.guide-breadcrumb a:hover{color:var(--accent)}
.guide-opening{max-width:940px;padding-bottom:54px}
.guide-opening h1,.guide-index-opening h1{font:500 clamp(44px,5.1vw,70px)/1.05 var(--display);letter-spacing:-2px;margin:0;max-width:1000px;text-wrap:balance}
.guide-opening>p,.guide-index-opening>p{font:400 18px/1.7 var(--sans);color:var(--muted);max-width:660px;margin:25px 0 0}
.guide-download{display:inline-flex;gap:28px;align-items:center;min-height:47px;font:500 14px/1.7 var(--sans);border-bottom:1px solid var(--ink);margin-top:24px}
.guide-download:hover{color:var(--accent);border-color:var(--accent)}
.guide-reading{display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px;padding-top:39px;border-top:1px solid var(--line);align-items:start}
.guide-contents{position:sticky;top:98px;font:12px/1.7 var(--sans);color:var(--muted)}
.guide-contents ol{list-style:none;margin:0;padding:0}
.guide-contents li{border-bottom:1px solid var(--line)}
.guide-contents li a{display:block;padding:14px 0}
.guide-contents>a{display:inline-block;margin-top:26px;min-height:44px;font-size:12px}
.guide-contents a:hover{color:var(--accent)}
.guide-body{max-width:65ch;font:400 17px/1.85 var(--sans);min-width:0;color:var(--ink)}
.guide-body>section{scroll-margin-top:105px;padding-bottom:38px}
.guide-body>section+section{border-top:1px solid var(--line);padding-top:31px}
.guide-body h2{font:500 33px/1.15 var(--display);letter-spacing:-.7px;margin:0 0 23px;max-width:650px;text-wrap:balance}
.guide-body p{margin:20px 0}
.guide-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.guide-body pre{font:400 14px/1.8 ui-monospace,SFMono-Regular,monospace;margin:27px 0 20px;padding:21px 23px;background:#f5f5f7;border-left:2px solid var(--accent);white-space:pre-wrap;overflow-wrap:anywhere}
.guide-body code{font:400 .86em/1.7 ui-monospace,SFMono-Regular,monospace}
.guide-body pre code{font:inherit}
.guide-body .guide-example{font-size:13px;line-height:1.8;color:var(--muted);margin-top:-5px}
.guide-table-wrap{max-width:100%;overflow:auto;margin:29px 0}
.guide-body table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.75;text-align:left}
.guide-body caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:13px}
.guide-body th,.guide-body td{border-top:1px solid var(--line);padding:16px 16px 16px 0;vertical-align:top}
.guide-body tr:last-child>*{border-bottom:1px solid var(--line)}
.guide-body th{font-weight:500}
.guide-body :is(th,td):first-child{width:36%}
.guide-body :is(th,td):last-child{padding-right:0}
.guide-body .guide-references h2{font-size:24px}
.guide-references ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.7}
.guide-references li{margin:12px 0}
.guide-next{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:33px 0 0;padding-top:31px;border-top:1px solid var(--line)}
.guide-next>a:first-child{max-width:620px}
.guide-next>a>span{display:block;font:12px/1.7 var(--sans);color:var(--muted);margin-bottom:14px}
.guide-next strong{font:500 28px/1.2 var(--display);letter-spacing:-.5px}
.guide-product-link{min-height:44px;font:12px/1.7 var(--sans);white-space:nowrap}
.guide-index-opening{padding-bottom:51px}
.guide-list>article{border-top:1px solid var(--line);padding:30px 0}
.guide-list>article:last-child{border-bottom:1px solid var(--line)}
.guide-list-link{display:grid;grid-template-columns:70px 1fr 35px;gap:25px;align-items:start}
.guide-number{font:12px/1.7 var(--sans);color:var(--muted);padding-top:4px}
.guide-topic{font:12px/1.7 var(--sans);color:var(--muted)}
.guide-list h2{font:500 34px/1.15 var(--display);letter-spacing:-.7px;margin:10px 0 14px}
.guide-list p{font:14px/1.75 var(--sans);color:var(--muted);max-width:650px;margin:0}
.guide-list-arrow{font-size:25px}
.guide-list-download{display:flex;gap:15px;align-items:center;width:max-content;max-width:100%;min-height:44px;margin:15px 0 0 95px;font:12px/1.7 var(--sans);color:var(--accent)}
.guide-list-download>span{color:var(--muted)}
.guide-document>.site-footer,.guide-library>.site-footer{max-width:1160px}
@media(max-width:900px){.guide-reading{grid-template-columns:165px minmax(0,1fr);gap:35px}.guide-opening h1,.guide-index-opening h1{font-size:58px}.guide-body h2{font-size:30px}.guide-opening>p{font-size:17px}.guide-list h2{font-size:30px}}
@media(max-width:700px){.guide-page,.guide-index{padding-top:97px;padding-bottom:45px}.guide-breadcrumb{font-size:11px;gap:12px;margin-bottom:30px}.guide-opening{padding-bottom:35px}.guide-opening h1,.guide-index-opening h1{font-size:43px;line-height:1.08;letter-spacing:-1.3px}.guide-opening>p,.guide-index-opening>p{font-size:16px;line-height:1.75;margin-top:22px}.guide-download{font-size:13px;margin-top:17px}.guide-reading{display:block;padding-top:0}.guide-contents{position:static;margin:0 0 32px}.guide-contents ol{display:flex;flex-wrap:wrap;gap:0 22px}.guide-contents li{border:0}.guide-contents li a{padding:12px 0;min-height:44px}.guide-contents>a{display:none}.guide-body{font-size:16px;line-height:1.9}.guide-body h2{font-size:29px;letter-spacing:-.5px}.guide-body>section{padding-bottom:28px;scroll-margin-top:91px}.guide-body>section+section{padding-top:25px}.guide-body pre{font-size:12px;padding:17px}.guide-body table{font-size:12px}.guide-body th,.guide-body td{padding:13px 12px 13px 0}.guide-body :is(th,td):first-child{width:34%}.guide-next{display:block;margin-top:12px}.guide-next strong{font-size:26px}.guide-product-link{display:inline-flex;align-items:center;margin-top:23px}.guide-index-opening{padding-bottom:32px}.guide-list>article{padding-block:25px}.guide-list-link{grid-template-columns:25px minmax(0,1fr);gap:16px}.guide-list-arrow{display:none}.guide-list h2{font-size:28px;line-height:1.17}.guide-list p{font-size:13px}.guide-list-download{margin-left:41px;font-size:11px;gap:10px}}