.article-page .site-nav>a:last-of-type{display:inline;background:transparent;color:var(--ink);padding:0;border-radius:0}.article-page .site-nav>a:last-of-type:hover{color:var(--muted);opacity:1}.article-main{width:100%;max-width:none;margin:0}.article-head{margin:0}.article-head .cover-words{row-gap:0}.article-head .crumbs{grid-column:3/11;grid-row:1;max-width:100%;margin:0 0 24px;color:#faf9f5;font-family:var(--sans);font-size:13px;line-height:20px;letter-spacing:.035em;text-align:center;text-shadow:var(--fx-shadow);pointer-events:auto}.article-head .crumbs a:hover,.article-head .meta a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.article-head h1{grid-column:3/11;grid-row:2;font-size:clamp(44px,5.3cqi,68px);line-height:1.1;overflow-wrap:break-word;text-wrap:balance}.article-head .meta{grid-column:3/11;grid-row:3;margin:24px 0 0;font-family:var(--sans);font-size:13px;line-height:20px;text-align:center;color:#faf9f5;text-shadow:var(--fx-shadow);pointer-events:auto;overflow-wrap:anywhere}.article-head .meta a{text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:3px}.article-head .cover-index{grid-column:4/10;grid-row:4;margin-top:48px;font-size:15px;line-height:26px}.article-head .cover-index-row>span:last-child{flex-shrink:1;max-width:calc(100% - 56px);text-align:right;overflow-wrap:break-word}.article-head .cover-index-row{align-items:baseline}.article-head .cover-index-row+.cover-index-row{margin-top:1px}.article-body{padding-top:128px;min-width:0;overflow-wrap:break-word}.article-body>p{font-size:17px;line-height:26.35px;margin:0 0 16px}.article-body>p:first-child{font-size:28px;line-height:36px;margin-bottom:48px}.article-body h2{font-size:32px;line-height:38.4px;font-weight:500;margin:64px 0 32px;scroll-margin-top:0}.article-body h3{font-size:24px;line-height:30px;font-weight:500;margin:40px 0 24px}.article-body a{overflow-wrap:anywhere}.article-body>p a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--faint)}.article-body code{font-family:var(--mono);font-size:.78em;line-height:1.55;font-weight:400}.article-body p code,.article-body li code{background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:3px;padding:2px 4px;overflow-wrap:anywhere}.article-body pre{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;white-space:pre;background:color-mix(in srgb,var(--ink) 3.5%,var(--paper));border:1px solid var(--line);padding:24px;margin:28px 0 0;color:var(--ink);font-family:var(--mono);font-size:13px;line-height:21px;tab-size:4;scrollbar-width:thin}.article-body pre code{display:block;width:max-content;min-width:100%;font:inherit;white-space:pre;overflow-wrap:normal;word-break:normal;background:none;padding:0;border:0}.article-body pre:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.article-body>p.code-cap{font-family:var(--sans);font-size:12px;line-height:18px;color:var(--muted);margin:9px 0 28px;overflow-wrap:anywhere}.article-body ul,.article-body ol{font-size:17px;line-height:26.35px;margin:20px 0;padding-left:24px}.article-body ul{list-style:disc}.article-body li+li{margin-top:10px}.article-body table{border-collapse:collapse;width:100%;margin:32px 0;font-size:15px}.article-body th,.article-body td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}.article-body blockquote{border-left:1px solid var(--line);padding-left:24px;margin:32px 0;font-size:20px;line-height:29px}.article-foot{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);margin-top:64px;padding-top:26px;font-family:var(--sans);font-size:14px;line-height:22px}.article-page .site-foot{margin-top:80px;padding-top:0;border-top:0}.article-page .colophon{margin-top:0;padding-top:25px}
@media(min-width:900px) and (max-width:1239px){.article-head h1,.article-head .crumbs,.article-head .meta{grid-column:2/12}.article-head .cover-index{grid-column:3/11}}
@media(max-width:899px){.article-head .cover-words{width:100%;max-width:640px;gap:0}.article-head .crumbs{order:1;margin-bottom:20px;font-size:12px;line-height:18px;letter-spacing:.02em}.article-head h1{order:2;width:100%;font-size:clamp(32px,8.8vw,54px);line-height:1.1;max-width:100%;text-wrap:balance}.article-head .meta{order:3;max-width:100%;font-size:12px;line-height:19px;margin-top:20px}.article-head .cover-index{order:4;max-width:520px;margin-top:36px;font-size:14px;line-height:24px}.article-head .cover-index-row+.cover-index-row{margin-top:3px}.article-body{padding-top:80px}.article-body>p:first-child{font-size:22px;line-height:30px;margin-bottom:48px}.article-page .site-nav>a:last-of-type{font-size:17px;line-height:26px}}
@media(max-width:600px){.article-head .crumbs{font-size:11px;line-height:17px;margin-bottom:18px}.article-head h1{font-size:clamp(30px,8.8vw,44px);line-height:1.1}.article-head .meta{font-size:11px;line-height:18px;margin-top:20px}.article-head .cover-index{font-size:14px;line-height:23px;margin-top:32px}.article-head .cover-index-row+.cover-index-row{margin-top:4px}.article-head .index-number{font-size:12px}.article-head .cover-index-row>span:last-child{max-width:calc(100% - 46px)}.article-body h2{font-size:23px;line-height:27.6px;margin:56px 0 28px}.article-body h3{font-size:21px;line-height:27px;margin:36px 0 24px}.article-body pre{font-size:11px;line-height:18px;padding:18px;margin-top:25px}.article-body>p.code-cap{font-size:11px;line-height:17px;margin:9px 0 25px}.article-body table{font-size:13px}.article-body th,.article-body td{padding:10px 8px}.article-foot{margin-top:50px;padding-top:24px;font-size:13px;line-height:20px;gap:20px}.article-page .site-foot{margin-top:57px}.article-page .colophon{display:flex;justify-content:space-between;gap:20px}.article-page .colophon>span:last-child{margin-top:0}}
/* Reference reading column and outlined media figures. */
.article-head[data-background]:not([data-background="original"]) .sky-modes{display:none}
.article-head.cover{height:auto;min-height:max(100svh,640px)}.article-head .cover-index-row{min-width:0}.article-head .cover-index-row>span:last-child{white-space:normal}.article-body h2{text-wrap:pretty;scroll-margin-top:32px}.article-body .code-figure{position:relative;left:50%;transform:translateX(-50%);width:min(880px,calc(100vw - 48px));max-width:none;min-width:0;margin:32px 0;overflow:visible}.article-body .code-figure pre{width:100%;max-width:100%;margin:0;background:var(--paper);border:1px solid var(--ink);padding:24px}.article-body .code-figure .code-cap{font-family:var(--sans);font-size:14px;font-weight:400;line-height:19.6px;color:var(--muted);margin:16px 0 0;text-align:center;text-wrap:pretty;overflow-wrap:anywhere}.article-body .code-figure .code-cap a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em;text-decoration-color:var(--faint)}
@media(max-width:899px){.article-head.cover{min-height:100svh}.article-body h2{margin-top:64px;margin-bottom:32px}}
@media(max-width:567px){.article-body .code-figure{margin:24px 0}.article-body .code-figure pre{padding:16px;font-size:12px;line-height:19px}.article-body .code-figure .code-cap{font-size:14px;line-height:19.6px}}
@media(max-height:760px) and (min-width:900px){.article-head.cover{padding-top:calc(var(--header-height) + 40px);padding-bottom:70px}.article-head h1{font-size:clamp(40px,4.4cqi,56px)}.article-head .crumbs{margin-bottom:18px}.article-head .meta{margin-top:18px}.article-head .cover-index{margin-top:32px}}
@media(max-height:720px) and (max-width:899px){.article-head.cover{padding-top:calc(var(--header-height) + 24px);padding-bottom:74px}.article-head h1{font-size:clamp(28px,8vw,40px)}.article-head .crumbs{margin-bottom:14px}.article-head .meta{margin-top:16px}.article-head .cover-index{margin-top:24px;font-size:13px;line-height:21px}}