/* sundial docs — левый TOC, моноширинные заголовки, синий акцент */
:root{
  --bg:#fdfdfc; --side:#f5f5f3; --line:#e3e3df; --line2:#cfcfc9;
  --ink:#14161a; --ink2:#4b5058; --ink3:#83888f;
  --blue:#2457c5; --blue-bg:#eef2fc; --green:#1f7a4d; --amber:#8a6100;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.7 var(--sans)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
code,pre,kbd{font-family:var(--mono)}

.wrap{display:flex;max-width:1080px;margin:0 auto;min-height:100vh}
.toc{width:212px;flex:0 0 212px;background:var(--side);border-right:1px solid var(--line);
     padding:26px 18px;position:sticky;top:0;height:100vh;overflow:auto}
.toc .nm{font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:-.02em}
.toc .nm a{color:var(--ink)}
.toc .ver{font-family:var(--mono);font-size:11.5px;color:var(--ink3);margin:2px 0 22px}
.toc h4{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);
        margin:20px 0 7px;font-weight:600}
.toc a.i{display:block;color:var(--ink2);font-size:14px;padding:3px 0}
.toc a.i:hover{color:var(--ink);text-decoration:none}
.toc a.i.on{color:var(--blue);font-weight:600}
.toc .lic{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);
          color:var(--ink3);font-size:11.5px;line-height:1.6}

.doc{flex:1 1 auto;min-width:0;padding:34px 40px 96px;max-width:780px}
h1{font-family:var(--mono);font-size:25px;letter-spacing:-.03em;margin:0 0 6px;font-weight:600}
h2{font-family:var(--mono);font-size:17px;letter-spacing:-.02em;margin:36px 0 10px;font-weight:600;
   padding-bottom:5px;border-bottom:1px solid var(--line)}
h3{font-size:14.5px;margin:24px 0 6px;font-weight:600}
.sub{color:var(--ink3);font-size:14px;margin:0 0 22px;font-family:var(--mono)}
p{margin:0 0 14px;color:var(--ink2)}
ul,ol{color:var(--ink2);padding-left:22px}
li{margin:5px 0}

pre{background:#f7f7f5;border:1px solid var(--line);border-left:3px solid var(--blue);
    padding:13px 15px;overflow-x:auto;font-size:13px;line-height:1.62;margin:0 0 16px;color:#22262c}
pre .c{color:var(--ink3)} pre .k{color:var(--blue)} pre .s{color:var(--green)}
p code,li code,td code{background:var(--blue-bg);border-radius:3px;padding:1px 5px;font-size:.89em;color:#1c3f8f}

table{border-collapse:collapse;width:100%;font-size:14px;margin:6px 0 20px}
th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);
   font-weight:600;padding:0 10px 7px;border-bottom:1px solid var(--line2)}
td{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:top}
td.m{font-family:var(--mono);font-size:12.5px;color:var(--ink);word-break:break-all}
td.n{text-align:right;font-family:var(--mono);font-size:12.5px}

.note{background:var(--blue-bg);border:1px solid #d4dff5;border-radius:4px;padding:11px 14px;
      margin:0 0 16px;font-size:14px;color:#274a8f}
.warn{background:#fdf6e7;border:1px solid #eddfbd;border-radius:4px;padding:11px 14px;
      margin:0 0 16px;font-size:14px;color:var(--amber)}

@media (max-width:800px){
  .wrap{display:block}
  .toc{width:auto;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}
  .toc h4,.toc .lic{display:none}
  .toc a.i{display:inline-block;margin-right:14px}
  .doc{padding:24px 20px 60px}
}