pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}:root{--paper: #f3f1e8;--mist: #e7ece5;--ink: #27302e;--moss: #64735a;--leaf: #829477;--accent: #bf704e;--card: #fbfaf5;--border: rgba(39, 48, 46, .16)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif;line-height:1.65;font-size:16px}.site{max-width:1080px;margin:0 auto;padding:0 24px 56px}.site-header{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:20px 0;border-bottom:2px solid var(--ink)}.site-title{font-family:Georgia,"Noto Serif SC",serif;font-size:22px;font-weight:700;color:var(--ink);text-decoration:none}.site-title:hover{color:var(--accent)}.site-sub{color:var(--moss);font-size:13px}main{padding-top:24px}.site-footer{margin-top:64px;padding-top:16px;border-top:1px solid var(--border);color:var(--moss);font-size:13px}h1{font-family:Georgia,"Noto Serif SC",serif;font-size:30px;line-height:1.3;margin:8px 0 4px}h2{font-size:19px;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}h3{font-size:16px;color:var(--moss);margin:20px 0 8px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--mist);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:.9em}.muted{color:var(--moss)}.meta{color:var(--moss);font-size:13.5px;margin:4px 0 18px}.error{color:#a4432c;background:#bf704e1a;border:1px solid rgba(191,112,78,.35);border-radius:10px;padding:12px 16px}blockquote{margin:8px 0;padding:12px 18px;border-left:4px solid var(--leaf);background:var(--mist);border-radius:0 10px 10px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.card{display:block;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.card:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.card h2{border:none;margin:0 0 8px;padding:0;font-size:19px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card p{margin:6px 0;font-size:14px}.chip{flex:none;display:inline-block;border:1px solid var(--border);border-radius:999px;padding:1px 12px;font-size:12px;color:var(--moss);background:var(--mist);white-space:nowrap}.chip-ok,.chip-stable,.chip-rendered,.chip-implemented{border-color:#64735a80;color:var(--moss);background:#82947724}.chip-research-and-design,.chip-spec{border-color:#bf704e66;color:var(--accent);background:#bf704e14}.chip-beta{border-color:#e8d8aacc;color:#8a7a45;background:#e8d8aa40}.chapter-list{list-style:none;margin:0;padding:0}.chapter-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border)}.chapter-list li .meta{margin:0;flex:1}.chapter-list a{color:var(--ink)}.chapter-list a:hover{color:var(--accent)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:7px 12px 7px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.links-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.button{display:inline-block;background:var(--moss);color:var(--paper);border-radius:10px;padding:9px 18px;font-size:14.5px}.button:hover{text-decoration:none;background:#556349}.button.ghost{background:transparent;color:var(--moss);border:1px solid var(--border)}.crumbs{color:var(--moss);font-size:13px;margin-bottom:6px}.callout{background:#e8d8aa4d;border:1px solid rgba(232,216,170,.7);border-radius:12px;padding:14px 18px;margin:18px 0;font-size:14.5px}.markers{list-style:none;margin:0;padding:0}.markers li{display:flex;align-items:center;gap:14px;padding:6px 0}.markers button{font-variant-numeric:tabular-nums;border:1px solid var(--border);background:var(--mist);color:var(--ink);border-radius:8px;padding:3px 12px;cursor:pointer;font-size:14px}.markers button:hover{border-color:var(--accent);color:var(--accent)}.video-placeholder{background:var(--mist);border:1px dashed var(--border);border-radius:14px;padding:56px 24px;text-align:center;color:var(--moss);margin:14px 0 22px}.md h1{font-size:26px}.md img{max-width:100%}.md pre{background:var(--ink);color:var(--paper);border-radius:12px;padding:16px 18px;overflow-x:auto;font-size:13.5px}.md pre code{background:none;border:none;color:inherit;padding:0}.md table{border-collapse:collapse;width:100%;font-size:14px;margin:12px 0}.md th,.md td{border:1px solid var(--border);padding:6px 12px;text-align:left}@media (max-width: 720px){.two-col{grid-template-columns:1fr}}