@layer bricks {.brxe-post-toc{overflow-y:auto;top:var(--wp-admin--admin-bar--height,0);transform:translateX(0);width:400px}.brxe-post-toc[data-nowrap] .toc-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brxe-post-toc[data-sticky]{position:sticky}.brxe-post-toc.toc-right{right:0;transform:translateX(100%)}@media (min-width:52em){.brxe-post-toc{transform:translateX(0)}.brxe-post-toc.toc-right{right:calc(50% - 26rem);transform:translateX(0)}}.brxe-post-toc .js-toc{overflow-y:hidden}.brxe-post-toc>.toc-list{overflow:hidden;position:relative}.brxe-post-toc .toc-list{counter-reset:item;list-style:none;margin:0;padding:0}.brxe-post-toc .toc-list li.toc-list-item{position:relative}.brxe-post-toc .toc-link{color:currentcolor;display:block;height:100%;text-decoration:none}.brxe-post-toc .toc-link:before{content:"";display:inline-block;height:inherit;left:0;position:absolute;right:0;top:0}.brxe-post-toc .toc-link.is-active-link{font-weight:700}.brxe-post-toc .is-collapsible{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.brxe-post-toc .is-collapsed{max-height:0}.brxe-post-toc .is-position-fixed{position:fixed!important;top:0}}@layer bricks {.brxe-post-content{width:100%}.brxe-post-content[data-source=bricks]{display:flex;flex-direction:column}body:has(.wp-lightbox-overlay) #brx-content{overflow:clip}}@layer bricks {}@layer bricks {}html { font-size: 100%; }.single-post-main { --page: #f3f6f8; --surface: #e7edf2; --line: #bac8d3; --accent: #15529a; --accent-strong: #0d3e79; --header-height: 76px; --max-width: 1440px; --gutter: clamp(1rem, 3vw, 3.5rem); --font-weight-body: 400; --font-weight-action: 500; --font-weight-heading: 600; width: 100%; background: var(--page);}@media (prefers-color-scheme: dark) { .single-post-main { --page: #0e1721; --surface: #172432; --line: #3b4d5f; --accent: #78a9df; --accent-strong: #a7c9ee; }}@media (max-width: 920px) { .single-post-main { --header-height: 68px; } }.single-post-main { --post-body: #334453; --post-heading: #17212b; --post-secondary: #526576; min-height: 54dvh; color: var(--post-body); font-size: clamp(1rem, 1.25vw, 1.125rem); font-weight: var(--font-weight-body); line-height: 1.6;}@media (prefers-color-scheme: dark) { .single-post-main { --post-body: #d2dce5; --post-heading: #f3f6f8; --post-secondary: #aab8c6; }}.single-post-main :is(h1, h2, h3, p, ul, ol, figure, blockquote) { margin-bottom: 0;}.single-post-main figure { margin-inline: 0;}.post-shell { width: min(100%, var(--max-width)); margin-inline: auto; padding: clamp(4.5rem, 8vw, 7rem) var(--gutter) clamp(5rem, 9vw, 8rem);}.post-header,.post-content,.post-end { max-width: 70ch;}.sample-notice { padding: 1rem 1.2rem; border-left: 3px solid var(--accent); background: var(--surface); color: var(--post-secondary); font-size: 0.875rem; line-height: 1.5;}.post-breadcrumb { display: flex; min-height: 44px; margin-top: 2rem; align-items: center; gap: 0.65rem; color: var(--post-secondary); font-size: 1rem; line-height: 1.25;}.post-breadcrumb a { display: inline-flex; min-height: 44px; align-items: center; color: var(--accent-strong); font-weight: var(--font-weight-action);}.post-meta { display: flex; flex-wrap: wrap; gap: 0.35rem 1.5rem; margin-top: 1rem; color: var(--post-secondary); font-size: 0.875rem; line-height: 1.5;}.post-header h1 { margin-top: 1rem; color: var(--post-heading); font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: var(--font-weight-heading); letter-spacing: -0.02em; line-height: 1.1; overflow-wrap: anywhere;}.post-intro { max-width: 65ch; margin-top: 1.5rem;}.post-toc[hidden] { display: none;}.post-toc { max-width: 70ch; margin-top: 2rem; padding-block: 1rem; border-block: 1px solid var(--line);}.post-toc .toc-title { color: var(--post-heading); font-size: 0.875rem; font-weight: var(--font-weight-heading); line-height: 1.5;}.post-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.15rem 1rem; margin: 0.6rem 0 0; padding: 0; list-style: none;}.post-toc a { display: flex; min-height: 44px; padding: 0.35rem 0.45rem; align-items: center; color: var(--post-secondary); font-size: 1rem; font-weight: var(--font-weight-action); line-height: 1.25; text-decoration: none;}.post-toc a:hover { color: var(--accent-strong); text-decoration: underline;}.post-toc .toc-subheading a { padding-left: 1.25rem;}.post-content { margin-top: clamp(3.5rem, 6vw, 5rem);}.post-content > :is(p, ul, ol, figure, blockquote, .table-scroll, .technical-note) { margin-top: 1.5rem;}.post-content > h2 { margin-top: clamp(3rem, 5vw, 4rem); color: var(--post-heading); font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: var(--font-weight-heading); line-height: 1.2; overflow-wrap: anywhere;}.post-content > h3,.technical-note h3 { margin-top: 2rem; color: var(--post-heading); font-size: clamp(1.375rem, 1.8vw, 1.5rem); font-weight: var(--font-weight-heading); line-height: 1.3; overflow-wrap: anywhere;}.post-content > :is(h2, h3) + p { margin-top: 1rem;}.post-content :is(ul, ol) { padding-left: 1.45em;}.post-content li + li { margin-top: 0.55rem;}.post-content a { color: var(--accent-strong); text-underline-offset: 0.16em;}.post-content figure img { display: block; width: 100%; height: auto;}.post-content figcaption,.post-content .table-hint,.post-content table caption { color: var(--post-secondary); font-size: 0.875rem; line-height: 1.5;}.post-content figcaption { margin-top: 0.75rem;}.post-content .table-hint { display: none;}.table-scroll { max-width: 100%; overflow-x: auto;}.post-content table { width: 100%; min-width: 38rem; border-collapse: collapse; font-size: 1rem; line-height: 1.5;}.post-content table caption { padding-bottom: 0.75rem; text-align: left;}.post-content table :is(th, td) { padding: 0.95rem 1rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top;}.post-content table thead th { border-top: 1px solid var(--line); background: var(--surface); color: var(--post-heading); font-weight: var(--font-weight-heading);}.post-content table tr > :first-child { position: sticky; left: 0; z-index: 1; background: var(--page); box-shadow: 1px 0 0 var(--line);}.post-content table thead tr > :first-child { z-index: 2; background: var(--surface);}.technical-note,.post-content blockquote { padding: 1.4rem 1.6rem; border-top: 1px solid var(--line); background: var(--surface);}.technical-note h3 { margin-top: 0;}.technical-note p,.post-content blockquote p { margin-top: 0.7rem;}.post-content .wp-block-quote { margin-inline: 0; padding: 1.25rem 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--post-heading); font-size: clamp(1.125rem, 1.39vw, 1.25rem); line-height: 1.5;}.post-content .wp-block-quote p { margin-top: 0;}.post-end { margin-top: clamp(3.5rem, 6vw, 5rem); padding-top: 1.5rem; border-top: 1px solid var(--line);}.post-end a { display: inline-flex; align-items: center; min-height: 44px; color: var(--accent-strong); font-weight: var(--font-weight-action); text-underline-offset: 0.16em;}@media (min-width: 1200px) { .post-shell { display: grid; grid-template-columns: minmax(0, 70ch) minmax(14rem, 1fr); column-gap: clamp(3rem, 6vw, 7rem); align-items: start; } .post-header { grid-column: 1; grid-row: 1; } .post-toc { position: sticky; top: calc(var(--header-height) + 2rem); grid-column: 2; grid-row: 1 / 4; width: min(100%, 17rem); max-height: calc(100dvh - var(--header-height) - 3rem); margin-top: 5rem; overflow-y: auto; } .post-toc ol { display: block; } .post-content { grid-column: 1; grid-row: 2; } .post-end { grid-column: 1; grid-row: 3; }}@media (max-width: 700px) { .post-shell { padding-block: 4rem 5rem; } .post-meta { margin-top: 1rem; } .post-toc { display: none; } .post-content > h2 { margin-top: 2.75rem; } .post-content .table-hint { display: block; } .post-content .table-hint + .table-scroll { margin-top: 0.75rem; } .post-content table { table-layout: fixed; } .post-content table thead th:first-child { width: min(10rem, 42vw); } .post-content table thead th:last-child { width: min(12rem, 46vw); } .post-content table :is(th, td) { overflow-wrap: anywhere; } .technical-note, .post-content blockquote { padding: 1.2rem; }}.single-post-main .brxe-post-title { margin: 0; }.post-content > .wp-block-image,.post-content > .wp-block-table,.post-content > .wp-block-group,.post-content > .wp-block-quote,.post-content > .wp-block-pullquote { margin-top: 1.5rem; }.post-content > .wp-block-table { max-width: 100%; overflow-x: auto; }.post-content > .wp-block-table table { margin: 0; }.post-content .wp-block-image img { max-width: 100%; height: auto; }.post-content .wp-block-group.technical-note { padding: 1.4rem 1.6rem; border-top: 1px solid var(--line); background: var(--surface); }.post-toc .brxe-post-toc { margin-top: .6rem; }.post-toc .brxe-post-toc .toc-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .15rem 1rem; margin: 0; padding: 0; list-style: none; }.post-toc .brxe-post-toc .toc-list-item { list-style: none; }.post-toc .brxe-post-toc .toc-link { display: flex; min-height: 44px; padding: .35rem .45rem; align-items: center; color: var(--post-secondary); font-size: 1rem; font-weight: 500; line-height: 1.25; text-decoration: none; }.post-toc .brxe-post-toc .toc-link:hover, .post-toc .brxe-post-toc .toc-link.is-active-link { color: var(--accent-strong); text-decoration: underline; }.post-toc .brxe-post-toc .toc-list-item .toc-list .toc-link { padding-left: 1.25rem; }@media (min-width: 1200px) { .post-toc .brxe-post-toc .toc-list { display: block; } }.post-toc:not(:has(.toc-list)) { display: none; }.post-toc .brxe-post-toc { width: 100%; max-width: 100%; overflow: visible; }#brxe-spbc01 {margin-top: 0px; flex-wrap: wrap; font-size: 14px}#brxe-sptitl {max-width: 26ch; margin-top: .8rem; font-size: clamp(2.1rem,3.4vw,3rem); line-height: 1.15}#brxe-spintr {max-width: 650px; margin-top: 1.25rem; font-size: 18px; line-height: 1.6; color: var(--post-secondary)}#brxe-sphdr1 {max-width: 960px}#brxe-spbody {width: 100%; min-width: 0px; max-width: none; margin-top: 0px; font-size: 18px; line-height: 1.65}#brxe-sptoch {min-height: 44px; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--post-heading)}#brxe-sptoce .toc-link {font-size: 14px; line-height: 1.45; color: var(--post-secondary)}#brxe-sptoc1 {position: sticky; top: 100px; margin-top: 0px; max-width: 270px; max-height: calc(100dvh - 116px); overflow: auto; padding-top: .8rem; padding-bottom: 0px; border-top: 2px solid var(--line)}#brxe-sprlay {display: grid; align-items: initial; grid-template-columns: minmax(0,594px) minmax(0,270px); gap: clamp(2rem,6vw,5.5rem); align-items: start; margin-top: 3rem; width: 100%}#brxe-spend1 {max-width: 594px; margin-top: 3rem}#brxe-spshel {display: block; width: min(100%,1230px); max-width: 1230px; padding-top: 2.75rem; padding-right: clamp(1rem,3vw,3.5rem); padding-bottom: 5rem; padding-left: clamp(1rem,3vw,3.5rem)}#brxe-spmain {font-family: "IBM Plex Sans"}@media(max-width:1000px){#main-content#main-content[data-blog-repair] .reading-layout{grid-template-columns:minmax(0,594px);gap:1.5rem}#main-content#main-content[data-blog-repair] .post-toc{position:static;grid-row:1;max-width:none;max-height:none;overflow:visible;border-bottom:1px solid var(--line);padding-bottom:.5rem}#main-content#main-content[data-blog-repair] .post-toc .brxe-post-toc{max-height:42dvh;overflow:auto}#main-content#main-content[data-blog-repair] .post-toc .toc-link{min-height:44px}}@media(max-width:767px){#main-content#main-content[data-blog-repair] .post-shell{padding:1.5rem clamp(1rem,6vw,1.5rem) 4rem}#main-content#main-content[data-blog-repair] .post-content{font-size:16px;line-height:1.6}#main-content#main-content[data-blog-repair] .post-intro{font-size:16px;line-height:1.6}#main-content#main-content[data-blog-repair] .post-header h1{font-size:34px}#main-content#main-content[data-blog-repair] .reading-layout{grid-template-columns:minmax(0,1fr);margin-top:2rem}#main-content#main-content[data-blog-repair] .post-content > h2{font-size:27px}#main-content#main-content[data-blog-repair] .post-content > h3{font-size:22px}}@media(prefers-reduced-motion:reduce){#main-content#main-content[data-blog-repair] *{scroll-behavior:auto;}}@container(max-width:607px){#main-content[data-blog-repair] .post-content [role=region]:has(>table)::before{content:"Scroll sideways to compare all columns. Keyboard: focus the table and use the arrow keys.";display:block;width:100%;position:sticky;left:0;margin:0 0 .5rem;color:var(--post-secondary);font-size:14px;line-height:1.5}}#main-content[data-blog-repair] .post-intro p { margin: 0;}#main-content[data-blog-repair] .post-content { grid-column: auto; grid-row: auto;}#main-content[data-blog-repair] .post-content>h2:first-child { margin-top: 0;}#main-content[data-blog-repair] .post-content>h2 { font-size: 30px; line-height: 1.25;}#main-content[data-blog-repair] .post-content>h3 { font-size: 23px; line-height: 1.3;}#main-content[data-blog-repair] .post-content :is(h2,h3) { scroll-margin-top: 108px;}#main-content[data-blog-repair] :focus-visible { outline: 3px solid var(--accent); outline-offset: 4px;}#main-content[data-blog-repair] .post-toc { display: block; grid-column: auto; grid-row: auto; width: 100%;}#main-content[data-blog-repair] .post-toc[hidden] { display: none;}#main-content[data-blog-repair] .post-toc summary { cursor: pointer;}#main-content[data-blog-repair] .post-toc .toc-list { display: block; margin: 0; padding: 0; list-style: none;}#main-content[data-blog-repair] .post-toc .toc-list-item { margin: 0;}#main-content[data-blog-repair] .post-toc .toc-link { display: block; min-height: 38px; padding: .45rem .35rem; font-size: 14px; line-height: 1.45; text-decoration: none;}#main-content[data-blog-repair] .post-toc .toc-list .toc-list .toc-link { padding-left: 1.15rem; font-size: 13px;}#main-content[data-blog-repair] .post-toc .toc-link.is-active-link { color: var(--accent-strong); font-weight: 600; border-left: 2px solid var(--accent);}#main-content[data-blog-repair] .post-content .table-hint { display: block; font-size: 14px; line-height: 1.5; color: var(--post-secondary); margin: 1.5rem 0 .5rem;}#main-content[data-blog-repair] .post-content .table-hint[hidden] { display: none;}#main-content[data-blog-repair] .post-content .table-hint+[role=region] { margin-top: 0;}#main-content[data-blog-repair] .post-content table { min-width: 38rem;}#main-content[data-blog-repair] .reading-layout:has(.post-toc[hidden]) { grid-template-columns: minmax(0,594px); max-width: 594px;}#main-content[data-blog-repair] .post-content { container-type: inline-size;}#main-content[data-blog-repair]:not(:has(.post-content h2~h2)) .post-toc { display: none;}#main-content[data-blog-repair]:not(:has(.post-content h2~h2)) .reading-layout { grid-template-columns: minmax(0,594px); max-width: 594px;}#main-content[data-blog-repair] .post-content [role=region]:has(>table) { margin-top: 1.5rem;}