/* Start:/local/templates/btrx/assets/css/article.css?179421872218462*/
/* Article structure adapted from the supplied reference; typography follows btrx. */
.bblog-article .bblog-article-head{max-width:none;margin:0 0 50px}.bblog-article-topmeta{border-top:1px solid #10111055;padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#62685b;margin-bottom:30px}.bblog-article-topmeta>div{display:flex;gap:20px;flex-wrap:wrap}.bblog-article-topmeta>a{color:#62685b}.bblog-article h1{max-width:1100px;font-size:clamp(42px,5.7vw,88px)}.bblog-article .bblog-lead{max-width:70ch;margin-top:28px;font-size:20px;line-height:1.65}.bblog-article-layout{display:grid;grid-template-columns:minmax(0,1fr)}.bblog-article-layout.has-toc{grid-template-columns:220px minmax(0,1fr);gap:6%;align-items:start}.bblog-article-main{min-width:0;max-width:900px;width:100%;margin:0 auto}.bblog-toc{position:sticky;top:calc(var(--article-top-offset,0px) + 24px);max-height:calc(100svh - var(--article-top-offset,0px) - 110px);overflow-y:auto;padding-right:10px}.bblog-toc nav>p{margin:0 0 18px;color:#62685b}.bblog-toc ol{list-style:none;counter-reset:article-toc;padding:0;margin:0;border-top:1px solid #10111035}.bblog-toc li{counter-increment:article-toc;border-bottom:1px solid #10111035}.bblog-toc a{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14px;line-height:1.5;padding:13px 0;color:#62685b}.bblog-toc a:before{content:counter(article-toc,decimal-leading-zero);font:12px/1.7 var(--mono)}.bblog-toc a[aria-current=location],.bblog-toc a:hover{color:#a8301c}.bblog-toc a[aria-current=location]{text-decoration:underline;text-underline-offset:4px}.bblog-article .bblog-content{max-width:none;margin:0;font-size:18px;line-height:1.75}.bblog-article .bblog-content>:first-child{margin-top:0}.bblog-content h2,.bblog-content h3{scroll-margin-top:calc(var(--article-top-offset,0px) + 30px)}.bblog-content h2{font-size:clamp(32px,3.3vw,48px);margin-top:52px}.bblog-content h2 em,.bblog-content h3 em{font-style:normal;color:#686e61}.bblog-content figure,.bblog-content .fig{margin:36px 0}.bblog-content figure img{display:block;width:100%;height:auto;object-fit:contain;background:#d9dbd1}.bblog-content .ph-img{position:relative;background:#d9dbd1}.bblog-content .ph-img img{width:100%;height:auto;max-height:85svh;object-fit:contain}.bblog-content figcaption{font-size:14px;line-height:1.6;margin-top:12px;color:#62685b}.bblog-content .ph-img--portrait{max-width:460px;margin-inline:auto}.bblog-content .table-wrap{overflow-x:auto;max-width:100%;margin:28px 0}.bblog-content table{display:table;width:100%;min-width:540px;margin:0;font-size:16px}.bblog-content .table-wrap:focus-visible{outline:2px solid #a8301c;outline-offset:4px}.bblog-content th{background:#d9dbd1;font-weight:600;text-align:left}.bblog-content tbody tr:nth-child(even){background:#d9dbd166}.bblog-content td,.bblog-content th{padding:14px 16px;vertical-align:top}.bblog-content blockquote{background:#d9dbd1;padding:26px 30px;border-left:2px solid #686e61;margin:34px 0;font-size:22px;line-height:1.55}.bblog-content blockquote p:last-of-type{margin-bottom:0}.bblog-content blockquote cite{display:block;font:12px/1.6 var(--mono);margin-top:18px;font-style:normal}.bblog-content .tip{padding:24px 26px;margin:30px 0;border:1px solid #686e6180;display:flex;gap:18px;align-items:start}.bblog-content .tip .ico{flex-shrink:0;line-height:1;font-size:24px;color:#686e61}.bblog-content .tip .ico svg{width:24px;height:24px}.bblog-content .tip .lbl{font:12px/1.6 var(--mono);color:#62685b;margin-bottom:10px}.bblog-content .tip .txt{font-size:18px;line-height:1.65}.bblog-content .tip .txt p:last-child{margin-bottom:0}.bblog-content ul,.bblog-content ol{padding-left:25px}.bblog-content li::marker{color:#686e61}.bblog-content pre{position:relative;padding:48px 22px 22px}.bblog-content .bblog-copy{position:absolute;right:12px;top:10px;border:1px solid #c8cabf70;padding:6px 10px;background:var(--ink);color:var(--paper);font:12px/1.4 var(--mono)}.bblog-zoomable{cursor:zoom-in}.bblog-zoomable:focus-visible{outline:2px solid #a8301c;outline-offset:3px}.bblog-content .fig:has(>img){position:relative}.bblog-content .sl{margin:34px 0;background:#d9dbd1}.bblog-content .sl-track{transform:none!important;display:block}.bblog-content .sl-slide{width:100%;min-width:0}.bblog-content .sl-slide[hidden]{display:none}.bblog-content .sl-slide img{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain}.bblog-content .sl-arrow,.bblog-content .sl-shimmer,.bblog-content .sl-fill,.bblog-content .sl-scrim,.bblog-content .sl-badge{display:none}.bblog-content .sl-cap{position:static;margin:0;padding:0 16px 16px;font-size:14px;line-height:1.6;color:#62685b}.bblog-gallery-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px}.bblog-gallery-controls button{min-height:44px;border:1px solid #10111045;background:transparent;padding:8px 12px;font:14px/1.4 var(--mono);color:var(--ink)}.bblog-gallery-controls [data-gallery-zoom]{margin-left:auto;font-size:12px}.bblog-content video{display:block;width:100%;height:auto;max-height:80svh;background:#101110}.bblog-content .vp{margin:34px 0;background:#101110}.bblog-content .vp .vp-el{position:static;width:100%;height:auto;object-fit:contain}.bblog-content .vp-center,.bblog-content .vp-tag,.bblog-content .vp-scrim,.bblog-content .vp-play{display:none}.bblog-content .vp-cap{position:static;padding:14px 16px;color:#c8cabf;font-size:14px;line-height:1.6}.bblog-content iframe{max-width:100%;aspect-ratio:16/9;height:auto;border:0}.bblog-service-insert{background:#292b27;color:#e9e8e1;padding:28px 30px;margin:40px 0;max-width:none}.bblog-content .bblog-service-insert h3,.bblog-service-insert h3{font:500 30px/1.2 var(--sans);letter-spacing:-.04em;color:#e9e8e1;margin:15px 0 22px}.bblog-service-insert>.mono{color:#c8cabf}.bblog-service-insert a,.bblog-content .bblog-service-insert a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #ffffff35;font-size:16px;text-decoration:none}.bblog-service-insert a:hover{text-decoration:underline;text-underline-offset:5px}.bblog-author{margin-top:40px;padding:22px 0;border-top:1px solid #10111045;border-bottom:1px solid #10111045;display:flex;align-items:center;justify-content:space-between;gap:20px}.bblog-author .mono{color:#62685b}.bblog-author strong{font-size:20px;font-weight:500}.bblog-readmore{margin-top:70px}.bblog-readmore-head{display:flex;justify-content:space-between;gap:25px;align-items:end;border-top:1px solid #10111055;padding-top:22px;margin-bottom:30px}.bblog-readmore-head h2{font-size:clamp(34px,4vw,58px);line-height:1.1;font-weight:500}.bblog-readmore-head h2 span{color:#686e61}.bblog-readmore-head>.mono{color:#62685b}.bblog-readmore .bblog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4%}.bblog-readmore .bblog-card h3{font-size:26px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin:0 0 24px}.bblog-readmore .bblog-card-link:hover h3{text-decoration:underline;text-underline-offset:5px}.bblog-lightbox{width:calc(100% - 48px);max-width:1400px;max-height:calc(100svh - 40px);border:1px solid #c8cabf50;background:#101110;color:#e9e8e1;padding:18px}.bblog-lightbox::backdrop{background:#101110e8}.bblog-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.bblog-lightbox button{min-height:44px;min-width:44px;padding:8px 14px;background:transparent;border:1px solid #c8cabf70;color:#e9e8e1;font:14px/1.5 var(--mono)}.bblog-lightbox img{display:block;max-width:100%;max-height:calc(100svh - 220px);width:auto;height:auto;margin:0 auto;object-fit:contain}.bblog-lightbox-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px}.bblog-lightbox p{margin:0;color:#c8cabf;font-size:14px;line-height:1.6}.bblog-lightbox button:focus-visible{outline:2px solid #e9e8e1;outline-offset:3px}
@media(max-width:1050px){.bblog-article-layout.has-toc{grid-template-columns:180px minmax(0,1fr);gap:5%}.bblog-toc a{font-size:14px;gap:8px;grid-template-columns:20px 1fr}.bblog-readmore .bblog-card h3{font-size:23px}}
@media(max-width:800px){.bblog-article-layout.has-toc{grid-template-columns:minmax(0,1fr);gap:30px}.bblog-toc{position:static;max-height:none;overflow:visible;padding:0}.bblog-toc ol{columns:2;column-gap:24px}.bblog-toc li{break-inside:avoid}.bblog-toc a{font-size:14px}.bblog-readmore .bblog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.bblog-readmore .bblog-card:last-child:nth-child(odd){grid-column:1/-1;max-width:600px}}
@media(max-width:560px){.bblog-article .bblog-article-head{margin-bottom:32px}.bblog-article-topmeta{flex-direction:column;gap:12px;margin-bottom:24px}.bblog-article .bblog-lead{font-size:18px;margin-top:22px}.bblog-toc ol{columns:auto}.bblog-content h2{font-size:34px;margin-top:42px}.bblog-content h3{font-size:27px}.bblog-content .tip{padding:20px 18px;gap:12px}.bblog-content blockquote{padding:22px 20px;font-size:21px}.bblog-service-insert{padding:24px 20px;margin:30px 0}.bblog-content .bblog-service-insert h3,.bblog-service-insert h3{font-size:28px}.bblog-author{align-items:start;flex-direction:column;gap:10px}.bblog-readmore-head{display:block}.bblog-readmore-head h2{margin-top:18px}.bblog-readmore .bblog-grid{grid-template-columns:1fr}.bblog-lightbox{width:calc(100% - 20px);padding:12px;max-height:calc(100svh - 20px)}.bblog-lightbox-top{gap:10px}.bblog-lightbox-top .mono{font-size:12px}.bblog-lightbox img{max-height:calc(100svh - 240px)}.bblog-lightbox-bottom{gap:10px;flex-wrap:wrap}.bblog-lightbox-bottom p{order:3;width:100%}.bblog-gallery-controls{padding:10px;gap:8px}.bblog-gallery-controls button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.bblog-article *{scroll-behavior:auto!important;transition:none!important}}

.bblog-article .bblog-author{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:32px 0;border-top:1px solid #b0b2a9;border-bottom:1px solid #b0b2a9;margin-top:56px}.bblog-author-info strong{font-size:26px;line-height:1.2;display:block}.bblog-author-info p{margin:10px 0 20px;color:#686e61}.bblog-author-info nav{display:flex;flex-wrap:wrap;gap:12px 24px}.bblog-author-info nav a{font-size:16px;text-underline-offset:5px;padding:8px 0}.bblog-author-info nav a:hover{color:#ef472c}@media(max-width:560px){.bblog-article .bblog-author{grid-template-columns:1fr;gap:16px}}

.bblog-article.bblog h1{max-width:1320px;font-size:clamp(44px,6.3vw,94px);text-wrap:balance}
/* A copyable message template is prose, not source code. Regular pre/code stays dark. */
.bblog-article .bblog-content pre.bblog-copy-template{background:#dfe1d7;color:var(--ink);border:1px solid #10111035;padding:66px 26px 26px;font:400 18px/1.65 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible;tab-size:2}
.bblog-article .bblog-content pre.bblog-copy-template>code{font:inherit;color:inherit;white-space:inherit;overflow-wrap:inherit}
.bblog-content pre.bblog-copy-template .bblog-copy{background:transparent;color:var(--ink);border-color:#10111070;font-size:14px;min-height:40px;padding:8px 12px}
.bblog-content pre.bblog-copy-template .bblog-copy:hover{background:#1011100d}
.bblog-article .bblog-author-info p{margin-bottom:0}
@media(max-width:720px){.bblog-article.bblog h1{font-size:clamp(40px,11vw,68px)}}
@media(max-width:560px){.bblog-article .bblog-content pre.bblog-copy-template{font-size:16px;padding:64px 18px 22px}}

/* Selected article topics: quiet rectangular labels, wrapping on small screens. */
.bblog-article .bblog-article-topics{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:24px 0 0;max-width:100%}
.bblog-article .bblog-article-topics>li{max-width:100%;margin:0;padding:0;border:1px solid #686e6166;border-radius:4px;background:#686e6108;color:#50564b;font:400 14px/1.5 var(--sans);overflow-wrap:anywhere}
@media(max-width:560px){.bblog-article .bblog-article-topics{gap:8px;margin-top:20px}.bblog-article .bblog-article-topics>li>a{padding:7px 11px}}

/* Center the reading column itself; reserve equal side space around it. */
.bblog-article .bblog-article-layout,.bblog-article .bblog-article-layout.has-toc{max-width:none;margin-inline:0;grid-template-columns:minmax(0,1fr) minmax(0,70ch) minmax(0,1fr);gap:32px;align-items:start;font-size:18px}
.bblog-article .bblog-article-main{grid-column:2;grid-row:1;max-width:none;width:100%;margin:0}
.bblog-article .bblog-toc{grid-column:1;grid-row:1;width:100%;max-width:220px;justify-self:end}
@media(max-width:1399px){
.bblog-article .bblog-article-layout,.bblog-article .bblog-article-layout.has-toc{max-width:70ch;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:32px}
.bblog-article .bblog-article-main{grid-column:1;grid-row:auto}
.bblog-article .bblog-toc{grid-column:1;grid-row:auto;position:static;width:100%;max-width:none;max-height:none;overflow:visible;padding:0;justify-self:stretch}
.bblog-article .bblog-toc ol{columns:2;column-gap:24px}
.bblog-article .bblog-toc li{break-inside:avoid}
}
@media(max-width:560px){.bblog-article .bblog-toc ol{columns:auto}}

.bblog-article-topics>li>a{display:block;padding:8px 13px;color:inherit;text-decoration:none;border-radius:inherit;transition:background .15s,color .15s}
.bblog-article-topics>li>a:hover{background:#686e611a;color:#101110;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.bblog-article .bblog-article-topics>li>a{padding:7px 11px}}

/* Center the article introduction on desktop; metadata and breadcrumbs stay left. */
@media(min-width:721px){
.bblog-article.bblog .bblog-article-head>h1{margin-inline:auto;text-align:center}
.bblog-article .bblog-article-head>.bblog-lead{max-width:1100px;margin-inline:auto;text-align:center;text-wrap:wrap}
.bblog-article .bblog-article-head>.bblog-article-topics{justify-content:center}
}

.bblog-article .bblog-content pre.bblog-copy-template strong{font-weight:600}

/* Simple article tables become labelled cards; complex grids keep local scrolling. */
.bblog-content table{border-collapse:collapse;line-height:1.5}
.bblog-content table caption{text-align:left;margin-bottom:12px;font-size:14px;color:#62685b}
.bblog-content td,.bblog-content th{border-bottom:1px solid #10111035;overflow-wrap:anywhere}
.bblog-content .bblog-table-cards tbody th{background:transparent;text-align:left}
@media(max-width:767px){
 .bblog-content .table-wrap:has(>.bblog-table-cards){overflow:visible}
 .bblog-content table.bblog-table-cards{display:block;min-width:0;width:100%;border:0}
 .bblog-content .bblog-table-cards caption{display:block;width:100%}
 .bblog-content .bblog-table-cards thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 .bblog-content .bblog-table-cards tbody{display:block;width:100%}
 .bblog-content .bblog-table-cards tbody>tr{display:block;box-sizing:border-box;width:100%;background:#dfe1d7;border:1px solid #10111035;padding:14px 16px;margin-bottom:12px}
 .bblog-content .bblog-table-cards tbody>tr:last-child{margin-bottom:0}
 .bblog-content .bblog-table-cards tbody>tr>td,.bblog-content .bblog-table-cards tbody>tr>th{display:block;box-sizing:border-box;width:100%;padding:12px 0;border:0;border-bottom:1px dashed #10111035;font-size:16px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
 .bblog-content .bblog-table-cards tbody>tr>:first-child{padding-top:0}
 .bblog-content .bblog-table-cards tbody>tr>:last-child{padding-bottom:0;border-bottom:0}
 .bblog-content .bblog-table-cards tbody>tr>[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;font:400 11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#50564b}
}
@media(max-width:720px),(max-height:500px){.bblog-lightbox{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:10px;border:0}.bblog-lightbox[open]{display:flex;flex-direction:column}.bblog-lightbox img{flex:1 1 auto;min-height:0;max-height:none;max-width:100%;width:100%;object-fit:contain}.bblog-lightbox-top,.bblog-lightbox-bottom{flex:none}.bblog-lightbox-bottom{margin-top:8px}}
/* "Read with AI": prompt for any neural network; copy is the main action because ChatGPT/Claude links may be unavailable. */
.bblog-ai{margin-top:40px;padding:26px 0 8px;border-top:1px solid var(--ink)}
.bblog-ai-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.bblog-ai h2{font:500 clamp(26px,2.4vw,34px)/1.15 var(--sans);letter-spacing:-.04em;margin:0}
.bblog-ai-head p{font-size:15px;line-height:1.6;color:#62685b;max-width:46ch;margin:0}
.bblog-ai-actions{display:flex;flex-wrap:wrap;gap:10px}
.bblog-ai-actions>*{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #10111070;background:transparent;color:var(--ink);font:13px/1.4 var(--mono);text-decoration:none;cursor:pointer}
.bblog-ai-actions .bblog-ai-copy{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bblog-ai-actions>*:hover{border-color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.bblog-ai-actions>*:focus-visible,.bblog-ai-prompt summary:focus-visible{outline:2px solid #a8301c;outline-offset:3px}
.bblog-ai-prompt{margin-top:14px}
.bblog-ai-prompt summary{display:inline-block;padding:10px 0;font:13px/1.4 var(--mono);color:#62685b;cursor:pointer}
.bblog-ai-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:18px 20px;background:#dfe1d7;color:var(--ink);font:13px/1.65 var(--mono)}
@media(max-width:560px){.bblog-ai-actions>*{flex:1 1 auto;justify-content:center}}
/* Section and blog links: one group on the left instead of opposite corners. */
.bblog .bblog-article-bottom{justify-content:flex-start;gap:12px 40px;font-size:16px}
.bblog .bblog-article-main>.bblog-article-bottom{margin-top:40px}
/* Long H1 (over 40 characters, usually from the SEO tab): keep the text on the first screen. */
.bblog-article.bblog h1.bblog-title--long{font-size:clamp(34px,3.4vw,60px);line-height:1.08;max-width:1100px}
@media(max-width:720px){.bblog-article.bblog h1.bblog-title--long{font-size:clamp(28px,7.5vw,40px)}}
.bblog-ai-status{margin:12px 0 0;font-size:14px;line-height:1.6;color:#62685b}
.bblog-ai-status:empty{display:none}
.bblog-ai-icon{flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}

/* End */
/* /local/templates/btrx/assets/css/article.css?179421872218462 */