.brand{max-width:100%}.brand-lockup{width:240px;max-width:100%;height:auto;display:block}@media (max-width:600px){.brand-lockup{width:220px}}
.yl-pattern{color:var(--yl-text);font-family:var(--yl-font-sans);font-size:var(--yl-font-body);font-weight:var(--yl-weight-body);line-height:var(--yl-line-body);overflow-wrap:anywhere}.yl-pattern *,.yl-pattern :before,.yl-pattern :after{box-sizing:border-box}.yl-pattern h1{font-size:clamp(32px,5vw,var(--yl-font-h1));line-height:var(--yl-line-heading);font-weight:var(--yl-weight-heading)}.yl-site-inner{max-width:var(--yl-width-wide);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:auto;display:flex}.yl-site-header,.yl-site-footer{background:var(--yl-surface);padding:24px 20px}.yl-site-header{border-bottom:1px solid var(--yl-border)}.yl-site-footer{border-top:1px solid var(--yl-border)}.yl-site-footer small{max-width:var(--yl-width-wide);font-size:var(--yl-font-caption);margin:32px auto 0;font-weight:400;display:block}.yl-pattern nav{flex-wrap:wrap;gap:8px 24px;display:flex}.yl-pattern nav a{align-items:center;min-height:44px;text-decoration:none}.yl-pattern nav a:hover{text-decoration:underline;text-decoration-thickness:2px}.yl-pattern nav a[aria-current]{font-weight:var(--yl-weight-heading)}.yl-skip{z-index:100;background:var(--yl-surface-raised);color:var(--yl-action-hover);padding:12px 24px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.yl-skip:focus{outline:3px solid var(--yl-focus);transform:none}.yl-pattern main:focus{outline:none}.yl-article-list{max-width:var(--yl-width-standard);margin:auto}.yl-article-row{border-bottom:1px solid var(--yl-border);grid-template-columns:180px minmax(0,1fr);gap:24px;padding:32px 0;display:grid}.yl-article-meta{color:var(--yl-text-muted);flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:16px 0;display:flex}.yl-article-row .yl-article-meta{align-content:start;margin:0}.yl-article-row h2,.yl-article-row h3{font-size:var(--yl-font-lead-wide);line-height:var(--yl-line-heading);margin:0 0 12px}.yl-article-row h2 a,.yl-article-row h3 a{font:inherit}.yl-article-row p{margin:0}.yl-article-empty{padding:32px 0}.yl-article{width:calc(100% - 40px);max-width:var(--yl-width-reading);margin:auto;padding:32px 0}.yl-article h1{font-size:clamp(32px,5vw,var(--yl-font-h1));line-height:var(--yl-line-heading);font-weight:var(--yl-weight-heading);margin:24px 0}.yl-article header>p{font-size:var(--yl-font-lead)}.yl-prose{font-size:var(--yl-font-reading);line-height:var(--yl-line-reading);margin-top:48px}.yl-prose h2{font-size:clamp(28px,4vw,var(--yl-font-h2));margin:48px 0 24px}.yl-prose h3{font-size:var(--yl-font-h3);margin:32px 0 16px}.yl-prose h2,.yl-prose h3{font-weight:var(--yl-weight-heading);line-height:var(--yl-line-heading)}.yl-prose p,.yl-prose li{font-size:inherit;line-height:inherit}.yl-prose blockquote{border-left:4px solid var(--yl-action);background:var(--yl-surface-subtle);margin:24px 0;padding:8px 20px}.yl-prose ul,.yl-prose ol{padding-left:24px}.yl-prose ul{list-style:outside}.yl-prose ol{list-style:decimal}.yl-scroll,.yl-prose pre{border:1px solid var(--yl-border);border-radius:var(--yl-radius-card);max-width:100%;margin:24px 0;overflow-x:auto}.yl-prose table{border-collapse:collapse;white-space:nowrap;width:100%}.yl-prose th,.yl-prose td{border-bottom:1px solid var(--yl-border);text-align:left;padding:12px 16px}.yl-prose th{background:var(--yl-action);color:var(--yl-on-action)}.yl-prose td{background:var(--yl-surface-raised)}.yl-prose pre{background:var(--yl-surface-subtle);white-space:pre;overflow-wrap:normal;padding:16px}.yl-prose code{font-size:inherit}.yl-prose img{border-radius:var(--yl-radius-card);max-width:100%;height:auto;display:block}.yl-prose em{color:var(--yl-text-muted)}.yl-scroll:focus-visible,.yl-prose pre:focus-visible{outline:3px solid var(--yl-focus);outline-offset:4px}.yl-article-end{border-top:1px solid var(--yl-border);justify-content:flex-end;margin-top:48px;padding-top:24px;display:flex}@media (max-width:600px){.yl-article-row{grid-template-columns:minmax(0,1fr);gap:16px}.yl-site-inner{flex-direction:column;align-items:start}}.yl-prose figure{margin:32px 0}.yl-prose figcaption{color:var(--yl-text-muted);font-size:var(--yl-font-caption);margin-top:8px}@media (max-width:600px){.yl-site-header .yl-site-inner{align-items:center}.yl-site-header nav{justify-content:center}.yl-site-footer{text-align:center}.yl-site-footer .yl-site-inner{align-items:center}.yl-site-footer nav{justify-content:center}.yl-prose{font-size:var(--yl-font-body)}}