/* Docs chrome. Deliberately the same look as legalPage() in summer_brook_worker.js
   (/privacy, /terms, /support): system font, #1a1a1a text, #1a73e8 links, #eef0f3 rules,
   760px measure. The only additions are the sidebar and code-block styling. */
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#1a1a1a;background:#fff;margin:0;line-height:1.65}
.lp-nav{border-bottom:1px solid #eef0f3;padding:16px 24px;display:flex;align-items:baseline;gap:14px}
.lp-nav a.logo{font-weight:700;font-size:18px;color:#1a73e8;text-decoration:none}
.lp-nav a.section{font-size:14px;color:#888;text-decoration:none}
.lp-nav a.section:hover{color:#1a73e8}
.docs-shell{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:200px minmax(0,760px);gap:32px;padding:0 24px}
.docs-side{padding:40px 0 0;font-size:14px}
.docs-side ul{list-style:none;margin:0 0 18px;padding:0}
.docs-side li{margin:0 0 6px}
.docs-side a{color:#333;text-decoration:none;display:block;padding:3px 0}
.docs-side a:hover{color:#1a73e8}
.docs-side a[aria-current="page"]{color:#1a73e8;font-weight:600}
.docs-side .side-label{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#888}
.lp-wrap{padding:40px 0 64px;min-width:0}
.lp-wrap h1{font-size:30px;letter-spacing:-.02em;margin:0 0 6px}
.lp-wrap h2{font-size:19px;margin:30px 0 8px}
.lp-wrap h3{font-size:16px;margin:22px 0 6px}
.lp-wrap p{margin:0 0 14px;color:#333}
.lp-wrap ul,.lp-wrap ol{margin:0 0 14px;padding-left:22px;color:#333}
.lp-wrap li{margin:0 0 7px}
.lp-wrap a{color:#1a73e8}
.lp-wrap em{color:#888;font-size:14px}
.lp-wrap code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:#f6f8fa;border:1px solid #eef0f3;border-radius:4px;padding:1px 5px}
.lp-wrap pre{background:#f6f8fa;border:1px solid #eef0f3;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.5;overflow-x:auto;margin:0 0 14px}
.lp-wrap pre code{background:none;border:0;padding:0;font-size:inherit}
.lp-wrap table{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 14px}
.lp-wrap th,.lp-wrap td{text-align:left;padding:8px 10px;border-bottom:1px solid #eef0f3;vertical-align:top}
.lp-wrap th{font-weight:600;color:#555}
.lp-wrap .lead{font-size:17px;color:#333}
.lp-wrap .note{border-left:3px solid #1a73e8;background:#f6f8fa;padding:10px 14px;margin:0 0 14px;border-radius:0 6px 6px 0}
.lp-wrap .note p:last-child{margin:0}
.lp-foot{border-top:1px solid #eef0f3;margin-top:40px;padding-top:20px;font-size:13px;color:#888;display:flex;gap:16px;flex-wrap:wrap}
.lp-foot a{color:#888;text-decoration:none}.lp-foot a:hover{color:#1a73e8}
@media (max-width:860px){
  .docs-shell{grid-template-columns:1fr;gap:0}
  .docs-side{padding:20px 0 0;border-bottom:1px solid #eef0f3}
  .docs-side ul{display:flex;flex-wrap:wrap;gap:4px 16px}
  .docs-side li{margin:0}
  .lp-wrap{padding-top:24px}
}