.board{--cross:11px;--frame-pad:40px;--wave-x:calc(max(0px, calc((100% - var(--mrd-container) - var(--mrd-gutter) * 2) / 2)) + var(--frame-pad))}.band{border-bottom:1px solid var(--mrd-line);position:relative}.band--end{border-bottom:0}.frame{width:100%;max-width:calc(var(--mrd-container) + var(--mrd-gutter) * 2);padding:72px var(--frame-pad);border-inline:1px solid var(--mrd-line);margin-inline:auto;position:relative}.band:not(.band--end)>.frame:before,.band:not(.band--end)>.frame:after{content:"";bottom:calc(var(--cross) / -2 - .5px);width:var(--cross);height:var(--cross);z-index:1;background:linear-gradient(var(--mrd-line-strong), var(--mrd-line-strong)) center / 1px 100% no-repeat, linear-gradient(var(--mrd-line-strong), var(--mrd-line-strong)) center / 100% 1px no-repeat;position:absolute}.band>.frame:before{left:calc(var(--cross) / -2 - .5px)}.band>.frame:after{right:calc(var(--cross) / -2 - .5px)}.band:not(.band--end):before,.band:not(.band--end):after{content:"";z-index:2;left:var(--wave-x);pointer-events:none;position:absolute}.band:not(.band--end):before{background:var(--mrd-bg);width:60px;height:1px;bottom:-1px}.band:not(.band--end):after{background:var(--mrd-line-strong);width:60px;height:25px;bottom:-13px;-webkit-mask:url(/brand/wave-line-rule.svg) 0 0/60px 25px no-repeat;mask:url(/brand/wave-line-rule.svg) 0 0/60px 25px no-repeat}.band.hero:before{width:85px}.band.hero:after{height:29px;bottom:-15px;left:max(0px, calc((100% - var(--mrd-container) - var(--mrd-gutter) * 2) / 2));width:calc(var(--frame-pad) + 85px);background:var(--mrd-accent);-webkit-mask:linear-gradient(#000 0 0) 0 14px / var(--frame-pad) 1px no-repeat, url(/brand/wave-line-hero.svg) var(--frame-pad) 0 / 85px 29px no-repeat;-webkit-mask:linear-gradient(#000 0 0) 0 14px / var(--frame-pad) 1px no-repeat, url(/brand/wave-line-hero.svg) var(--frame-pad) 0 / 85px 29px no-repeat;mask:linear-gradient(#000 0 0) 0 14px / var(--frame-pad) 1px no-repeat, url(/brand/wave-line-hero.svg) var(--frame-pad) 0 / 85px 29px no-repeat}.band__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 48px;margin-bottom:36px;display:grid}.band__head h2{font-size:var(--mrd-text-h2);line-height:var(--mrd-leading-h2);letter-spacing:var(--mrd-tracking-h2);font-weight:var(--mrd-weight-semibold);color:var(--mrd-ink);text-wrap:balance}.band__head-muted{color:var(--mrd-muted)}.band__head p{max-width:480px;font-size:var(--mrd-text-md);line-height:var(--mrd-leading-md)}.band__head a{font-weight:var(--mrd-weight-medium);white-space:nowrap}.hero .frame{padding-block:104px 88px}.hero h1{max-width:820px;letter-spacing:var(--mrd-tracking-display);font-size:clamp(36px,5.6vw,66px);line-height:1.03;font-weight:var(--mrd-weight-semibold);color:var(--mrd-ink);text-wrap:balance}.hero__lead{max-width:680px;font-size:var(--mrd-text-lg);line-height:var(--mrd-leading-lg);text-wrap:balance;margin-top:24px}.hero__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;display:flex}.install{height:var(--mrd-control-md);border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-md);background:var(--mrd-subtle);font-family:var(--mrd-font-mono);color:var(--mrd-ink);align-items:center;gap:10px;margin-left:8px;padding:0 4px 0 12px;font-size:12.5px;display:inline-flex}.install__prompt{color:var(--mrd-muted);-webkit-user-select:none;user-select:none}.install__copy{border-radius:var(--mrd-radius-sm);height:24px;color:var(--mrd-muted);font-family:var(--mrd-font-sans);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-medium);cursor:pointer;transition:background-color var(--mrd-duration) var(--mrd-ease), color var(--mrd-duration) var(--mrd-ease);background:0 0;border:0;padding:0 8px}.install__copy:hover{background:var(--mrd-tray);color:var(--mrd-ink)}.cindex{columns:4 200px;column-gap:32px}.cindex__group{break-inside:avoid;margin-bottom:28px}.cindex__heading{border-bottom:1px solid var(--mrd-line);color:var(--mrd-ink);font-size:var(--mrd-text-sm);font-weight:var(--mrd-weight-semibold);margin-bottom:6px;padding-bottom:8px}.cindex ul{margin:0;padding:0;list-style:none}.cindex li a{color:var(--mrd-body);font-size:var(--mrd-text-sm);transition:color var(--mrd-duration) var(--mrd-ease);padding:3.5px 0;display:block}.cindex li a:hover{color:var(--mrd-accent)}.contract{border-top:1px solid var(--mrd-line);margin:0;padding:0;list-style:none}.contract li{border-bottom:1px solid var(--mrd-line);font-size:var(--mrd-text-sm);grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:baseline;gap:8px 48px;padding:20px 0;display:grid}.contract__rule{color:var(--mrd-ink);font-size:var(--mrd-text-h3);line-height:var(--mrd-leading-h3);letter-spacing:var(--mrd-tracking-h3);font-weight:var(--mrd-weight-medium)}.contract__text{max-width:560px;color:var(--mrd-body);font-size:var(--mrd-text-md);line-height:var(--mrd-leading-md)}.findex{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.findex li{border-top:1px solid var(--mrd-line)}.findex__item{height:100%;color:var(--mrd-body);padding:18px 0 32px;display:block}.findex__item:hover{color:var(--mrd-body)}.findex__title{color:var(--mrd-ink);font-size:var(--mrd-text-h3);letter-spacing:var(--mrd-tracking-h3);font-weight:var(--mrd-weight-medium);transition:color var(--mrd-duration) var(--mrd-ease);display:block}.findex__item:hover .findex__title{color:var(--mrd-accent)}.findex__text{max-width:260px;font-size:var(--mrd-text-sm);margin-top:6px;line-height:1.55;display:block}.closing{justify-items:start;gap:10px;display:grid}.closing__cmd{color:var(--mrd-ink);font-family:var(--mrd-font-mono);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(20px,3.2vw,32px)}.closing__cmd span{color:var(--mrd-muted)}.closing__text{font-size:var(--mrd-text-sm)}.closing .hero__actions{margin-top:12px}@media (max-width:920px){.board{--frame-pad:24px}.frame{padding-block:56px}.hero .frame{padding-block:72px 56px}.band__head{grid-template-columns:1fr;margin-bottom:28px}.contract li{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:16px}.findex{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.board{--frame-pad:16px}.frame{border-inline:0}.band>.frame:before,.band>.frame:after{display:none}.hero__lead{font-size:16px}.install{margin-left:0}.cindex{columns:2;column-gap:20px}.findex{grid-template-columns:minmax(0,1fr)}.findex__item{padding-block:14px 20px}}
.docs-shell{max-width:calc(1360px + var(--mrd-gutter) * 2);padding-inline:var(--mrd-gutter);grid-template-columns:220px minmax(0,1fr) 200px;gap:48px;margin-inline:auto;display:grid}.docs-main{min-width:0;padding-block:40px 80px}.doc-article{max-width:var(--mrd-prose)}.docs-sidebar{top:var(--header-h);height:calc(100dvh - var(--header-h));border-right:1px solid var(--mrd-line);padding-block:24px 40px;align-self:start;padding-right:16px;position:sticky;overflow-y:auto}.docs-sidebar__toggle{display:none}.docs-sidebar__group+.docs-sidebar__group{margin-top:22px}.docs-sidebar__heading{color:var(--mrd-ink);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-semibold);padding:0 0 6px}.docs-sidebar ul{border-left:1px solid var(--mrd-line);margin:0;padding:0;list-style:none}.docs-sidebar li a{min-height:24px;color:var(--mrd-body);transition:color var(--mrd-duration) var(--mrd-ease), border-color var(--mrd-duration) var(--mrd-ease);border-left:1px solid #0000;align-items:center;margin-left:-1px;padding:3px 0 3px 12px;font-size:13.5px;line-height:1.45;display:flex}.docs-sidebar li a:hover{color:var(--mrd-ink);border-left-color:var(--mrd-line-strong)}.docs-sidebar li a[aria-current=page]{color:var(--mrd-ink);border-left-color:var(--mrd-accent);font-weight:var(--mrd-weight-medium)}.docs-sidebar li a:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:0;border-radius:var(--mrd-radius-xs)}.docs-toc{top:var(--header-h);max-height:calc(100dvh - var(--header-h));align-self:start;padding-block:40px;position:sticky;overflow-y:auto}.docs-toc__heading{color:var(--mrd-muted);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-medium);margin-bottom:8px}.docs-toc ul{border-left:1px solid var(--mrd-line);margin:0;padding:0;list-style:none}.docs-toc li a{min-height:24px;color:var(--mrd-muted);font-size:var(--mrd-text-2xs);line-height:var(--mrd-leading-2xs);transition:color var(--mrd-duration) var(--mrd-ease), border-color var(--mrd-duration) var(--mrd-ease);border-left:1px solid #0000;align-items:center;margin-left:-1px;padding:3px 0 3px 12px;display:flex}.docs-toc li[data-level="3"] a{padding-left:22px}.docs-toc li a:hover{color:var(--mrd-ink)}.docs-toc li a[aria-current=location]{color:var(--mrd-ink);border-left-color:var(--mrd-accent)}@media (max-width:1180px){.docs-shell{grid-template-columns:208px minmax(0,1fr);gap:40px}.docs-toc{display:none}}@media (max-width:920px){.docs-shell{grid-template-columns:minmax(0,1fr);gap:0}.docs-sidebar{top:var(--header-h);z-index:10;background:var(--mrd-bg);border:0;height:auto;padding:0;position:sticky;overflow:visible}.docs-sidebar__toggle{width:calc(100% + var(--mrd-gutter) * 2);height:40px;margin-inline:calc(var(--mrd-gutter) * -1);padding:0 var(--mrd-gutter);border:0;border-bottom:1px solid var(--mrd-line);background:var(--mrd-bg);color:var(--mrd-ink);font-size:var(--mrd-text-xs);font-weight:var(--mrd-weight-medium);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.docs-sidebar__toggle svg{transition:transform var(--mrd-duration-slow) var(--mrd-ease)}.docs-sidebar[data-open=true] .docs-sidebar__toggle svg{transform:rotate(180deg)}.docs-sidebar__nav{max-height:calc(100dvh - var(--header-h) - 40px);border-bottom:1px solid var(--mrd-line);padding-block:16px 24px;display:none;overflow-y:auto}.docs-sidebar[data-open=true] .docs-sidebar__nav{display:block}.docs-main{padding-top:32px}}.doc-article{font-size:var(--mrd-text-sm);line-height:1.65}.doc-article>h1{color:var(--mrd-ink);font-size:var(--mrd-text-h2);line-height:var(--mrd-leading-h2);letter-spacing:var(--mrd-tracking-h2);font-weight:var(--mrd-weight-semibold)}.doc-article>h1+p{font-size:var(--mrd-text-md);line-height:var(--mrd-leading-md);margin-top:12px}.doc-article>h2{border-top:1px solid var(--mrd-line);color:var(--mrd-ink);letter-spacing:-.02em;font-size:20px;line-height:1.3;font-weight:var(--mrd-weight-semibold);margin-top:48px;padding-top:24px}.doc-article>h3{color:var(--mrd-ink);letter-spacing:-.01em;font-size:15.5px;line-height:1.4;font-weight:var(--mrd-weight-semibold);margin-top:28px}.doc-article>h2+*,.doc-article>h3+*{margin-top:12px}.doc-article>p,.doc-article>ul,.doc-article>ol{margin-top:14px}.doc-article>ul,.doc-article>ol{padding-left:22px}.doc-article>ul li+li,.doc-article>ol li+li{margin-top:6px}.doc-article>ul li::marker{color:var(--mrd-muted)}.doc-article strong{color:var(--mrd-ink);font-weight:var(--mrd-weight-semibold)}.doc-article>hr{border:0;border-top:1px solid var(--mrd-line);margin:48px 0}.doc-article>blockquote{border-left:1px solid var(--mrd-line-strong);color:var(--mrd-body);margin-top:16px;padding-left:16px}.doc-article a:not([class]){text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--mrd-accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--mrd-accent) 35%, transparent);text-underline-offset:3px}.doc-article a:not([class]):hover{text-decoration-color:currentColor}.doc-article :not(pre)>code{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-xs);background:var(--mrd-subtle);color:var(--mrd-ink);padding:1px 5px;font-size:.86em}.heading-anchor,.heading-anchor:hover{color:inherit}.heading-anchor:after{content:"#";color:var(--mrd-muted);opacity:0;transition:opacity var(--mrd-duration) var(--mrd-ease);margin-left:8px}.heading-anchor:hover:after,.heading-anchor:focus-visible:after{opacity:1}.doc-meta{color:var(--mrd-muted);font-size:var(--mrd-text-2xs);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.table-wrap{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);margin-top:16px;overflow-x:auto}.doc-table{border-collapse:collapse;width:100%;font-size:var(--mrd-text-xs);line-height:var(--mrd-leading-xs)}.doc-table th{background:var(--mrd-subtle);border-bottom:1px solid var(--mrd-line);text-align:left;color:var(--mrd-muted);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-medium);white-space:nowrap;padding:7px 12px}.doc-table td{border-bottom:1px solid var(--mrd-line);vertical-align:top;padding:9px 12px}.doc-table tr:last-child td{border-bottom:0}.doc-table code{border-radius:var(--mrd-radius-xs);background:var(--mrd-tray);color:var(--mrd-ink);white-space:nowrap;padding:1px 5px;font-size:12px}.doc-table code.type{color:var(--mrd-accent-strong);background:var(--mrd-accent-soft);white-space:normal}.doc-table .keys{flex-wrap:wrap;gap:4px;display:flex}.doc-table .req{color:var(--mrd-danger-strong);font-size:var(--mrd-text-3xs);margin-left:8px}.muted{color:var(--mrd-muted)}.callout{border-radius:var(--mrd-radius-lg);background:var(--mrd-tray);gap:10px;margin-top:20px;padding:12px 14px;display:flex}.callout__dot{background:var(--mrd-accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.callout[data-tone=warning]{background:var(--mrd-warning-soft)}.callout[data-tone=warning] .callout__dot{background:var(--mrd-warning-strong)}.callout[data-tone=danger]{background:var(--mrd-danger-soft)}.callout[data-tone=danger] .callout__dot{background:var(--mrd-danger)}.callout[data-tone=success]{background:var(--mrd-success-soft)}.callout[data-tone=success] .callout__dot{background:var(--mrd-success)}.callout__title{color:var(--mrd-ink);font-size:var(--mrd-text-sm);font-weight:var(--mrd-weight-semibold)}.callout__content{font-size:var(--mrd-text-sm);margin-top:2px}.callout__content>*+*{margin-top:8px}.status-badge{border-radius:var(--mrd-radius-full);background:var(--mrd-tray);height:22px;color:var(--mrd-body);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-medium);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.status-badge:before{content:"";background:var(--mrd-muted);border-radius:50%;width:6px;height:6px}.status-badge[data-status=stable]{background:var(--mrd-success-soft);color:var(--mrd-success-strong)}.status-badge[data-status=stable]:before{background:var(--mrd-success)}.status-badge[data-status=beta]{background:var(--mrd-accent-soft);color:var(--mrd-accent-strong)}.status-badge[data-status=beta]:before{background:var(--mrd-accent)}.status-badge[data-status=deprecated]{background:var(--mrd-warning-soft);color:var(--mrd-warning-strong)}.status-badge[data-status=deprecated]:before{background:var(--mrd-warning-strong)}.do-dont{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.do-dont__item{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);font-size:var(--mrd-text-sm);padding:20px}.do-dont__label{color:var(--mrd-ink);font-weight:var(--mrd-weight-semibold);font-size:var(--mrd-text-xs);align-items:center;gap:8px;margin-bottom:10px;display:flex}.do-dont__label:before{content:"";background:var(--mrd-success);border-radius:1px;width:16px;height:1.5px}.do-dont__item[data-kind=dont] .do-dont__label:before{background:var(--mrd-danger)}.do-dont__content>*+*{margin-top:8px}@media (max-width:640px){.do-dont{grid-template-columns:1fr}}.preview{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);margin-top:20px;overflow:hidden}.preview__bar{border-bottom:1px solid var(--mrd-line);background:var(--mrd-subtle);justify-content:space-between;align-items:center;gap:12px;padding:0 8px 0 4px;display:flex}.preview__tabs{display:flex}.preview__tab{height:34px;color:var(--mrd-muted);font-size:var(--mrd-text-3xs);font-weight:var(--mrd-weight-medium);cursor:pointer;background:0 0;border:0;padding:0 10px;position:relative}.preview__tab:hover,.preview__tab[aria-selected=true]{color:var(--mrd-ink)}.preview__tab[aria-selected=true]:after{content:"";background:var(--mrd-ink);height:1px;position:absolute;bottom:-1px;left:10px;right:10px}.preview__stage{background:var(--mrd-bg);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:180px;padding:36px 20px;display:flex}.preview__stage[data-align=start]{justify-content:flex-start;align-items:flex-start}.preview__stage[hidden],.preview__code[hidden]{display:none}.preview__code{background:var(--mrd-subtle);overflow-x:auto}.preview-pending{color:var(--mrd-muted);font-size:var(--mrd-text-2xs)}.token-group+.token-group{margin-top:12px}.token-group h3{margin-top:32px;font-size:16px}.swatch{align-items:center;gap:8px;display:inline-flex}.swatch__chip{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0f12191a}.swatch[data-swatch-theme=dark] .swatch__chip{outline-offset:0;outline:3px solid #0b0d12}.type-specimen{border-top:1px solid var(--mrd-line);margin-top:24px}.type-specimen__row{border-bottom:1px solid var(--mrd-line);padding:20px 0}.type-specimen__sample{color:var(--mrd-ink);overflow-wrap:anywhere}.type-specimen__meta{color:var(--mrd-muted);font-size:var(--mrd-text-2xs);flex-wrap:wrap;gap:4px 16px;margin-top:8px;display:flex}.scale-list{border-top:1px solid var(--mrd-line);margin-top:24px}.scale-list__row{border-bottom:1px solid var(--mrd-line);font-size:var(--mrd-text-xs);grid-template-columns:150px 60px 1fr;align-items:center;gap:16px;padding:10px 0;display:grid}.scale-list__value{color:var(--mrd-muted)}.scale-list__bar{background:var(--mrd-accent-soft);height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mrd-accent) 30%, transparent);border-radius:3px}.token-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:24px;display:grid}.token-tiles[data-surface=tray]{border-radius:var(--mrd-radius-card);background:var(--mrd-tray);gap:28px 20px;padding:24px}.token-tile{flex-direction:column;gap:12px;display:flex}.token-tile__shape{border:1px solid var(--mrd-line-strong);background:var(--mrd-tray);height:88px;display:block}.token-tile__shape[data-shadow]{border-radius:var(--mrd-radius-lg);background:var(--mrd-surface);border:0}.token-tile figcaption{font-size:var(--mrd-text-2xs);color:var(--mrd-muted);flex-direction:column;gap:2px;display:flex}.token-tile figcaption code{color:var(--mrd-ink);font-size:12.5px}.motion-demo{border-radius:var(--mrd-radius-card);background:var(--mrd-tray);flex-wrap:wrap;gap:12px;margin-top:24px;padding:32px;display:flex}.motion-demo__target{height:var(--mrd-control-md);border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);background:var(--mrd-surface);color:var(--mrd-ink);font-size:var(--mrd-text-sm);font-weight:var(--mrd-weight-medium);cursor:pointer;transition:transform var(--mrd-duration-slow) var(--mrd-ease), box-shadow var(--mrd-duration-slow) var(--mrd-ease), background-color var(--mrd-duration) var(--mrd-ease);padding:0 18px}.motion-demo__target[data-kind=lift]:hover{box-shadow:var(--mrd-shadow-md);transform:translateY(-3px)}.motion-demo__target[data-kind=press]:active{transition-duration:var(--mrd-duration-fast);transform:scale(.97)}.motion-demo__target[data-kind=tint]:hover{background:var(--mrd-tray-2)}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.brand-tile{flex-direction:column;gap:12px;display:flex}.brand-tile__stage{border-radius:var(--mrd-radius-xl);border:1px solid var(--mrd-line);place-items:center;height:160px;display:grid}.brand-tile__stage img{width:auto;height:28px}.brand-tile__stage[data-bg=dark]{background:#0b0d12;border-color:#262b35}.brand-tile__stage[data-bg=light]{background:#fff}.brand-tile__stage[data-bg=tray]{background:var(--mrd-tray)}.brand-tile figcaption{font-size:var(--mrd-text-2xs);color:var(--mrd-muted);justify-content:space-between;gap:12px;display:flex}.clearspace{border:1px dashed var(--mrd-line-strong);border-radius:var(--mrd-radius-lg);place-items:center;margin-top:24px;padding:28px;display:inline-grid;position:relative}.clearspace img{outline:1px solid var(--mrd-accent-soft);width:auto;height:40px}@media (max-width:640px){.brand-grid{grid-template-columns:1fr}}.component-group{border-top:1px solid var(--mrd-line);margin-top:20px}.component-row{border-bottom:1px solid var(--mrd-line);font-size:var(--mrd-text-sm);grid-template-columns:170px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:9px 0;display:grid}.component-row__name{color:var(--mrd-ink);font-weight:var(--mrd-weight-medium)}.component-row{color:inherit;text-decoration:none;transition:background-color .15s}.component-row:hover .component-row__name{color:var(--mrd-accent)}.component-row:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:2px;border-radius:var(--mrd-radius-xs)}@media (max-width:640px){.component-row{grid-template-columns:1fr auto}.component-row__desc{order:3;grid-column:1/-1}}.doc-pager{max-width:var(--mrd-prose);margin-top:56px}.doc-pager__edit{font-size:var(--mrd-text-xs);color:var(--mrd-muted)}.doc-pager__edit:hover{color:var(--mrd-ink)}.doc-pager__nav{border-top:1px solid var(--mrd-line);grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:24px;display:grid}.doc-pager__link{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);transition:border-color var(--mrd-duration) var(--mrd-ease), background-color var(--mrd-duration) var(--mrd-ease);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.doc-pager__link:hover{background:var(--mrd-tray);border-color:var(--mrd-tray)}.doc-pager__link[data-dir=next]{text-align:right;grid-column:2}.doc-pager__dir{color:var(--mrd-muted);font-size:var(--mrd-text-3xs)}.doc-pager__title{color:var(--mrd-ink);font-size:var(--mrd-text-sm);font-weight:var(--mrd-weight-medium)}.pattern-shell-frame{width:100%;container-type:inline-size}.pattern-shell{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-card);background:var(--mrd-bg);grid-template-columns:200px minmax(0,1fr);width:100%;min-height:360px;display:grid;overflow:hidden}.pattern-shell__sidebar{padding:var(--mrd-space-4) var(--mrd-space-3);background:var(--mrd-tray);border-inline-end:1px solid var(--mrd-line)}.pattern-shell__main{flex-direction:column;min-width:0;display:flex}.pattern-shell__topbar{justify-content:space-between;align-items:center;gap:var(--mrd-space-3);height:52px;padding-inline:var(--mrd-space-4);border-bottom:1px solid var(--mrd-line);display:flex}.pattern-shell__content{padding:var(--mrd-space-6)}.pattern-shell__menu{display:none}.pattern-shell__avatar{border-radius:var(--mrd-radius-full);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.pattern-shell__avatar:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:2px}@container not (min-width:520px){.pattern-shell{grid-template-columns:minmax(0,1fr)}.pattern-shell__sidebar{display:none}.pattern-shell__menu{display:inline-flex}}
.studio{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-lg);background:var(--mrd-bg);grid-template-columns:272px minmax(0,1fr);grid-template-areas:"controls window""diff diff";display:grid;overflow:hidden}.studio-controls{border-right:1px solid var(--mrd-line);background:var(--mrd-subtle);flex-direction:column;grid-area:controls;gap:18px;min-width:0;padding:16px;display:flex}.studio-controls__head{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.studio-controls__title{color:var(--mrd-ink);font-size:var(--mrd-text-sm);font-weight:var(--mrd-weight-medium)}.studio-controls__note{color:var(--mrd-muted);font-size:var(--mrd-text-2xs);line-height:var(--mrd-leading-2xs);margin-top:auto}.studio-ctl{gap:8px;display:grid}.studio-ctl__label{color:var(--mrd-muted);font-size:var(--mrd-text-xs)}.studio-ctl .mrd-segmented{width:100%}.studio-swatches{gap:10px;padding-block:2px;display:flex}.studio-swatch{--swatch:var(--mrd-accent-solid);border-radius:var(--mrd-radius-full);cursor:pointer;background:var(--swatch);width:22px;height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mrd-ink) 12%, transparent);border:0;padding:0}.studio-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--mrd-subtle), 0 0 0 3.5px var(--swatch)}.studio-swatch:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:4px}.studio-window{grid-area:window;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.studio-window__bar{border-bottom:1px solid var(--mrd-line);background:var(--mrd-bg);align-items:center;gap:12px;min-height:40px;padding:6px 12px;display:flex}.studio-window__attrs{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mrd-muted);font-family:var(--mrd-font-mono);font-size:var(--mrd-text-3xs);overflow:hidden}.studio-window__split{color:var(--mrd-muted);font-size:var(--mrd-text-3xs);align-items:center;gap:10px;margin-left:auto;display:inline-flex}.studio-window__split input{width:140px;accent-color:var(--mrd-accent)}.studio-window__viewport{isolation:isolate;min-width:0;position:relative;overflow:hidden}.studio-layer{background:var(--mrd-tray);color:var(--mrd-body);font-size:var(--mrd-text-sm);line-height:var(--mrd-leading-sm);padding:20px}.studio-layer[data-layer=mirror]{clip-path:inset(0 0 0 var(--split,50%));pointer-events:none;position:absolute;inset:0}.studio-meridian{inset-block:0;left:var(--split,50%);background:var(--mrd-accent);pointer-events:none;width:1px;position:absolute}.studio-meridian__grip{border:1px solid var(--mrd-line-strong);border-radius:var(--mrd-radius-full);background:var(--mrd-surface);cursor:ew-resize;pointer-events:auto;touch-action:none;width:13px;height:40px;margin-top:-20px;position:absolute;top:50%;left:-6px}.studio-meridian__tag{border-radius:var(--mrd-radius-xs);font-family:var(--mrd-font-mono);white-space:nowrap;padding:1px 6px;font-size:11px;position:absolute;top:8px}.studio-meridian__tag[data-side=light]{color:#535a67;background:#fff;right:8px}.studio-meridian__tag[data-side=dark]{color:#a3a9b5;background:#0b0d12;left:8px}@media (prefers-reduced-motion:no-preference){.studio-layer[data-layer=mirror]{transition:clip-path var(--mrd-duration) var(--mrd-ease)}.studio-meridian{transition:left var(--mrd-duration) var(--mrd-ease)}.studio-layer .studio-app{transition:color var(--mrd-duration) var(--mrd-ease)}}.studio-app{grid-template-columns:168px minmax(0,1fr);gap:20px;min-height:540px;display:grid}.studio-app__side{flex-direction:column;gap:14px;min-width:0;display:flex}.studio-app__workspace{color:var(--mrd-ink);font-weight:var(--mrd-weight-medium);align-items:center;gap:8px;display:flex}.studio-app__main{align-content:start;gap:14px;min-width:0;display:grid}.studio-app__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.studio-app__title{color:var(--mrd-ink);font-size:var(--mrd-text-h3);font-weight:var(--mrd-weight-semibold);letter-spacing:var(--mrd-tracking-h3)}.studio-app__meta{color:var(--mrd-muted);font-family:var(--mrd-font-mono);font-size:var(--mrd-text-3xs);margin-top:2px}.studio-app__panel{padding-top:12px}.studio-app__sha{color:var(--mrd-muted);font-family:var(--mrd-font-mono);font-size:var(--mrd-text-3xs)}.studio-app__branch{font-family:var(--mrd-font-mono);font-size:var(--mrd-text-3xs)}.studio-app__lower{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.studio-app__form{background:var(--mrd-surface)}.studio-app__card-title{color:var(--mrd-ink);font-weight:var(--mrd-weight-medium);padding:14px 16px 0}.studio-app__fields{gap:12px;padding:12px 16px 16px;display:grid}.studio-app__form-foot{border-top:1px solid var(--mrd-line);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.studio-app .studio-app__dialog{max-width:none;max-height:none;margin-top:28px;animation:none;overflow:visible}.studio-app button.mrd-sidebar-nav__item{width:100%;font:inherit;text-align:start;cursor:pointer;border:0}.studio-app button.mrd-sidebar-nav__item:not([data-state=active]){background:0 0}.studio-diff{border-top:1px solid var(--mrd-line);grid-area:diff;min-width:0}.studio-diff__bar{border-bottom:1px solid var(--mrd-line);background:var(--mrd-subtle);align-items:center;gap:12px;min-height:40px;padding:6px 12px;display:flex}.studio-diff__title{color:var(--mrd-ink);font-size:var(--mrd-text-xs);font-weight:var(--mrd-weight-medium)}.studio-diff__count{color:var(--mrd-muted);font-size:var(--mrd-text-3xs)}.studio-diff__copy{margin-left:auto}.studio-diff__body{max-height:232px;font-family:var(--mrd-font-mono);padding:12px 0;font-size:12.5px;line-height:1.7;overflow:auto}.studio-diff__body:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:-2px}.studio-diff__attrs,.studio-diff__empty{color:var(--mrd-body);padding-inline:16px}.studio-diff__empty{color:var(--mrd-muted);font-family:var(--mrd-font-sans);font-size:var(--mrd-text-xs);margin-top:8px}.studio-diff__muted{color:var(--mrd-muted)}.studio-diff__code{color:var(--mrd-ink);margin:8px 0 0}.studio-diff__pair,.studio-diff__line{display:block}.studio-diff__line{white-space:pre;padding-inline:16px}.studio-diff__line:before{content:" ";width:16px;color:var(--mrd-muted);display:inline-block}.studio-diff__line[data-sign=\-]{background:var(--mrd-danger-soft);color:var(--mrd-danger-strong)}.studio-diff__line[data-sign=\-]:before{content:"-";color:inherit}.studio-diff__line[data-sign=\+]{background:var(--mrd-success-soft);color:var(--mrd-success-strong)}.studio-diff__line[data-sign=\+]:before{content:"+";color:inherit}@media (max-width:1080px){.studio-app{grid-template-columns:minmax(0,1fr)}.studio-app__side{display:none}}@media (max-width:920px){.studio{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""window""diff"}.studio-controls{border-right:0;border-bottom:1px solid var(--mrd-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-controls__head,.studio-controls__note{grid-column:1/-1}}@media (max-width:640px){.studio-controls{grid-template-columns:minmax(0,1fr)}.studio-layer{padding:12px}.studio-app{min-height:0}.studio-app__lower{grid-template-columns:minmax(0,1fr)}.studio-app__col-branch,.studio-window__attrs,.studio-window__split span{display:none}}
.entry__disclosure a,.blog-index__empty a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px}.blog-index{padding-block:56px 96px}.blog-index__head{gap:10px;max-width:720px;margin-bottom:28px;display:grid}.blog-index__head h1{color:var(--mrd-ink);font-size:var(--mrd-text-h2);line-height:var(--mrd-leading-h2);letter-spacing:var(--mrd-tracking-h2);font-weight:var(--mrd-weight-semibold)}.blog-index__head p{font-size:var(--mrd-text-md);line-height:var(--mrd-leading-md)}.blog-index__rss{font-size:var(--mrd-text-xs);justify-self:start}.blog-index__disclosure{max-width:720px;color:var(--mrd-muted);font-size:var(--mrd-text-xs);line-height:var(--mrd-leading-xs);margin-bottom:28px}.blog-index__empty{border:1px dashed var(--mrd-line-strong);border-radius:var(--mrd-radius-xl);font-size:var(--mrd-text-sm);gap:6px;padding:32px;display:grid}.tag-filter{border-bottom:1px solid var(--mrd-line);flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:20px;display:flex}.tag-link{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-full);min-height:28px;color:var(--mrd-body);font-size:var(--mrd-text-xs);white-space:nowrap;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.tag-link:hover{background:var(--mrd-tray);color:var(--mrd-ink)}.tag-link[aria-current=page]{border-color:color-mix(in srgb, var(--mrd-accent) 45%, transparent);background:var(--mrd-accent-soft);color:var(--mrd-accent-strong)}.tag-link:focus-visible{outline:2px solid var(--mrd-accent);outline-offset:2px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.post-card{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-xl);background:var(--mrd-surface);align-content:start;gap:10px;padding:24px;display:grid;position:relative}.post-card:hover{background:var(--mrd-subtle);border-color:var(--mrd-line-strong)}.post-card:has(.post-card__link:focus-visible){outline:2px solid var(--mrd-accent);outline-offset:2px}.post-card__meta{color:var(--mrd-muted);font-size:var(--mrd-text-2xs);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.post-card__title{color:var(--mrd-ink);font-size:var(--mrd-text-h3);line-height:var(--mrd-leading-h3);letter-spacing:var(--mrd-tracking-h3);font-weight:var(--mrd-weight-semibold)}.post-card__link{color:inherit;text-decoration:none}.post-card__link:focus-visible{outline:none}.post-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card__text{font-size:var(--mrd-text-sm);line-height:var(--mrd-leading-sm)}.post-card__tags{color:var(--mrd-muted);font-size:var(--mrd-text-3xs)}.post-card[data-featured]{background:var(--mrd-tray);border-color:#0000;padding:36px 32px}.post-card[data-featured]:hover{background:var(--mrd-tray-2)}.post-card[data-featured] .post-card__title{max-width:820px;font-size:var(--mrd-text-h2);line-height:var(--mrd-leading-h2);letter-spacing:var(--mrd-tracking-h2)}.post-card[data-featured] .post-card__text{max-width:680px;font-size:var(--mrd-text-md);line-height:var(--mrd-leading-md)}.entry-shell{--measure:920px;--wide:920px;max-width:calc(var(--wide) + var(--mrd-gutter) * 2);padding:32px var(--mrd-gutter) 96px;grid-template-columns:minmax(0,1fr);gap:48px;margin-inline:auto;display:grid}.entry-shell>.docs-toc{display:none}@media (min-width:1240px){.entry-shell{grid-template-columns:minmax(0, var(--wide)) 200px;max-width:calc(var(--wide) + 248px + var(--mrd-gutter) * 2)}.entry-shell>.docs-toc{padding-top:120px;display:block}}.entry{grid-template-columns:[wide-start] minmax(0, 1fr) [content-start] minmax(0, var(--measure)) [content-end] minmax(0, 1fr) [wide-end];min-width:0;display:grid}.entry>*{grid-column:content;min-width:0}.entry__header{border-bottom:1px solid var(--mrd-line);gap:14px;padding-bottom:28px;display:grid}.entry__crumbs{font-size:var(--mrd-text-xs)}.entry__tags{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.entry__title{color:var(--mrd-ink);letter-spacing:var(--mrd-tracking-h2);font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:var(--mrd-weight-semibold);text-wrap:balance}.entry__lead{font-size:var(--mrd-text-lg);line-height:var(--mrd-leading-lg)}.entry__meta{color:var(--mrd-muted);font-size:var(--mrd-text-xs);flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.entry__translation{font-weight:var(--mrd-weight-medium)}.entry__scheduled{margin-top:4px}.entry__disclosure{border-radius:var(--mrd-radius-lg);background:var(--mrd-tray);font-size:var(--mrd-text-xs);line-height:var(--mrd-leading-xs);padding:12px 14px}.entry__body.doc-article{grid-column:wide;grid-template-columns:subgrid;max-width:none;font-size:var(--mrd-text-md);padding-top:8px;line-height:1.7;display:grid}.entry__body>*{grid-column:content;min-width:0}.entry__body>.mrd-table-frame,.entry__body>.code-block,.entry__body>figure,.entry__body>img{grid-column:wide;margin-top:24px}.entry__body>h2{font-size:22px}.pending-link{color:inherit}.entry .content-table{--mrd-table-cell-padding:12px 16px;font-size:var(--mrd-text-sm);font-variant-numeric:tabular-nums;line-height:1.5}.entry .content-table .mrd-table__header{top:var(--header-h);z-index:1;background:var(--mrd-tray);color:var(--mrd-ink);font-size:var(--mrd-text-xs);font-weight:var(--mrd-weight-medium);position:sticky}.entry .content-table .mrd-table__cell{vertical-align:top}.entry .content-table .mrd-table__row>.mrd-table__cell:first-child{color:var(--mrd-ink);font-weight:var(--mrd-weight-semibold)}.entry .content-table code{font-size:.9em}@media (min-width:1180px){.entry .mrd-table-frame{overflow:visible}}.entry__footer{grid-column:wide;gap:56px;margin-top:64px;display:grid}.content-cta{border:1px solid var(--mrd-line);border-radius:var(--mrd-radius-xl);background:var(--mrd-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.content-cta__title{color:var(--mrd-ink);font-size:var(--mrd-text-md);font-weight:var(--mrd-weight-semibold)}.content-cta__text{font-size:var(--mrd-text-sm);margin-top:4px}.content-cta__cmd{color:var(--mrd-ink);font-family:var(--mrd-font-mono);font-size:var(--mrd-text-xs);margin-top:10px}.content-cta__cmd span{color:var(--mrd-muted)}.content-cta__actions{flex-wrap:wrap;gap:8px;display:flex}.entry__related-title{color:var(--mrd-ink);font-size:var(--mrd-text-h3);font-weight:var(--mrd-weight-semibold)}.entry__related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prose-page{padding-block:48px 96px}.prose-page .doc-article{max-width:920px;font-size:var(--mrd-text-md);line-height:1.7}.prose-page .doc-article>p:first-of-type{color:var(--mrd-muted);font-size:var(--mrd-text-xs)}@media (max-width:920px){.entry__related .post-grid,.content-cta{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.blog-index,.entry-shell,.prose-page{--mrd-gutter:16px}.blog-index{padding-block:40px 72px}.post-grid{grid-template-columns:minmax(0,1fr)}.post-card,.post-card[data-featured]{padding:20px}.entry{grid-template-columns:[wide-start content-start]minmax(0,1fr)[content-end wide-end]}}