@font-face{font-family:Plex;src:url(/fonts/plex-sans.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/fonts/plex-mono.woff2) format("woff2");font-weight:500;font-display:swap}
:root{color-scheme:light;--paper:#f4f2ed;--panel:#fff;--ink:#1f2328;--muted:#62656b;--line:#dedbd4;--blue:#2b57c9;--blue-wash:#e6ecfa;--sans:Plex,system-ui,sans-serif;--mono:"Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:106px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans)}a{color:var(--blue);text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}button{color:inherit}button:disabled{cursor:default}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:10px 16px;background:var(--panel);z-index:20;transform:translateY(-180%)}.skip-link:focus{transform:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.025em}
.header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1480px;min-height:80px;margin:auto;padding:0 38px;display:flex;align-items:center;gap:23px}.brand{display:flex;align-items:center}.brand img{display:block;max-width:100%;height:auto}.header-divider{height:25px;width:1px;background:var(--line)}.guide-label{font-size:16px;font-weight:500;text-decoration:none;color:var(--ink)}.preview-label{font:500 10px/1.4 var(--mono);letter-spacing:.04em;border:1px solid var(--line);border-radius:4px;padding:4px 7px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:13px}.header-actions a{text-decoration:none}.site-link{color:var(--muted)}.site-link span{margin-left:7px}.open-app{display:flex;gap:18px;align-items:center;border:1px solid #264db2;border-radius:5px;padding:8px 13px;background:var(--blue);color:#fff;font-weight:500}.open-app .mobile-label{display:none}.open-app{white-space:nowrap}.open-app:hover{background:#2148ae}
.layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:252px minmax(0,1fr) 196px;padding:0 38px;gap:0 52px;align-items:start}.sidebar{position:sticky;top:80px;height:calc(100dvh - 80px);padding:31px 25px 25px 0;border-right:1px solid var(--line);font-size:14px}.sidebar-body{height:100%;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;padding:2px 5px 3px 2px}.search{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 10px;background:#fbfaf7;border:1px solid #d1cec6;border-radius:5px;margin-bottom:30px;color:var(--muted)}.search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.search svg{width:17px;height:17px}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink)}.search input::placeholder{color:var(--muted);opacity:1}.search kbd{font:500 11px/1 var(--mono);border:1px solid var(--line);border-radius:3px;padding:3px 5px}.nav-group+.nav-group{margin-top:26px}.nav-group h2{font-size:10px;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-left:10px;margin-bottom:9px}.nav-group a{display:block;color:#50545b;text-decoration:none;padding:7px 11px;margin:2px 0;border-radius:4px;font-size:13px;line-height:1.5}.nav-group a:hover{background:#eae7df;color:var(--ink)}.nav-group a[aria-current=page]{background:var(--blue-wash);color:var(--blue);font-weight:600;box-shadow:inset 2px 0 var(--blue)}.no-results{font-size:13px;color:var(--muted)}.sidebar-foot{margin-top:auto;padding:39px 10px 0;display:flex;gap:12px;color:var(--muted);font-size:12px;line-height:1.55}.tiny-mark{font-size:23px;color:var(--blue);line-height:1.2}.menu-toggle{display:none}
main{min-width:0;padding-top:36px;outline:none!important}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:36px}.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:0;margin:0;list-style:none}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--blue)}.article-heading{padding-bottom:31px;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:var(--blue);font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.11em;margin-bottom:13px}h1{font-size:clamp(32px,3.15vw,46px);letter-spacing:-.04em;line-height:1.1;margin-bottom:18px}.article-lead{font-size:16px;color:var(--muted);line-height:1.75}.article-body{font-size:15px;line-height:1.8}.article-body section{padding-top:32px;scroll-margin-top:106px}.article-body h2{font-size:23px;margin-bottom:13px;letter-spacing:-.025em}.article-body h2 a{position:relative;color:var(--ink);text-decoration:none}.heading-anchor{display:inline-block;color:var(--blue);font-size:17px;margin-left:10px;opacity:0}.article-body h2 a:hover .heading-anchor,.article-body h2 a:focus-visible .heading-anchor{opacity:1}.article-body p{color:#50545b}.article-body p>a{font-weight:500}code{font-family:var(--mono);font-weight:500;font-size:.82em;border:1px solid #dedbd4;background:#ebe8e1;border-radius:4px;padding:2px 5px;white-space:nowrap;color:#44484e}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.section-heading h2{margin:0}.component-tag{font:500 10px/1 var(--mono);color:var(--muted)}
.callout{display:flex;gap:13px;padding:17px 19px;border:1px solid;border-radius:6px;margin-top:21px;line-height:1.6}.callout>svg{margin-top:1px;width:19px;height:19px}.callout h3{font-size:14px;letter-spacing:0;margin-bottom:4px;line-height:1.4}.callout p{font-size:13px}.note{border-color:#cbd6f1;background:#edf1fb;color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.note p{color:#465778}.warning{border-color:#e0cc9a;background:#faf3df;color:#805819;box-shadow:inset 3px 0 #af7a23;margin-top:17px}.warning p{color:#725c32}
.pattern-block{margin-top:17px;border:1px solid #d4d0c6;border-radius:7px;background:#fcfbf8;overflow:hidden}.pattern-block figcaption{min-height:43px;border-bottom:1px solid #dedbd4;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:#eeece5;font-size:12px}.filename{display:flex;align-items:center;gap:8px;color:#51565b;font:500 11px/1.5 var(--mono)}.filename svg{width:17px;height:17px}.code-actions{display:flex;align-items:center;gap:15px}.terms{font-size:10px;color:var(--muted)}.copy-button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:65px;min-height:30px;border:1px solid #cdc9bf;border-radius:4px;background:#fcfbf8;font-size:11px;padding:3px 7px}.copy-button:hover{border-color:var(--blue);color:var(--blue)}.copy-button svg{width:13px;height:13px}.pattern-block pre{margin:0;padding:19px 20px 19px 0;overflow-x:auto;line-height:1.95;tab-size:2;font-size:12px;scrollbar-width:thin}.pattern-block code{font-size:inherit;display:block;border:0;padding:0;background:none;border-radius:0;white-space:pre;color:var(--ink)}.code-line::before{content:attr(data-line);display:inline-block;width:42px;text-align:right;margin-right:23px;color:#8b8881;font-size:10px;user-select:none}.part{font-weight:600;color:#244fae}.syntax-key,.count{color:#6e716f}.repeat{color:#62676c}.increase{color:#286342;background:#e2eddf;border-radius:3px;padding:1px 2px}.decrease{color:#92501f;background:#f5e7d8;border-radius:3px;padding:1px 2px}.code-key{display:flex;gap:18px;padding:10px 16px;border-top:1px solid #e4e1da;font-size:10px;line-height:1.4;color:var(--muted)}.code-key>span{display:flex;align-items:center;gap:6px}.code-key i{width:6px;height:6px;border-radius:50%;display:inline-block}.increase-dot{background:#1E7A44}.decrease-dot{background:#A35A08}.code-key .code-key-note{margin-left:auto;color:#73716a}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:6px;margin-top:17px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th,td{padding:11px 16px}th{font-size:11px;font-weight:500;color:var(--muted);background:#eeece5}td{border-top:1px solid var(--line);background:#fbfaf7}td code{border:0;background:none;padding:0;font-size:12px;color:#3e557e}.disclosure{margin-top:20px;border-block:1px solid var(--line)}.disclosure summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;padding:14px 0}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary svg{width:16px;height:16px}.disclosure[open] summary svg{transform:rotate(180deg)}.disclosure p{font-size:13px;padding:0 22px 16px 0}
.article-footer{margin-top:36px}.article-footer>p{font-size:10px;color:var(--muted);display:flex;gap:9px;justify-content:flex-end;margin-bottom:20px}.page-navigation{display:grid;grid-template-columns:1fr 1fr;gap:14px}.page-navigation a{padding:15px 18px;border:1px solid #d4d0c7;border-radius:6px;display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#fbfaf7}.page-navigation a:hover{border-color:var(--blue);background:#f2f4fb}.page-navigation a:last-child{text-align:right}.page-direction{font-size:11px;color:var(--muted);display:flex;gap:8px;justify-content:space-between}#next-page{grid-column:2}.page-navigation strong{font-size:13px;font-weight:500}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:39px;padding:21px 0 29px;font-size:10px;color:var(--muted)}.site-footer div{display:flex;gap:18px}.site-footer a{color:var(--muted);text-decoration:none}
.on-this-page{position:sticky;top:116px;margin-top:39px;font-size:12px}.on-this-page h2{font-size:11px;font-weight:500;letter-spacing:0;margin-bottom:16px}.on-this-page nav{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:1px}.on-this-page a{text-decoration:none;color:var(--muted);padding:7px 0 7px 14px;line-height:1.4;margin-left:-1px;border-left:2px solid transparent}.on-this-page a:hover{color:var(--blue)}.on-this-page a[aria-current=location]{border-left-color:var(--blue);color:var(--blue)}.toc-foot{border-top:1px solid var(--line);margin-top:30px;padding-top:19px;color:var(--muted);font-size:11px;line-height:1.6}.toc-foot>span{display:block;color:var(--blue);font-size:24px;line-height:1;margin-bottom:9px}
@media(min-width:1580px){.layout{grid-template-columns:252px minmax(0,740px) 196px}}
@media(max-width:1200px){.header-inner{padding-inline:28px;gap:17px}.layout{padding-inline:28px;grid-template-columns:222px minmax(0,1fr) 150px;gap:0 32px}.sidebar{padding-right:20px}.desktop-break{display:none}.preview-label{display:none}}
@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr);gap:0 32px}.on-this-page{display:none}.header-actions{gap:20px}h1{font-size:38px}.article-lead{font-size:15px}.header-inner{min-height:72px}.sidebar{top:72px;height:calc(100dvh - 72px)}}
@media(max-width:700px){html{scroll-padding-top:137px}.header-inner{padding-inline:20px;min-height:65px;gap:14px}.brand img{width:156px}.header-divider{height:20px}.guide-label{font-size:14px}.header-actions .site-link{display:none}.header-actions{gap:0}.open-app{padding:6px 9px;font-size:11px;gap:7px}.open-app .desktop-label,.open-app .external{display:none}.open-app .mobile-label{display:inline}.layout{display:block;padding-inline:22px}.sidebar{position:sticky;top:65px;z-index:4;padding:0;height:auto;background:var(--paper);border-right:0;border-bottom:1px solid var(--line);margin-inline:-22px}.menu-toggle:not([hidden]){display:flex;width:100%;align-items:center;gap:9px;padding:13px 22px;border:0;background:var(--paper);font-size:13px;font-weight:500}.menu-toggle svg{width:16px;height:16px}.menu-toggle .chevron{margin-left:auto}.menu-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.sidebar-body{padding:18px 22px;max-height:calc(100dvh - 140px);overflow-y:auto}.search{margin-bottom:22px;max-width:450px}.nav-group+.nav-group{margin-top:17px}.nav-group a{padding:9px 11px}.sidebar-foot{display:none}main{padding-top:25px}.breadcrumbs{margin-bottom:28px;font-size:11px}.eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:36px;line-height:1.13;margin-bottom:16px}.article-lead{font-size:15px;line-height:1.7}.article-heading{padding-bottom:25px}.article-body{font-size:14px}.article-body section{padding-top:29px;scroll-margin-top:137px}.article-body h2{font-size:22px}.callout{padding:15px;gap:11px}.callout p{font-size:12px}.callout h3{font-size:13px}.component-tag{font-size:9px}.pattern-block pre{font-size:11px}.code-line::before{width:30px;margin-right:15px}.code-key{gap:12px;font-size:9px;padding-inline:12px}.code-key .code-key-note{display:none}.pattern-block figcaption{padding-inline:12px}.terms{font-size:9px}.page-navigation a{padding:13px 12px}.page-navigation strong{font-size:12px}.article-footer>p{font-size:9px}.desktop-break{display:none}}
@media(max-width:380px){.header-inner{padding-inline:16px;gap:10px}.brand img{width:137px}.guide-label{font-size:12px}.open-app{font-size:10px;padding-inline:7px}.layout{padding-inline:18px}.sidebar{margin-inline:-18px}.menu-toggle:not([hidden]){padding-inline:18px}h1{font-size:32px}.section-heading{gap:8px}.component-tag{display:none}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.header,.sidebar,.on-this-page,.article-footer,.site-footer,.copy-button,.skip-link{display:none!important}.layout{display:block;padding:0}body{background:#fff;color:#000;font-size:11pt}main{padding:0}.breadcrumbs{margin-bottom:20px}h1{font-size:30pt}.callout,.pattern-block,table{break-inside:avoid}.article-body section{padding-top:24px}.heading-anchor{display:none}.article-lead{font-size:11pt}}

/* Generated Markdown uses the same guide components as the approved preview. */
.article-body>h2{margin-top:32px;scroll-margin-top:106px}.article-body>h3{font-size:18px;margin-top:24px;margin-bottom:12px;scroll-margin-top:106px}.article-body>p+p{margin-top:16px}.article-body>ul,.article-body>ol{padding-left:24px}.article-body li+li{margin-top:6px}.article-body blockquote{margin:20px 0;padding-left:20px;border-left:3px solid var(--line);color:var(--muted)}.article-body img{display:block;max-width:100%;height:auto;margin-block:20px}.article-body .callout p+p{margin-top:10px}.article-body .callout p{font-size:13px}.page-navigation:empty,.article-footer:has(.page-navigation:empty){display:none}@media(max-width:700px){.article-body>h2,.article-body>h3{scroll-margin-top:137px}}

.on-this-page .toc-child{padding-left:25px;font-size:11px}.article-body>pre{padding:18px;background:#fcfbf8;border:1px solid var(--line);border-radius:6px;overflow:auto}.article-body>pre code{border:0;background:none;padding:0;white-space:pre}

/* The public site header stays aligned while the guide keeps its own reading grid. */
body:has(.layout) .public-header{position:sticky;top:0;z-index:5}
.layout{width:min(1200px,calc(100% - 80px));max-width:none;padding-inline:0;grid-template-columns:220px minmax(0,1fr) 150px;gap:0 32px}
.sidebar{top:104px;height:calc(100dvh - 104px)}
@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.layout{width:calc(100% - 48px)}}
@media(max-width:700px){.layout{width:100%;padding-inline:22px}.sidebar{top:96px;height:auto}}
@media(max-width:380px){.layout{padding-inline:18px}}
@media(max-width:480px){.sidebar{top:84px}}

/* Guide reading layout: quiet navigation, clearer type, and no competing scroll chrome. */
:root{--guide-header-height:104px;--check:var(--blue)}
html{scroll-padding-top:calc(var(--guide-header-height) + 56px)}
.layout{grid-template-columns:236px minmax(0,1fr) 156px;gap:0 32px}
.sidebar{top:var(--guide-header-height);height:calc(100dvh - var(--guide-header-height));padding:28px 20px 24px 0;font-size:15px}
.sidebar-body{padding:0;scrollbar-width:none}
.sidebar-body::-webkit-scrollbar{display:none}
.sidebar-title{margin:0 0 18px;color:var(--ink);font-size:16px;font-weight:500;line-height:1.4}
.search{min-height:42px;margin:0 0 24px;padding-inline:11px;background:var(--panel);border-color:var(--line)}
.search:focus-within{outline:0;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.search input{font-size:14px}
.search kbd{color:var(--muted);background:var(--paper)}
.nav-group+.nav-group{margin-top:22px}
.nav-group h2{padding-left:10px;margin-bottom:7px;color:var(--ink);font-size:11px;letter-spacing:.07em}
.nav-group a{margin:0;padding:7px 10px;color:var(--muted);font-size:15px;line-height:1.4}
.nav-group a:hover{background:#eae7df;color:var(--ink)}
.nav-group a[aria-current=page]{background:transparent;box-shadow:none;color:var(--blue);font-weight:600}
.sidebar-foot{display:none}
.layout main{padding-top:40px}
.breadcrumbs{font-size:13px;margin-bottom:38px}
.article-heading{padding-bottom:32px}
.article-heading h1{font-size:clamp(38px,3.8vw,52px)}
.article-body{font-size:16px;line-height:1.75}
.article-body>h2{font-size:26px;margin-top:36px;scroll-margin-top:calc(var(--guide-header-height) + 56px)}
.article-body>h3{scroll-margin-top:calc(var(--guide-header-height) + 56px)}
.on-this-page{top:132px;margin-top:42px;font-size:13px}
.on-this-page h2{font-size:12px;font-weight:600}
.toc-foot{display:none}
.guide-index .article-body>h2{margin:36px 0 10px;font-size:23px}
.guide-index .article-body>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;list-style:none;margin:0;padding:0}
.guide-index .article-body>ul li{margin:0;border-bottom:1px solid var(--line)}
.guide-index .article-body>ul a{display:block;padding:12px 2px;color:var(--ink);font-weight:500;text-decoration:none}
.guide-index .article-body>ul a:hover{color:var(--blue)}
@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:700px){.sidebar{height:auto;padding:0;border-right:0}.sidebar-body{height:auto;max-height:calc(100dvh - var(--guide-header-height) - 50px);padding:18px 22px 22px}.sidebar-title{display:none}.search{max-width:none}.layout main{padding-top:28px}.guide-index .article-body>ul{grid-template-columns:1fr}}
@media(max-width:640px){:root{--guide-header-height:96px}}
@media(max-width:480px){:root{--guide-header-height:84px}}
@media(max-width:380px){.sidebar-body{padding-inline:18px}}
@media print{.layout{width:100%}.public-header,.public-footer{display:none!important}}

/* Article components: a few lines of pattern, a pattern with a note beside its lines, a picture. */
.pattern-block.compact,.anatomy{position:relative}
.pattern-block.compact pre{padding:13px 18px;font-size:13px;line-height:1.85}
.pattern-block.compact .code-line::before{display:none}
.pattern-block.compact .copy-button,.anatomy .copy-button{position:absolute;top:7px;right:7px;min-width:0;opacity:0;transition:opacity .12s}
.pattern-block.compact:hover .copy-button,.anatomy:hover .copy-button,.copy-button:focus-visible{opacity:1}
@media(hover:none){.pattern-block.compact .copy-button,.anatomy .copy-button{display:none}}
.pattern-block.compact .copy-status:not(.sr-only),.anatomy .copy-status:not(.sr-only){font-size:12px;padding:0 18px 10px;color:var(--muted)}
.anatomy{display:grid;grid-template-columns:fit-content(58%) minmax(0,1fr);margin-top:17px;padding:13px 0;border:1px solid #d4d0c6;border-radius:7px;background:#fcfbf8;overflow-x:auto}
.anatomy-row{display:contents}
.anatomy-row code{display:block;border:0;background:none;border-radius:0;padding:1px 22px 1px 18px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.anatomy-note{align-self:stretch;padding:1px 16px;border-left:1px solid var(--line);font-size:13px;line-height:calc(13px*1.7);color:var(--muted)}
.anatomy-row:hover>*{background:#f3f0e8}
.anatomy-gap,.anatomy .copy-status{grid-column:1/-1}
.anatomy-gap{height:11px}
.shot{margin:20px 0 0}
.article-body>:is(figure,.table-scroll,aside,details)+:is(p,ul,ol){margin-top:18px}
.article-body .shot img{margin:0;border:1px solid var(--line);border-radius:7px;background:#ece9e2}
.shot figcaption{margin-top:8px;font-size:13px;line-height:1.5;color:var(--muted)}
/* A table of two columns wraps both: a long pattern line breaks at its spaces instead of pushing the table wide.
   A table of many columns (the stitches in every language) keeps each word whole and scrolls. */
.article-body td{white-space:normal}
.article-body td code{white-space:normal}
.nb{white-space:nowrap}
.article-body table:has(th:nth-child(3)) td code,.article-body table:has(th:nth-child(3)) td:first-child{white-space:nowrap}
.article-body table:not(:has(th:nth-child(3))) th:first-child{width:46%}
.article-body>ol>li+li,.article-body>ul>li+li{margin-top:8px}
@media(max-width:700px){.anatomy{display:block;padding:11px 0}.anatomy-row{display:block}.anatomy-row code{padding:3px 14px;white-space:pre-wrap;overflow-wrap:anywhere}.anatomy-note{display:block;border-left:0;padding:0 14px 7px;font-size:12px;line-height:1.45}.anatomy-note:empty{display:none}}

/* Pattern text is highlighted as the editor highlights it (src/editor/editor.css): the same words, the same colours. */
.hl-inc{color:#1E7A44}.hl-dec{color:#A35A08}.hl-rep{color:var(--muted);font-weight:700}.hl-count,.hl-start,.hl-key{color:var(--muted)}.hl-start{font-style:italic}
.hl-swatch{display:inline-block;width:9px;height:9px;margin:0 3px 0 1px;border-radius:2px;border:1px solid rgb(31 35 40/.3)}
.code-line.part-head{display:inline-block;min-width:100%;background:#eef1f4;font-weight:700;border-radius:3px}
.anatomy-row code.part-head{background:#eef1f4;font-weight:700}
.anatomy-row:hover>code.part-head{background:#e2e8f2}
.article-body h3 a{position:relative;color:var(--ink);text-decoration:none}
.article-body h3 a:hover .heading-anchor,.article-body h3 a:focus-visible .heading-anchor{opacity:1}

/* Search results: a section's heading, its page and the words around the match. */
.search-results{display:grid;gap:2px}
.search-hit{display:block;padding:8px 10px;border-radius:4px;text-decoration:none;color:var(--ink)}
.search-hit:hover{background:#eae7df}
.hit-title{display:block;font-size:14px;font-weight:600;line-height:1.35}
.hit-page{display:block;font-size:12px;line-height:1.4;color:var(--muted)}
.hit-text{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.hit-text mark{background:#fbe9a6;color:var(--ink);border-radius:2px;padding:0 1px}

/* The contents page: a line under each topic. */
.topic-summary{display:block;margin-top:2px;font-size:14px;font-weight:400;line-height:1.45;color:var(--muted)}

/* Colour swatches of the pattern examples, written by the build. */
.sw-a88f7a{background:#a88f7a}.sw-d99a9b{background:#d99a9b}.sw-ee9db4{background:#ee9db4}.sw-f3e6cf{background:#f3e6cf}