/* Shared by every guide. One file, cached once, rather than a copy of the same
   rules inlined into each page — which is also what keeps the pages small
   enough to be mostly content. */
/* The palette is /brand/tokens.css, shared with the homepage, pricing and the
   app; only the reading measure is this file's own. */
@import url("/brand/tokens.css");
:root{ --measure:44rem; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--measure); margin:0 auto; padding:0 24px}
a{color:var(--teal); text-underline-offset:3px}
header{border-bottom:1px solid var(--line); background:var(--panel)}
.bar{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; flex-wrap:wrap}
.mark{display:flex; align-items:center; gap:11px; font-weight:600; font-size:19px; color:var(--ink); text-decoration:none; letter-spacing:-.01em}
.mark svg{display:block}
nav a{margin-left:18px; color:var(--ink-soft); text-decoration:none; font-size:15px}
nav a:hover{color:var(--teal)}
main{padding:44px 0 64px}
h1{font-family:"IBM Plex Serif",Georgia,serif; font-size:2.1rem; line-height:1.2; letter-spacing:-.02em; margin:0 0 10px}
h2{font-family:"IBM Plex Serif",Georgia,serif; font-size:1.4rem; line-height:1.3; margin:38px 0 10px}
h3{font-size:1.05rem; margin:26px 0 6px}
.standfirst{font-size:1.15rem; color:var(--ink-soft); margin:0 0 6px}
.meta{color:var(--ink-faint); font-size:14px; margin:0 0 30px}
table{border-collapse:collapse; width:100%; margin:18px 0; font-size:15px}
th,td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-weight:600; color:var(--ink-soft)}
blockquote{margin:22px 0; padding:14px 18px; border-left:3px solid var(--teal); background:var(--panel); color:var(--ink-soft)}
.note{border:1px solid var(--line); background:var(--panel); border-radius:9px; padding:16px 18px; margin:26px 0}
.note strong{display:block; margin-bottom:5px}
ul,ol{padding-left:22px}
li{margin:6px 0}
footer{border-top:1px solid var(--line); padding:26px 0 40px; color:var(--ink-faint); font-size:14px}
footer a{color:var(--ink-soft)}
.crumbs{font-size:14px; color:var(--ink-faint); margin:0 0 18px}
.crumbs a{color:var(--ink-soft); text-decoration:none}