/* Reading surfaces inherit the existing Library typography and chrome. */
#guide-content{min-width:0}
#guide-content h1{letter-spacing:normal;text-wrap:balance}
#guide-content h2{letter-spacing:normal;scroll-margin-top:130px}
#guide-content p,#guide-content li{max-width:72ch}
#guide-content a:focus-visible{outline:2px solid #c6ff3d;outline-offset:4px}
#guide-content code{font-size:.9em;color:#eeeef1;overflow-wrap:anywhere}
.guide-contents{margin:32px 0 40px;padding:22px 0;border-block:1px solid #ffffff26}
#guide-content .guide-contents h2{font-size:18px;margin:0 0 12px}
.guide-contents ol{margin:0;padding-left:24px}
.guide-contents li{margin:6px 0}
#guide-content .guide-list{list-style:none;padding:0;margin:0 0 32px}
.guide-list li{margin:0;padding:0;border-top:1px solid #ffffff26}
#guide-content .guide-list a{display:block;padding:18px 0;text-decoration:none}
.guide-list strong,.guide-list span{display:block}
.guide-list strong{font-size:18px;color:#eeeef1}
.guide-list span{margin-top:5px;color:#b9bbc5;font-size:14px;line-height:1.65}
.guide-list a:hover strong{color:#c6ff3d}
.guide-help{margin-top:48px;padding-top:12px;border-top:1px solid #ffffff26}
#guide-content ::selection{background:#c6ff3d;color:#101114}
@media(max-width:600px){.guide-contents{margin-block:24px}.guide-list strong{font-size:17px}#guide-content h2{scroll-margin-top:112px}}
/* Code examples (Phone API): scroll inside the column instead of running under the help card */
#guide-content pre{max-width:100%;box-sizing:border-box;overflow-x:auto;margin:16px 0 24px;padding:14px 16px;background:#0b0b0f;border:1px solid #ffffff26;border-radius:10px;font-size:13px;line-height:1.6}
#guide-content pre code{font-size:inherit;white-space:pre;overflow-wrap:normal}