/* Eurion Journal keeps its editorial layout and inherits the shared design palette. */
.blog-page { --blog-accent:#009aff; }
.blog-container { width:min(1380px,calc(100% - clamp(40px,8vw,128px))); margin-inline:auto; }
.blog-journal { padding-bottom:96px; }
.blog-journal__label { padding-top:64px; }
.blog-masthead { position:relative; padding:48px 0 42px; }
.blog-masthead__top { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:32px; }
.blog-kicker { display:inline-flex; align-items:center; gap:10px; color:#bdbdbd; font:500 11px/1.6 'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.12em; }
.blog-kicker > span { width:7px; height:7px; border-radius:50%; background:var(--blog-accent); }
.blog-masthead__topics { color:var(--page-muted); font:400 10px/1.6 'IBM Plex Mono',monospace; letter-spacing:.1em; }
.blog-masthead h1 { position:relative; z-index:1; max-width:1080px; font:500 clamp(60px,7.8vw,112px)/1.02 'Inter Tight',sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.blog-masthead h1 > span { color:var(--page-muted); }
.blog-masthead h1 .blog-title-dot { color:var(--blog-accent); }
.blog-masthead .blog-masthead__category { max-width:1000px; font-size:clamp(48px,6.8vw,94px); }
.blog-masthead .blog-masthead__description { max-width:520px; margin-top:28px; color:#c7c7c7; font:400 17px/1.7 'Inter Tight',sans-serif; }
.blog-masthead__symbol { position:absolute; width:clamp(90px,12vw,168px); height:auto; right:6%; top:40%; color:var(--blog-accent); transform:rotate(12deg); }
.blog-discovery { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; padding:24px 0; margin-bottom:32px; }
.blog-categories { display:flex; flex:1 1 780px; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; }
.blog-categories > a { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:9px 13px; border-radius:999px; color:#bdbdbd; font-size:12px; line-height:1.5; white-space:nowrap; transition:background .2s,color .2s; }
.blog-categories > a > span { font:400 9px/1.5 'IBM Plex Mono',monospace; opacity:.6; }
.blog-categories > a:hover { color:white; background:#ffffff0b; }
.blog-categories > a[aria-current] { background:var(--page-text); color:var(--page-panel); }
.blog-search { position:relative; flex:1 1 210px; min-width:180px; max-width:300px; }
.blog-search input { display:block; width:100%; min-height:42px; padding:10px 42px 10px 16px; border:1px solid var(--page-line); border-radius:999px; background:var(--page-panel); color:var(--page-text); font:400 12px/1.6 'Manrope',sans-serif; }
.blog-search input::placeholder { color:var(--page-muted); opacity:1; }
.blog-search button { position:absolute; inset:2px 2px 2px auto; display:grid; place-items:center; width:38px; border:0; border-radius:50%; background:transparent; color:#c7c7c7; cursor:pointer; }
.blog-search button:hover { background:#ffffff10; color:white; }
.blog-search button svg { width:18px; height:18px; }
.blog-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.blog-cover { display:block; position:relative; overflow:hidden; isolation:isolate; margin:0; background:var(--page-panel); }
.blog-cover > img { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.blog-cover > img[hidden] { display:none; }
.blog-art { position:absolute; inset:0; overflow:hidden; background:var(--page-panel); color:var(--blog-accent); }
.blog-art::after { content:''; position:absolute; inset:0; border:1px solid var(--page-line); border-radius:inherit; pointer-events:none; }
.blog-art > svg { position:absolute; inset:0; width:100%; height:100%; transition:transform .6s; }
.blog-art__edition, .blog-art__topic { position:absolute; z-index:1; left:26px; color:var(--page-muted); font:400 9px/1.6 'IBM Plex Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.blog-art__edition { top:24px; }
.blog-art__topic { bottom:24px; max-width:calc(100% - 90px); }
.blog-art__cross { position:absolute; right:25px; bottom:18px; font:300 30px/1 'Inter Tight',sans-serif; }
.blog-art__steps { display:none; }
.blog-art--1 .blog-art__orb { display:none; }
.blog-art--1 .blog-art__steps { display:block; }
.blog-art--2 .blog-art__orb { transform:rotate(90deg) scale(1.1); }
.blog-feature { display:grid; grid-template-columns:1fr 1fr; min-height:440px; overflow:hidden; border-radius:18px; background:var(--page-panel); color:var(--page-text); box-shadow:inset 0 0 0 1px var(--page-line); }
.blog-feature__cover { min-height:400px; }
.blog-feature__cover .blog-art__edition { display:none; }
.blog-feature__badge { position:absolute; top:24px; left:26px; z-index:2; padding:8px 12px; border:1px solid var(--page-line); border-radius:999px; color:var(--page-text); background:rgb(6 6 6 / .88); font:400 10px/1.5 'IBM Plex Mono',monospace; backdrop-filter:blur(8px); }
.blog-feature__body { display:flex; flex-direction:column; align-items:start; gap:24px; min-width:0; padding:clamp(28px,3.8vw,56px); }
.blog-feature__meta { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; width:100%; font:400 10px/1.6 'IBM Plex Mono',monospace; color:var(--page-muted); }
.blog-feature__meta a { color:#c7c7c7; }
.blog-feature__meta a:hover { color:var(--page-text); text-decoration:underline; text-decoration-color:var(--blog-accent); text-underline-offset:4px; }
.blog-feature h2 { font:500 clamp(28px,2.8vw,43px)/1.16 'Inter Tight',sans-serif; letter-spacing:-.035em; text-wrap:balance; overflow-wrap:anywhere; }
.blog-feature h2 a:hover { color:white; text-decoration:underline; text-decoration-color:var(--blog-accent); text-decoration-thickness:1px; text-underline-offset:6px; }
.blog-feature__body > p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:var(--page-muted); font:400 15px/1.75 'Inter Tight',sans-serif; }
.blog-feature__footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; width:100%; margin-top:auto; padding-top:8px; }
.blog-feature__footer > span { color:var(--page-muted); font:400 10px/1.6 'IBM Plex Mono',monospace; }
.blog-read-button { display:inline-flex; align-items:center; gap:18px; border-radius:999px; padding:8px 8px 8px 19px; color:var(--page-panel); background:var(--page-text); font-size:12px; }
.blog-read-button > span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--page-base); color:white; font-size:21px; }
.blog-read-button:hover { background:white; }
.blog-feature:has(a:focus-visible) { overflow:visible; }
.blog-feature:has(a:focus-visible) .blog-feature__cover { border-radius:18px 0 0 18px; }
.blog-feature:hover .blog-cover > img { transform:scale(1.025); }
.blog-results { min-width:0; margin-top:56px; }
.blog-results__heading, .blog-latest__heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.blog-results__heading h2, .blog-latest__heading h2 { margin-top:10px; font:400 clamp(28px,3vw,40px)/1.2 'Inter Tight',sans-serif; letter-spacing:-.035em; overflow-wrap:anywhere; }
.blog-results__status { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 24px; align-items:center; color:var(--page-muted); font:400 10px/1.7 'IBM Plex Mono',monospace; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 28px; }
.blog-card { display:flex; flex-direction:column; min-width:0; }
.blog-card__cover { aspect-ratio:4 / 3; border-radius:12px; }
.blog-card__cover-arrow { position:absolute; z-index:2; bottom:17px; right:17px; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--page-line); border-radius:50%; background:rgb(6 6 6 / .72); color:white; font-size:22px; opacity:0; transform:translateY(8px); transition:opacity .25s,transform .25s; }
.blog-card:hover .blog-card__cover-arrow, .blog-card:focus-within .blog-card__cover-arrow { opacity:1; transform:none; }
.blog-card:hover .blog-cover > img { transform:scale(1.04); }
.blog-card__body { display:flex; flex:1; flex-direction:column; align-items:start; gap:14px; padding:22px 0 0; }
.blog-card__meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; width:100%; }
.blog-category { color:#c7c7c7; font:400 10px/1.7 'IBM Plex Mono',monospace; }
.blog-category:hover { color:white; text-decoration:underline; text-decoration-color:var(--blog-accent); text-underline-offset:4px; }
.blog-card__meta time { color:var(--page-muted); font:400 9px/1.7 'IBM Plex Mono',monospace; }
.blog-card h3 { color:var(--page-text); font:400 clamp(23px,2vw,29px)/1.3 'Inter Tight',sans-serif; letter-spacing:-.025em; overflow-wrap:anywhere; }
.blog-card h3 a:hover { color:white; text-decoration:underline; text-decoration-color:var(--blog-accent); text-decoration-thickness:1px; text-underline-offset:5px; }
.blog-card__summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--page-muted); font:400 14px/1.75 'Inter Tight',sans-serif; }
.blog-card__footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; width:100%; margin-top:auto; padding-top:18px; border-top:1px solid var(--page-line); }
.blog-card__footer > span { color:var(--page-muted); font:400 10px/1.7 'IBM Plex Mono',monospace; }
.blog-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:48px; }
.blog-pagination a { display:grid; place-items:center; min-width:44px; min-height:44px; padding:8px; border:1px solid var(--page-line); border-radius:50%; color:#bbb; font:400 12px/1.6 'IBM Plex Mono',monospace; }
.blog-pagination a:hover { background:var(--page-panel); color:white; }
.blog-pagination a[aria-current] { background:var(--page-text); color:var(--page-panel); border-color:var(--page-text); }
.blog-empty { padding:56px 24px; border:1px dashed #ffffff2c; border-radius:0; text-align:center; }
.blog-empty__symbol { display:block; margin-bottom:20px; color:var(--blog-accent); font-size:38px; }
.blog-empty h3 { font-size:28px; font-weight:400; letter-spacing:-.03em; }
.blog-empty p { max-width:390px; margin:14px auto 0; color:var(--page-muted); font-size:14px; line-height:1.8; }
.blog-empty .blog-text-link { margin-top:24px; }
.blog-article-heading { padding-block:32px 40px; text-align:center; }
.blog-article__toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:54px; text-align:left; }
.blog-article__taxonomy { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
.blog-tag { padding:5px 10px; border:1px solid var(--page-line); border-radius:999px; color:var(--page-muted); font:400 9px/1.6 'IBM Plex Mono',monospace; overflow-wrap:anywhere; }
.blog-article-heading h1 { max-width:1050px; margin:22px auto 0; font:500 clamp(36px,4.6vw,68px)/1.12 'Inter Tight',sans-serif; letter-spacing:-.04em; text-wrap:balance; overflow-wrap:anywhere; }
.blog-article-heading .blog-article-heading__summary { max-width:760px; margin:26px auto 0; color:#c7c7c7; font:400 19px/1.75 'Inter Tight',sans-serif; }
.blog-article-heading__meta { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:28px; color:var(--page-muted); font:400 10px/1.7 'IBM Plex Mono',monospace; }
.blog-article-heading__meta > span:first-child { color:var(--page-text); }
.blog-article { padding-bottom:80px; }
.blog-article__cover { aspect-ratio:21 / 9; max-height:540px; border-radius:16px; }
.blog-article__cover .blog-art > svg { transform:scale(1.3); }
.blog-article__layout { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:center; align-items:start; gap:clamp(40px,7vw,100px); margin-top:64px; }
.blog-article__aside { position:sticky; top:calc(var(--eurion-header-height) + 32px); min-width:0; }
.blog-author { display:flex; align-items:center; gap:12px; }
.blog-author__mark { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid var(--page-line); border-radius:50%; background:var(--page-panel); }
.blog-author__mark img { width:24px; height:24px; object-fit:contain; }
.blog-author p { margin-top:5px; color:#ddd; font-size:13px; overflow-wrap:anywhere; }
.blog-article__date { display:grid; gap:8px; margin:24px 0; color:var(--page-muted); font:400 10px/1.7 'IBM Plex Mono',monospace; }
.blog-share { padding-top:24px; border-top:1px solid var(--page-line); }
.blog-share > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.blog-share a { padding:9px 12px; border:1px solid var(--page-line); border-radius:999px; font-size:10px; color:#c7c7c7; }
.blog-share a span { margin-left:4px; color:var(--blog-accent); }
.blog-share a:hover { background:var(--page-panel); color:white; }
.blog-edit { margin-top:24px; }
.blog-article__body { min-width:0; }
.blog-prose { color: #c7c7c7; font: 400 18px/1.85 'Inter Tight', sans-serif; overflow-wrap: anywhere; }
.blog-prose :is(p,ul,ol,blockquote,pre,table,figure,hr) { margin: 0 0 24px; }
.blog-prose :is(h2,h3,h4,h5,h6) { margin: 44px 0 20px; color: #ededed; font-family: 'Manrope', sans-serif; font-weight: 400; letter-spacing: -.035em; line-height: 1.35; }
.blog-prose h2 { font-size: clamp(27px, 2.4vw, 34px); }
.blog-prose h3 { font-size: clamp(23px, 2vw, 28px); }
.blog-prose :is(h4,h5,h6) { font-size: 21px; }
.blog-prose > :first-child { margin-top: 0; }
.blog-prose strong, .blog-prose b { color: #eee; font-weight: 600; }
.blog-prose ul { list-style: disc; padding-left: 24px; }
.blog-prose ol { list-style: decimal; padding-left: 24px; }
.blog-prose li { padding-left: 5px; margin: 8px 0; }
.blog-prose li::marker { color: #aaa; }
.blog-prose :is(ul,ol) :is(ul,ol) { margin: 10px 0; }
.blog-prose a { color: #e7e7e7; text-decoration: underline; text-decoration-color: var(--blog-accent); text-underline-offset: 5px; }
.blog-prose a:hover { color: white; }
.blog-prose blockquote { border-left: 2px solid #999; border-radius: 0 8px 8px 0; background: var(--page-panel); padding: 24px 28px; color: #ddd; }
.blog-prose blockquote > :last-child { margin-bottom: 0; }
.blog-prose img { display: block; max-width: 100%; height: auto; border-radius: 8px; margin-block: 28px; }
.blog-prose figure img { margin-bottom: 12px; }
.blog-prose figcaption { color: #999; font-size: 13px; line-height: 1.7; }
.blog-prose code { border-radius: 4px; background: #1b1b1b; padding: 3px 6px; color: #ddd; font: 400 .8em/1.8 'IBM Plex Mono', monospace; }
.blog-prose pre { max-width: 100%; overflow-x: auto; padding: 24px; border: 1px solid var(--page-line); border-radius: 8px; background: var(--page-panel); }
.blog-prose pre code { padding: 0; background: transparent; overflow-wrap: normal; }
.blog-prose table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px; }
.blog-prose :is(th,td) { min-width: 120px; padding: 14px 18px; border: 1px solid #ffffff24; text-align: left; }
.blog-prose th { background: var(--page-panel); color: #eee; font-weight: 500; }
.blog-prose hr { border: 0; border-top: 1px solid var(--page-line); margin-block: 36px; }
.blog-article__end { margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--page-line); }

.blog-latest { padding:56px 0 88px; border-top:1px solid var(--page-line); }
.blog-latest__heading { margin-bottom:32px; }
.blog-page .eurion-page :is(a,button,input):focus-visible { outline:2px solid #bdbdbd; outline-offset:5px; }
@media (max-width:1100px) {
  .blog-discovery { align-items:start; }
  .blog-categories { flex-basis:100%; }
  .blog-search { max-width:none; flex-basis:100%; }
  .blog-grid { gap:36px 22px; }
  .blog-feature__body { padding:30px; gap:20px; }
  .blog-feature h2 { font-size:32px; }
  .blog-masthead__symbol { right:3%; }
}
@media (max-width:800px) {
  .blog-masthead { padding-block:36px; }
  .blog-masthead h1 { font-size:clamp(56px,9vw,76px); }
  .blog-masthead__symbol { width:90px; right:0; top:44%; opacity:.45; }
  .blog-masthead__description { padding-right:60px; }
  .blog-feature { grid-template-columns:1fr; }
  .blog-feature__cover { aspect-ratio:16 / 9; min-height:0; }
  .blog-feature__cover .blog-art > svg { transform:scale(1.15); }
  .blog-feature__body { padding:32px; }
  .blog-feature h2 { font-size:36px; max-width:600px; }
  .blog-feature__body > p { -webkit-line-clamp:3; }
  .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .blog-article__layout { grid-template-columns:1fr; gap:32px; margin-top:40px; }
  .blog-article__aside { position:static; display:flex; flex-wrap:wrap; align-items:center; gap:24px; padding-bottom:28px; border-bottom:1px solid var(--page-line); }
  .blog-article__date { margin:0; }
  .blog-share { margin-left:auto; border:0; padding:0; }
  .blog-share > div { margin-top:8px; }
  .blog-feature:has(a:focus-visible) .blog-feature__cover { border-radius:18px 18px 0 0; }
}
@media (max-width:560px) {
  .blog-container { width:calc(100% - 36px); }
  .blog-journal { padding-bottom:56px; }
  .blog-journal__label { padding-top:40px; }
  .blog-masthead { padding:28px 0 30px; }
  .blog-masthead__top { margin-bottom:26px; }
  .blog-masthead__topics { display:none; }
  .blog-masthead h1 { max-width:100%; font-size:clamp(44px,11.5vw,64px); }
  .blog-masthead .blog-masthead__category { font-size:clamp(40px,10vw,56px); overflow-wrap:anywhere; }
  .blog-masthead__symbol { width:38px; right:0; top:25px; opacity:1; }
  .blog-masthead .blog-masthead__description { margin-top:22px; padding:0; font-size:16px; }
  .blog-discovery { gap:16px; padding:18px 0; margin-bottom:24px; }
  .blog-categories { flex-wrap:nowrap; overflow-x:auto; padding:4px 3px 10px; scrollbar-width:thin; scrollbar-color:#414141 transparent; }
  .blog-categories > a { min-height:42px; padding-inline:12px; }
  .blog-search { min-width:0; }
  .blog-search input { min-height:46px; font-size:16px; }
  .blog-search button { width:42px; }
  .blog-feature { border-radius:12px; }
  .blog-feature__cover { aspect-ratio:4 / 3; }
  .blog-feature__body { padding:26px 24px; gap:20px; }
  .blog-feature h2 { font-size:30px; }
  .blog-feature__body > p { font-size:15px; }
  .blog-feature__footer { gap:16px; }
  .blog-feature__meta { font-size:9px; }
  .blog-results { margin-top:40px; }
  .blog-results__heading, .blog-latest__heading { align-items:start; flex-direction:column; gap:18px; }
  .blog-results__status { justify-content:flex-start; }
  .blog-grid { grid-template-columns:1fr; gap:36px; }
  .blog-card__body { padding-top:18px; }
  .blog-card h3 { font-size:27px; }
  .blog-card__summary { font-size:16px; }
  .blog-card__cover-arrow { opacity:1; transform:none; }
  .blog-article-heading { padding-top:24px; padding-bottom:30px; }
  .blog-article__toolbar { flex-direction:column; align-items:start; gap:20px; margin-bottom:36px; }
  .blog-article__taxonomy { justify-content:flex-start; }
  .blog-article-heading h1 { font-size:36px; }
  .blog-article-heading .blog-article-heading__summary { font-size:17px; margin-top:22px; }
  .blog-article-heading__meta { gap:8px; font-size:9px; }
  .blog-article__cover { aspect-ratio:4 / 3; border-radius:12px; }
  .blog-article__cover .blog-art > svg { transform:none; }
  .blog-article { padding-bottom:48px; }
  .blog-share { flex-basis:100%; margin:0; }
  .blog-share a { display:inline-flex; align-items:center; min-height:44px; }
  .blog-prose { font-size:18px; line-height:1.8; }
  .blog-prose blockquote { padding:20px; }
  .blog-latest { padding:40px 0 56px; }
}
@media (prefers-reduced-motion:reduce) {
  .blog-cover > img, .blog-art > svg, .blog-card__cover-arrow { transition:none; }
}