/* Blog articles (Overstand Blog plugin): byline, figure titles, tables,
   pull quotes and the bar chart block. Colours are the theme's tokens, so
   Site settings > Colour still drives them. */

/* the line above the title: category and month, one line */
.os-post-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0}
.os-post-meta>*{margin:0;font:inherit;letter-spacing:inherit;line-height:1.4}
.os-post-meta>*+*::before{content:"·";margin:0 .7em;color:var(--ash)}
.os-post-meta a{color:inherit;text-decoration:none}
.os-post-meta a:hover,.os-post-meta a:focus-visible{text-decoration:underline;text-underline-offset:3px}

/* byline under the summary, in the dark top band */
.lhero .os-byline{margin-top:22px;font-family:var(--mono);font-size:12px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}


/* figure titles, captions and spacing */
.prose figure{margin-left:0;margin-right:0;margin-bottom:0}
.prose .os-fig-title{margin-top:40px;font-size:15px;line-height:1.4;font-weight:500;color:var(--ink)}
.prose .os-fig-title+*{margin-top:10px}
.prose>:is(.wp-block-table,.os-chart)+*{margin-top:32px}
.prose .wp-element-caption{margin-top:12px;text-align:left;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--graphite)}

/* one column for everything in an article: text, tables, charts and the
   animation all line up at the same width (Amel, 3 Nov 2026). The text is a
   little larger so the longer lines stay easy to read. */
body .os-single .wrap{max-width:calc(1000px + 2 * var(--gx,22px))}
body .os-single .prose{font-size:18px;line-height:1.72}
body .os-single .prose>.os-wt{width:auto;max-width:none;margin:48px 0}
@media (max-width:760px){body .os-single .prose{font-size:17px}}

/* tables */
.prose .wp-block-table{overflow-x:auto}
.prose .wp-block-table table{width:100%;min-width:520px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--stone);border-radius:12px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.prose .wp-block-table thead,.prose .wp-block-table tfoot{border:0}
.prose .wp-block-table th,.prose .wp-block-table td{padding:10px 16px;vertical-align:top;text-align:left;border:0;border-bottom:1px solid var(--stone)}
.prose .wp-block-table thead th{font-family:var(--mono);font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--graphite)}
.prose .wp-block-table tbody th{font-weight:400}
.prose .wp-block-table tfoot th,.prose .wp-block-table tfoot td{font-weight:600;border-bottom:0}
.prose .wp-block-table table:not(:has(tfoot)) tbody tr:last-child>*{border-bottom:0}
.prose .wp-block-table [data-align="right"]{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}

/* pull quote */
.prose .os-pull{margin-top:28px;padding-left:18px;border-left:3px solid var(--amber);font-size:1.12em;line-height:1.5;font-weight:500;letter-spacing:-.005em;color:var(--ink)}

/* bar chart block */
.os-chart{margin-top:40px}
.os-chart-box{background:#fff;border:1px solid var(--stone);border-radius:12px;padding:22px 24px 18px}
.os-chart-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 16px;align-items:center;padding:6px 0}
.os-chart-label{margin:0;text-align:right;font-size:14.5px;line-height:1.3;color:var(--ink)}
.os-chart-label span,.os-chart-label small{display:block}
.os-chart-label small{margin-top:2px;font-family:var(--mono);font-size:12px;color:var(--graphite)}
.os-chart-bars{padding:2px 0;border-left:1px solid var(--stone)}
.os-chart .os-chart-bar{display:flex;align-items:center;gap:10px;margin:4px 0;line-height:1}
.os-chart-bar i{display:block;flex:none;height:24px;width:max(2px,calc(var(--p) * (100% - 7.5em)));border-radius:0 4px 4px 0;background:var(--bronze)}
.os-chart-bar.s2 i,.os-chart-row.is-accent .os-chart-bar i{background:var(--amber)}
.os-chart-bar.s3 i{background:var(--graphite)}
.os-chart-bar.s4 i{background:var(--sand)}
.os-chart-bar b{font-family:var(--mono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.os-chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0 186px;font-family:var(--mono);font-size:12px;line-height:1.4;color:var(--graphite)}
.os-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.os-chart-legend i{width:12px;height:12px;background:var(--bronze)}
.os-chart-legend .s2 i{background:var(--amber)}
.os-chart-legend .s3 i{background:var(--graphite)}
.os-chart-legend .s4 i{background:var(--sand)}
.os-chart-note{margin:8px 0 0 186px;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--graphite)}
.os-chart .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* phones: tables become stacked cards, charts put the label above the bars */
@media (max-width:640px){
  .prose .wp-block-table table{min-width:0}
  .prose .wp-block-table :is(table,tbody,tfoot,tr,th,td){display:block;width:auto}
  .prose .wp-block-table thead{display:none}
  .prose .wp-block-table tbody tr,.prose .wp-block-table tfoot tr{padding:12px 14px;border-bottom:1px solid var(--stone)}
  .prose .wp-block-table tbody tr:last-child{border-bottom:0}
  .prose .wp-block-table table:has(tfoot) tbody tr:last-child{border-bottom:1px solid var(--stone)}
  .prose .wp-block-table tfoot tr{border-bottom:0}
  .prose .wp-block-table :is(th,td),.prose .wp-block-table [data-align="right"]{padding:2px 0;border:0;text-align:left}
  .prose .wp-block-table tbody th{font-weight:600}
  .prose .wp-block-table td[data-label]::before{content:attr(data-label);display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;color:var(--graphite)}
  .prose .wp-block-table td:empty{display:none}
  .os-chart-box{padding:18px 16px 14px}
  .os-chart-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .os-chart-label{text-align:left}
  .os-chart-label span,.os-chart-label small{display:inline;margin:0 8px 0 0}
  .os-chart-legend,.os-chart-note{margin-left:0}
}

/* ==========================================================================
   The blog page and the topic pages (Amel, 4 Nov 2026). Built from the
   site's own parts: the dark top band (.lhero), the News and Press newest
   card and rows, the Use Cases topic buttons and the closing .lend block.
   The newest article on the first page is the big dark card; the others
   are rows. All words are blocks or block settings in the Site Editor.
   ========================================================================== */

/* top band: words left, a small drawing right */
body .lhero.os-bh-top{padding:72px 0 80px}
body .lhero.os-bh-top .g{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
body .lhero.os-bh-top .in{padding-top:0}
.os-bh-top .lede{max-width:520px}
.os-bh-stat{display:flex;flex-wrap:wrap;margin:30px 0 0;line-height:1.9;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.os-bh-stat span{white-space:nowrap}
.os-bh-stat span:not(:last-child)::after{content:"\00a0\00a0·\00a0 ";color:var(--graphite);white-space:pre-wrap}
.os-bh-art{justify-self:end;width:100%;max-width:460px;margin:0}
.os-bh-art svg{display:block;width:100%;height:auto;overflow:visible}
.os-bh-art .s2 rect,.os-bh-art .s3 rect{stroke:rgb(var(--cream-rgb) / .1)}
.os-bh-art .s2 rect{fill:color-mix(in srgb,var(--onyx),var(--cream) 4%)}
.os-bh-art .s3 rect{fill:color-mix(in srgb,var(--onyx),var(--cream) 2%)}
.os-bh-art .s1 .pg{fill:color-mix(in srgb,var(--onyx),var(--cream) 6%);stroke:rgb(var(--cream-rgb) / .14)}
.os-bh-art .k{font-family:var(--mono);font-size:9px;letter-spacing:.2em;fill:var(--gold)}
.os-bh-art .hl{fill:rgb(var(--cream-rgb) / .82)}
.os-bh-art .tx{fill:rgb(var(--cream-rgb) / .26)}
.os-bh-art .pull{fill:var(--gold)}
.os-bh-art .dots circle{fill:rgb(var(--cream-rgb) / .22)}
.os-bh-art .dots circle.g{fill:var(--gold)}
.os-bh-art .tag rect{fill:var(--onyx);stroke:rgb(var(--gold-rgb) / .5)}
.os-bh-art .tag circle{fill:var(--gold)}
.os-bh-art .tag path{fill:var(--ink)}
.os-bh-art .tag text{font-family:var(--mono);font-size:10px;letter-spacing:.18em;fill:var(--cream)}
/* the drawing plays once: sheets settle, the headline writes, dots light up */
@media (prefers-reduced-motion:no-preference){
.os-bh-art .s3{animation:bhUp .9s .05s both cubic-bezier(.2,.7,.2,1)}
.os-bh-art .s2{animation:bhUp .9s .15s both cubic-bezier(.2,.7,.2,1)}
.os-bh-art .s1{animation:bhUp .9s .25s both cubic-bezier(.2,.7,.2,1)}
.os-bh-art .hl,.os-bh-art .tx{transform-box:fill-box;transform-origin:0 50%;animation:bhW .7s both cubic-bezier(.2,.7,.2,1)}
.os-bh-art .l1{animation-delay:.8s}.os-bh-art .l2{animation-delay:.95s}
.os-bh-art .t1{animation-delay:2.1s}.os-bh-art .t2{animation-delay:2.2s}.os-bh-art .t3{animation-delay:2.3s}.os-bh-art .t4{animation-delay:2.7s}.os-bh-art .t5{animation-delay:2.8s}
.os-bh-art .pull{animation:bhF .4s 2.6s both}
.os-bh-art .dots circle{animation:bhF .3s both}
.os-bh-art .dots circle.g{animation:bhG .5s both}
.os-bh-art .tag{animation:bhUp .7s 3.2s both cubic-bezier(.2,.7,.2,1)}
}
@keyframes bhUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bhW{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bhF{from{opacity:0}to{opacity:1}}
@keyframes bhG{from{fill:rgb(var(--cream-rgb) / .22);r:2.2px}to{fill:var(--gold);r:3px}}

/* the light section */
.os-bh.sec{padding-top:64px}
.os-bh-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin:0 0 40px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.os-bh-chips{display:flex;flex-wrap:wrap;gap:8px}
.os-bh .chip{display:inline-flex;align-items:center;box-sizing:border-box;min-height:40px;padding:9px 16px;border-radius:999px;border:1px solid var(--stone);font-size:14px;font-weight:450;line-height:1.2;color:var(--graphite);text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.os-bh .chip:hover{border-color:var(--ink);color:var(--ink)}
.os-bh .chip[aria-current="page"]{background:var(--onyx);border-color:var(--onyx);color:var(--cream)}
.os-bh .chip em{font-style:normal;font-family:var(--mono);font-size:11px;margin-left:6px;opacity:.7}
.os-bh .chip:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.os-bh-count{margin:0;font-size:14px;color:var(--graphite)}
.os-bh-count b{color:var(--ink);font-weight:600}

/* the list: every article is a row ... */
.os-bh-q{margin:0}
.os-bh-list{list-style:none;margin:0;padding:0}
.os-bh-list>li{margin:0;padding:0;border-bottom:1px solid var(--rule)}
.os-bh-h{display:none;margin:72px 0 0;padding-bottom:18px;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);border-bottom:1px solid var(--rule)}
body:not(.paged) .os-bh-list>li:nth-child(2) .os-bh-h,body.paged .os-bh-list>li:first-child .os-bh-h{display:block}
body.paged .os-bh-list>li:first-child .os-bh-h{margin-top:0}
.os-bh-item{position:relative;margin:0}
.os-bh-item>*{margin:0}
.os-bh-pic,.os-bh-by,.os-bh-more{display:none}
.os-bh-ftx{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr) 40px;gap:10px 40px;padding:34px 0}
.os-bh-ftx::after{content:"\2192";grid-column:3;grid-row:1;justify-self:end;font-size:20px;line-height:1;padding-top:6px;color:var(--faint);transition:transform .25s ease,color .25s ease}
.os-bh-item:hover .os-bh-ftx::after{transform:translateX(4px);color:var(--bronze)}
.os-bh-meta{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding-top:6px;font-family:var(--mono);font-size:11.5px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.os-bh-meta>*{margin:0;white-space:nowrap;font:inherit;letter-spacing:inherit}
.os-bh-meta a{position:relative;z-index:2;color:var(--bronze);text-decoration:none}
.os-bh-meta a:hover{text-decoration:underline;text-underline-offset:3px}
.os-bh-t{grid-column:2;margin:0;font-size:24px;line-height:1.25;letter-spacing:-.02em;font-weight:450;color:var(--ink)}
.os-bh-t a{color:inherit;text-decoration:none;transition:color .2s}
.os-bh-t a::after{content:"";position:absolute;inset:0;z-index:1}
.os-bh-t a:focus-visible{outline:none}
.os-bh-item:has(.os-bh-t a:focus-visible){outline:2px solid var(--bronze);outline-offset:6px;border-radius:6px}
.os-bh-item:hover .os-bh-t a{color:var(--bronze)}
.os-bh-x{grid-column:2;margin:0;max-width:680px;color:var(--graphite);font-size:15.5px;line-height:1.7}
.os-bh-x p{margin:0}

/* ... and the newest one on the first page is the big dark card */
body:not(.paged) .os-bh-list>li:first-child{border-bottom:0}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0 56px;align-items:center;padding:16px 16px 16px 56px;border-radius:20px;background:var(--onyx);color:var(--cream);overflow:hidden;box-shadow:0 30px 60px -40px rgb(var(--ink-rgb) / .6);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:not(:has(.os-bh-pic)){grid-template-columns:minmax(0,1fr);padding-right:56px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item::before{content:"";position:absolute;left:-160px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgb(var(--gold-rgb) / .1),transparent 65%);pointer-events:none}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:hover{transform:translateY(-3px)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:has(.os-bh-t a:focus-visible){outline-color:var(--gold);outline-offset:4px;border-radius:20px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-pic{grid-column:2;grid-row:1;position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--ink)}
.os-bh-pic img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.os-bh-item:hover .os-bh-pic img{transform:scale(1.03)}
.os-bh-badge{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgb(var(--onyx-rgb) / .86);border:1px solid rgb(var(--gold-rgb) / .45);font-family:var(--mono);font-size:11px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.os-bh-badge i{flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold);position:relative}
.os-bh-badge i::before{content:"";position:absolute;left:9px;top:7px;border-left:8px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}
body:not(.paged) .os-bh-list>li:first-child .os-bh-ftx{grid-column:1;grid-row:1;display:block;padding:36px 0}
body:not(.paged) .os-bh-list>li:first-child .os-bh-ftx::after{content:none}
body:not(.paged) .os-bh-list>li:first-child .os-bh-meta{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0;padding-top:0;line-height:1.8;color:var(--ash)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-meta>*:not(:last-child)::after{content:"\00a0\00a0·\00a0 ";opacity:.8;white-space:pre-wrap}
body:not(.paged) .os-bh-list>li:first-child .os-bh-meta a{color:var(--gold)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-t{margin-top:16px;font-size:38px;line-height:1.12;font-weight:400;letter-spacing:-.03em;text-wrap:balance}
body:not(.paged) .os-bh-list>li:first-child .os-bh-t a{color:var(--cream)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:hover .os-bh-t a{color:var(--gold)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-x{margin-top:16px;max-width:440px;font-size:17px;line-height:1.6;color:rgb(var(--cream-rgb) / .72)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-by{display:block;margin:22px 0 0;font-family:var(--mono);font-size:11.5px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
body:not(.paged) .os-bh-list>li:first-child .os-bh-more{display:inline-block;margin-top:28px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-decoration:none}
body:not(.paged) .os-bh-list>li:first-child .os-bh-more::after{content:"\2002\2192";display:inline-block;transition:transform .25s ease}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:hover .os-bh-more::after{transform:translateX(4px)}

/* page numbers, the empty topic message, the end of the page */
.os-bh-pager{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:36px;font-family:var(--mono);font-size:13px;letter-spacing:.08em}
.os-bh-pager a{color:var(--ink)}
.os-bh-pager .current{color:var(--bronze)}
.os-bh-empty{margin:0;padding:34px 0;border-bottom:1px solid var(--rule);color:var(--graphite)}
.os-bh-empty a{color:var(--bronze);text-decoration:underline;text-underline-offset:3px}
.os-bh .lend.os-bh-end{margin-top:96px}

/* tablets */
@media (max-width:1200px){
body:not(.paged) .os-bh-list>li:first-child .os-bh-item{grid-template-columns:minmax(0,1fr);padding:14px 14px 0}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:not(:has(.os-bh-pic)){padding:14px 14px 0}
body:not(.paged) .os-bh-list>li:first-child .os-bh-pic{grid-column:1;grid-row:1}
body:not(.paged) .os-bh-list>li:first-child .os-bh-ftx{grid-column:1;grid-row:2;padding:30px 28px 40px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-x{max-width:640px}
}
@media (max-width:900px){
body .lhero.os-bh-top .g{grid-template-columns:minmax(0,1fr)}
.os-bh-art{display:none}
.os-bh-ftx{grid-template-columns:minmax(0,1fr) auto;gap:10px 24px}
.os-bh-meta{grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0;padding-top:0;line-height:1.8}
.os-bh-meta>*:not(:last-child)::after{content:"\00a0\00a0·\00a0 ";opacity:.8;white-space:pre-wrap}
.os-bh-t,.os-bh-x{grid-column:1 / -1}
.os-bh-ftx::after{grid-column:2;padding-top:4px}
}
/* phones */
@media (max-width:640px){
body .lhero.os-bh-top{padding:48px 0 56px}
.os-bh.sec{padding-top:40px}
.os-bh-tools{margin-bottom:28px}
.os-bh-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gx,22px));padding:2px var(--gx,22px);scrollbar-width:none}
.os-bh-chips::-webkit-scrollbar{display:none}
.os-bh .chip{flex:none}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item{border-radius:16px;padding:10px 10px 0}
body:not(.paged) .os-bh-list>li:first-child .os-bh-item:not(:has(.os-bh-pic)){padding:10px 10px 0}
.os-bh-badge{left:10px;bottom:10px;font-size:10px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-ftx{padding:24px 14px 30px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-t{font-size:27px}
body:not(.paged) .os-bh-list>li:first-child .os-bh-x{font-size:16px}
.os-bh-h{margin-top:56px}
.os-bh-ftx{padding:26px 0}
.os-bh-t{font-size:20px}
.os-bh-x{font-size:15px}
.os-bh .lend.os-bh-end{margin-top:64px}
}