/* INSPEKTO JOURNAL — Technical Editorial 2.0
   Eigenständige Premium-Designschicht, vollständig an die globale Farbwelt gebunden. */

.blog-page{
  --jp-line:color-mix(in srgb,var(--txt) 14%,transparent);
  --jp-line-strong:color-mix(in srgb,var(--txt) 25%,transparent);
  --jp-panel:color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%);
  --jp-panel-strong:color-mix(in srgb,var(--bg-2) 84%,var(--orange) 16%);
  --jp-glow:color-mix(in srgb,var(--orange) 24%,transparent);
  --jp-shadow:color-mix(in srgb,#000 48%,transparent);
  background:var(--bg);
  color:var(--txt);
}
.blog-page main{position:relative;isolation:isolate;background:var(--bg);color:var(--txt)}
.blog-page main::before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(var(--jp-line) 1px,transparent 1px),linear-gradient(90deg,var(--jp-line) 1px,transparent 1px);
  background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 82%);
}
.blog-page .journal-page-progress{position:fixed;z-index:130;left:0;right:0;top:0;height:2px;background:transparent;pointer-events:none}
.blog-page .journal-page-progress i{display:block;width:100%;height:100%;background:var(--orange);box-shadow:0 0 16px var(--orange);transform:scaleX(0);transform-origin:left}
.blog-page .journal-chapter-rail{
  position:fixed;z-index:80;right:18px;top:50%;display:grid;gap:7px;padding:8px;border:1px solid var(--jp-line);border-radius:18px;
  background:color-mix(in srgb,var(--bg) 78%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(18px);transform:translateY(-50%);
}
.blog-page .journal-chapter-rail a{display:grid;grid-template-columns:25px 0fr;align-items:center;gap:0;width:38px;min-height:38px;padding:0 6px;border-radius:11px;color:var(--dim);overflow:hidden;text-decoration:none;transition:.28s ease}
.blog-page .journal-chapter-rail a span{font:700 .58rem var(--f-m);letter-spacing:.08em;text-align:center}
.blog-page .journal-chapter-rail a b{overflow:hidden;font:700 .6rem var(--f-m);white-space:nowrap;opacity:0;transition:.28s ease}
.blog-page .journal-chapter-rail a:hover,.blog-page .journal-chapter-rail a.is-active{grid-template-columns:25px 1fr;width:104px;gap:7px;background:var(--orange);color:var(--on-accent)}
.blog-page .journal-chapter-rail a:hover b,.blog-page .journal-chapter-rail a.is-active b{opacity:1}

/* 01 — Cover / Hero */
.blog-page .journal-hero{
  min-height:100svh;padding:128px 0 88px;overflow:hidden;color:var(--txt);
  background:
    radial-gradient(850px 720px at calc(77% + var(--journal-pointer-x,0px)) calc(28% + var(--journal-pointer-y,0px)),color-mix(in srgb,var(--orange) 20%,transparent),transparent 68%),
    linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--bg-2) 92%,var(--orange) 8%))!important;
}
.blog-page .journal-hero::before{
  content:"";position:absolute;right:-12vw;top:4%;width:min(55vw,820px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--orange) 18%,transparent);border-radius:50%;
  box-shadow:0 0 0 76px color-mix(in srgb,var(--orange) 4%,transparent),0 0 0 152px color-mix(in srgb,var(--orange) 2%,transparent);pointer-events:none;
}
.blog-page .journal-hero::after{content:"01";position:absolute;right:-.04em;bottom:-.09em;color:color-mix(in srgb,var(--orange) 4%,transparent);font:800 clamp(20rem,36vw,39rem)/.7 var(--f-d);letter-spacing:-.09em;pointer-events:none}
.blog-page .journal-grid{opacity:.55;background-image:linear-gradient(color-mix(in srgb,var(--txt) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--txt) 7%,transparent) 1px,transparent 1px);background-size:76px 76px}
.blog-page .journal-hero-inner{position:relative;z-index:2}
.blog-page .journal-issue{grid-template-columns:auto minmax(80px,1fr) auto;gap:24px;padding-bottom:17px;border-bottom:1px solid var(--jp-line);color:var(--dim);font-size:.66rem}
.blog-page .journal-issue i{background:linear-gradient(90deg,var(--jp-line-strong),transparent)}
.blog-page .journal-issue b{color:var(--orange)}
.blog-page .journal-hero-layout{grid-template-columns:minmax(0,.95fr) minmax(430px,.72fr);gap:clamp(55px,7vw,112px);margin-top:48px;align-items:center}
.blog-page .journal-hero-copy{position:relative;z-index:3;padding-left:22px;border-left:2px solid var(--orange)}
.blog-page .journal-hero-copy::before{content:"TECHNICAL EDITORIAL · 01—06";display:block;margin-bottom:24px;color:var(--orange);font:700 .59rem var(--f-m);letter-spacing:.17em}
.blog-page .journal-hero h1{max-width:none;color:var(--txt);font-size:clamp(5rem,6.55vw,7.35rem);line-height:.77;letter-spacing:-.055em;text-wrap:balance}
.blog-page .journal-hero-title-line{display:block!important;white-space:normal!important}
.blog-page .journal-hero-title-line--2{color:var(--orange)!important}
.blog-page .journal-hero-title-line--3{color:var(--txt)!important}
html[lang="de"] .blog-page .journal-hero-title-line{white-space:nowrap!important}
html[lang="de"] .blog-page .journal-hero-title-line--3{color:var(--orange)!important}
.blog-page .journal-hero-text{max-width:56ch;margin-top:30px;color:var(--dim);font-size:1.02rem;line-height:1.75}
.blog-page .journal-hero-cta{
  display:grid;grid-template-columns:minmax(0,1fr) 58px;width:min(100%,360px);min-height:76px;margin-top:30px;padding:0;border:1px solid color-mix(in srgb,var(--orange) 72%,transparent);border-radius:16px;
  background:linear-gradient(115deg,var(--orange),color-mix(in srgb,var(--orange) 78%,var(--bg)));color:var(--on-accent);box-shadow:0 18px 44px var(--jp-glow);overflow:hidden;
}
.blog-page .journal-hero-cta>span{align-self:center;padding:15px 20px}.blog-page .journal-hero-cta small,.blog-page .journal-hero-cta strong{color:var(--on-accent)!important}
.blog-page .journal-hero-cta small{opacity:.72}.blog-page .journal-hero-cta strong{font-size:1rem}
.blog-page .journal-hero-cta>i{width:auto;height:auto;border:0!important;border-left:1px solid color-mix(in srgb,var(--on-accent) 30%,transparent)!important;border-radius:0;background:color-mix(in srgb,var(--on-accent) 8%,transparent)!important;color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-hero-cta>i{border-color:color-mix(in srgb,var(--on-accent) 30%,transparent)!important;background:color-mix(in srgb,var(--on-accent) 8%,transparent)!important;color:var(--on-accent)!important;box-shadow:none!important}
.blog-page .journal-hero-cta:hover{transform:translateY(-4px);box-shadow:0 25px 60px color-mix(in srgb,var(--orange) 35%,transparent)}
.blog-page .journal-lead{
  --lead-rx:0deg;--lead-ry:0deg;min-height:590px;border:1px solid var(--jp-line-strong);border-radius:30px;
  background:var(--bg-2);box-shadow:0 44px 105px rgba(0,0,0,.42),0 0 0 10px color-mix(in srgb,var(--orange) 4%,transparent);
  transform:perspective(1200px) rotateX(var(--lead-rx)) rotateY(var(--lead-ry)) rotateZ(.8deg);transform-style:preserve-3d;transition:transform .28s ease,box-shadow .35s ease;
}
.blog-page .journal-lead::before{inset:16px;border-color:color-mix(in srgb,var(--txt) 38%,transparent);border-radius:20px}
.blog-page .journal-lead::after{left:auto;right:74px;top:16px;bottom:16px;background:color-mix(in srgb,var(--txt) 15%,transparent)}
.blog-page .journal-lead>img{filter:saturate(.78) contrast(1.08) brightness(.72)}
.blog-page .journal-lead-wash{background:linear-gradient(180deg,rgba(5,7,6,.44),transparent 30%,rgba(5,7,6,.96) 100%),linear-gradient(125deg,color-mix(in srgb,var(--orange) 30%,transparent),transparent 52%)!important}
.blog-page .journal-lead-top{color:#fff}.blog-page .journal-lead-top i{color:color-mix(in srgb,var(--orange) 64%,#fff)!important}
.blog-page .journal-lead-focus{border-color:color-mix(in srgb,var(--orange) 72%,#fff);box-shadow:0 0 0 12px color-mix(in srgb,var(--orange) 12%,transparent),0 0 35px var(--jp-glow)}
.blog-page .journal-lead-focus::before,.blog-page .journal-lead-focus::after{background:color-mix(in srgb,var(--orange) 66%,#fff)}
.blog-page .journal-lead-focus span{background:var(--orange);color:var(--on-accent)}
.blog-page .journal-lead-copy{border-top-color:color-mix(in srgb,#fff 34%,transparent)}
.blog-page .journal-lead-copy small,.blog-page .journal-lead-copy>strong em{color:color-mix(in srgb,var(--orange) 74%,#fff)!important}
.blog-page .journal-lead-copy>strong{color:#fff}.blog-page .journal-lead-copy p{color:rgba(255,255,255,.78)}.blog-page .journal-lead-copy>b{color:var(--orange)!important}
.blog-page .journal-lead:hover{box-shadow:0 54px 125px rgba(0,0,0,.5),0 0 0 10px color-mix(in srgb,var(--orange) 8%,transparent)}

/* 02 — Editorial principles */
.blog-page .journal-trust{position:relative;z-index:5;margin-top:-33px;border:0;background:transparent!important}
.blog-page .journal-trust .wrap{grid-template-columns:repeat(3,1fr);gap:12px}
.blog-page .journal-trust .wrap>div{
  position:relative;grid-template-columns:48px 1fr;min-height:116px;padding:23px 22px;border:1px solid var(--jp-line)!important;border-radius:19px;
  background:color-mix(in srgb,var(--bg-2) 86%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(18px);overflow:hidden;transition:.3s ease;
}
.blog-page .journal-trust .wrap>div::after{content:"";position:absolute;right:-35px;bottom:-52px;width:120px;height:120px;border:1px solid color-mix(in srgb,var(--orange) 22%,transparent);border-radius:50%;box-shadow:0 0 0 17px color-mix(in srgb,var(--orange) 4%,transparent)}
.blog-page .journal-trust .wrap>div:hover{border-color:color-mix(in srgb,var(--orange) 58%,transparent)!important;background:var(--jp-panel);transform:translateY(-6px)}
.blog-page .journal-trust i{grid-row:1/3;width:39px;height:39px;border-radius:12px;background:var(--orange)!important;color:var(--on-accent)!important;box-shadow:none!important}
.blog-page .journal-trust strong{color:var(--txt)!important;font-size:.88rem}.blog-page .journal-trust span{color:var(--dim)!important;font-size:.75rem}
html[lang="de"] .blog-page .journal-trust::after{content:"WISCHEN  /  01—03"}
html[lang="en"] .blog-page .journal-trust::after{content:"SWIPE  /  01—03"}
html[lang="tr"] .blog-page .journal-trust::after{content:"KAYDIR  /  01—03"}

/* 03 — 3D dossier archive */
.blog-page .journal-index{height:650vh;background:var(--bg)!important}
.blog-page .journal-index-sticky{
  min-height:740px;padding:104px 0 26px;color:var(--txt);
  background:radial-gradient(900px 660px at 72% 60%,color-mix(in srgb,var(--orange) 16%,transparent),transparent 68%),linear-gradient(145deg,var(--bg),var(--bg-2))!important;
}
.blog-page .journal-index-sticky::before{display:block;opacity:.55;background-image:linear-gradient(color-mix(in srgb,var(--txt) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--txt) 6%,transparent) 1px,transparent 1px);background-size:70px 70px}
.blog-page .journal-index-sticky::after{content:"ARCHIVE / 06";position:absolute;right:-18px;bottom:95px;color:color-mix(in srgb,var(--txt) 17%,transparent);font:700 .6rem var(--f-m);letter-spacing:.22em;transform:rotate(-90deg)}
.blog-page .journal-index-header{grid-template-columns:minmax(0,1.12fr) minmax(330px,.58fr);align-items:end;padding-bottom:22px;border-bottom:1px solid var(--jp-line)}
.blog-page .journal-index-header>div{padding-left:19px;border-left:2px solid var(--orange)}
.blog-page .journal-kicker{color:var(--orange)!important}
.blog-page .journal-index h2{color:var(--txt);font-size:clamp(3.6rem,4.7vw,5.4rem)}
.blog-page .journal-index h2 em{color:var(--orange)}
.blog-page .journal-index-header>p{padding:18px 20px;border:1px solid var(--jp-line);border-radius:15px;background:color-mix(in srgb,var(--bg-2) 78%,transparent);color:var(--dim);backdrop-filter:blur(12px)}
.blog-page .journal-index-stage{grid-template-columns:88px minmax(0,1fr);margin-top:18px}
.blog-page .journal-index-meter{color:var(--orange)}
.blog-page .journal-index-meter>i{width:2px;background:color-mix(in srgb,var(--orange) 20%,transparent)}
.blog-page .journal-index-meter>i b{background:linear-gradient(var(--orange),color-mix(in srgb,var(--orange) 45%,var(--txt)))}
.blog-page .journal-index-meter small{color:var(--dim)}.blog-page .journal-index-meter strong{color:var(--txt)}
.blog-page .journal-book-scene{max-width:1120px;height:clamp(470px,59vh,640px);perspective:1800px}
.blog-page .journal-book-scene::before{right:-76px;color:color-mix(in srgb,var(--txt) 28%,transparent)}
.blog-page .journal-book-scene::after{left:7%;right:4%;height:92px;background:color-mix(in srgb,#000 58%,var(--orange) 10%);filter:blur(30px)}
.blog-page .journal-book{filter:drop-shadow(0 35px 28px rgba(0,0,0,.3))}
.blog-page .journal-book::before{border-radius:18px;background:color-mix(in srgb,var(--bg-2) 82%,#000)!important;box-shadow:0 14px 0 color-mix(in srgb,var(--bg-2) 68%,var(--orange)),0 22px 0 color-mix(in srgb,var(--orange) 26%,transparent)!important}
.blog-page .journal-book-inside,.blog-page .journal-book-base{border-color:var(--jp-line-strong);border-radius:20px 0 0 20px}
.blog-page .journal-book-inside{background:linear-gradient(145deg,var(--bg-2),color-mix(in srgb,var(--bg-2) 72%,var(--orange)))!important}
.blog-page .journal-book-base{border-radius:0 20px 20px 0;background:linear-gradient(135deg,var(--jp-panel),var(--bg-2));box-shadow:inset 18px 0 30px rgba(0,0,0,.18)}
.blog-page .journal-book-inside::before{border-color:var(--jp-line)}
.blog-page .journal-book-inside small,.blog-page .journal-book-inside span{color:color-mix(in srgb,var(--orange) 65%,var(--txt))!important}
.blog-page .journal-book-inside strong{color:var(--txt)}
.blog-page .journal-book-edge{background:repeating-linear-gradient(var(--txt) 0 1px,var(--bg-2) 1px 3px);opacity:.5}
.blog-page .journal-book-edge--right{background:repeating-linear-gradient(90deg,var(--txt) 0 1px,var(--bg-2) 1px 3px)}
.blog-page .journal-book-spine{background:linear-gradient(90deg,rgba(0,0,0,.54),color-mix(in srgb,var(--txt) 70%,var(--orange)),rgba(0,0,0,.5));box-shadow:-8px 0 20px rgba(0,0,0,.34),8px 0 16px color-mix(in srgb,var(--orange) 16%,transparent)}
.blog-page .journal-sheet{--page-bg:var(--bg-2);--page-fg:var(--txt);--page-accent:var(--orange);--page-muted:var(--dim);--page-line:var(--jp-line-strong)}
.blog-page .journal-sheet-face{border-color:var(--jp-line-strong)!important}
.blog-page .journal-sheet:focus-visible{outline-color:var(--orange)}
.blog-page .journal-sheet-face--front{background:linear-gradient(145deg,var(--jp-panel),var(--bg-2))!important;box-shadow:calc(var(--curl,0)*-42px) 12px calc(22px + var(--curl,0)*38px) rgba(0,0,0,.38)}
.blog-page .journal-sheet-face--back{background:linear-gradient(140deg,var(--jp-panel),var(--bg-2))!important;color:var(--txt);box-shadow:calc(var(--curl,0)*42px) 12px calc(22px + var(--curl,0)*38px) rgba(0,0,0,.34)}
.blog-page .journal-sheet-curl{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--txt) 48%,transparent) 62%,rgba(0,0,0,.26))}
.blog-page .journal-sheet-face--back::before{background:repeating-linear-gradient(0deg,transparent 0 28px,color-mix(in srgb,var(--orange) 8%,transparent) 28px 29px)!important}
.blog-page .journal-sheet-face--back::after{border-color:color-mix(in srgb,var(--orange) 24%,transparent);box-shadow:0 0 0 42px color-mix(in srgb,var(--orange) 4%,transparent),0 0 0 84px color-mix(in srgb,var(--orange) 2%,transparent)}
.blog-page .journal-sheet-face--back>span,.blog-page .journal-sheet-face--back>i{color:var(--orange)}
.blog-page .journal-sheet-face--back>b{color:color-mix(in srgb,var(--orange) 11%,transparent)}
.blog-page .journal-sheet-face--back>p{color:var(--dim)}
.blog-page .journal-sheet--depth,.blog-page .journal-sheet--timeline{--page-bg:var(--orange);--page-fg:var(--on-accent);--page-accent:var(--on-accent);--page-muted:color-mix(in srgb,var(--on-accent) 70%,transparent);--page-line:color-mix(in srgb,var(--on-accent) 26%,transparent)}
.blog-page .journal-sheet--depth .journal-sheet-face--front,.blog-page .journal-sheet--timeline .journal-sheet-face--front{background:linear-gradient(145deg,var(--orange),color-mix(in srgb,var(--orange) 72%,var(--bg)))!important;color:var(--on-accent)!important}
.blog-page .journal-sheet--depth :is(.depth-compare strong,.depth-small,.depth-below),.blog-page .journal-sheet--timeline :is(.time-orbit,.time-orbit b,.time-orbit span,.journal-visual--timeline li){color:var(--on-accent)!important}
.blog-page .journal-sheet--depth .depth-compare i{background:var(--on-accent)!important;color:var(--orange)!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--on-accent) 12%,transparent)!important}
.blog-page .journal-sheet--depth .journal-visual--depth,.blog-page .journal-sheet--timeline .journal-visual--timeline{border-color:color-mix(in srgb,var(--on-accent) 28%,transparent)}
.blog-page .journal-sheet--depth .journal-visual--depth>b{background:var(--on-accent);color:var(--orange)}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--depth,
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--timeline{--page-bg:var(--orange)!important;--page-fg:var(--on-accent)!important;--page-accent:var(--on-accent)!important;--page-muted:color-mix(in srgb,var(--on-accent) 70%,transparent)!important;--page-line:color-mix(in srgb,var(--on-accent) 28%,transparent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--depth .journal-sheet-face--front,
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--timeline .journal-sheet-face--front{background:linear-gradient(145deg,var(--orange),color-mix(in srgb,var(--orange) 90%,var(--bg)))!important;color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--depth :is(.depth-small,.depth-below,.depth-compare strong),
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--timeline :is(.time-orbit,.time-orbit b,.time-orbit span,.journal-visual--timeline li){color:var(--on-accent)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet--depth .depth-compare i{background:var(--on-accent)!important;color:var(--orange)!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--on-accent) 14%,transparent)!important}
.blog-page .journal-sheet--blueprint .journal-visual{background:var(--bg-2)!important}
.blog-page .journal-sheet--blueprint .journal-sheet-face--front::before{background-image:linear-gradient(color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px)}
html:not([data-color-theme="legacy"]) .blog-page .journal-visual--blueprint img{mix-blend-mode:screen;filter:invert(1) grayscale(1) contrast(1.25) brightness(.9);opacity:.78}
.blog-page .blueprint-code{background:var(--orange);color:var(--on-accent)}
.blog-page .blueprint-legend{color:var(--orange)}
.blog-page .blueprint-orbit{border-color:color-mix(in srgb,var(--orange) 34%,transparent)}
.blog-page .blueprint-orbit::before,.blog-page .blueprint-orbit::after{background:color-mix(in srgb,var(--orange) 42%,transparent)}
.blog-page .journal-sheet--blueprint .journal-sheet-copy{border-color:var(--orange);background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.28)}
.blog-page .journal-sheet--photo{--page-accent:color-mix(in srgb,var(--orange) 72%,#fff)}
.blog-page .journal-visual--photo::after{background:linear-gradient(180deg,rgba(5,7,6,.24),transparent 45%,var(--bg-2) 100%),linear-gradient(110deg,color-mix(in srgb,var(--orange) 32%,transparent),transparent 50%)}
.blog-page .journal-visual--roles small,.blog-page .journal-visual--roles>i{color:var(--orange);border-color:var(--orange)}
.blog-page .journal-visual--roles svg{stroke:color-mix(in srgb,var(--orange) 72%,transparent)}
.blog-page .ledger-ring{border-color:var(--orange);box-shadow:0 0 0 18px color-mix(in srgb,var(--orange) 7%,transparent),0 0 0 38px color-mix(in srgb,var(--orange) 3%,transparent)}
.blog-page .ledger-ring span{color:var(--txt)}.blog-page .ledger-ring i{background:var(--orange)}.blog-page .ledger-values b{color:var(--orange)}

/* 04 — Editorial integrity / sources */
.blog-page .journal-standard{
  padding:145px 0 155px;color:var(--txt);
  background:radial-gradient(800px 620px at 8% 18%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 70%),linear-gradient(145deg,var(--bg-2),var(--bg))!important;
}
.blog-page .journal-standard::before{content:"04";right:-.04em;top:-.05em;color:color-mix(in srgb,var(--orange) 5%,transparent)!important}
.blog-page .journal-standard::after{opacity:.6;background-image:linear-gradient(color-mix(in srgb,var(--txt) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--txt) 6%,transparent) 1px,transparent 1px)}
.blog-page .journal-standard-grid{display:grid;grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr);gap:clamp(48px,6vw,90px);align-items:start}
.blog-page .journal-standard-intro{position:sticky;top:120px;display:flex;flex-direction:column;align-items:flex-start;padding-left:22px;border-left:2px solid var(--orange)}
.blog-page .journal-standard-intro .journal-kicker{color:var(--orange)}
.blog-page .journal-standard-intro h2{width:100%;max-width:none;margin-top:24px;color:var(--txt);font-size:clamp(3.4rem,4.3vw,5.2rem);line-height:.8}
.blog-page .journal-standard-title-line{white-space:nowrap}.blog-page .journal-standard-title-line:nth-child(2),.blog-page .journal-standard-title-line:nth-child(4){color:var(--orange)!important}
.blog-page .journal-standard-intro>p:last-child{max-width:43ch;margin:34px 0 0;padding:22px;border:1px solid var(--jp-line);border-radius:16px;background:color-mix(in srgb,var(--bg-2) 78%,transparent);color:var(--dim);font-size:.93rem;line-height:1.72;backdrop-filter:blur(14px)}
.blog-page .journal-standard-panel{position:relative;margin-top:0;border:1px solid var(--jp-line);border-radius:30px;background:color-mix(in srgb,var(--bg-2) 88%,transparent);box-shadow:0 38px 100px rgba(0,0,0,.28);overflow:hidden;backdrop-filter:blur(16px)}
.blog-page .journal-standard-panel::before{content:"VERIFIED / EDITORIAL";position:absolute;right:-49px;top:120px;color:color-mix(in srgb,var(--txt) 24%,transparent);font:700 .54rem var(--f-m);letter-spacing:.18em;transform:rotate(90deg)}
.blog-page .journal-standard-stamp{grid-template-columns:70px 1fr auto;padding:22px 26px;border-color:var(--jp-line);background:color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%);color:var(--txt)}
.blog-page .journal-standard-stamp>span{border-color:var(--orange);background:var(--orange);color:var(--on-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--orange) 12%,transparent)}
.blog-page .journal-standard-stamp small,.blog-page .journal-standard-stamp i{color:var(--dim)}
.blog-page .journal-protocol-core{grid-template-columns:210px minmax(0,1fr);min-height:470px;border-color:var(--jp-line);background:var(--bg-2)}
.blog-page .journal-protocol-axis{border-color:var(--jp-line);background:color-mix(in srgb,var(--orange) 5%,transparent)}
.blog-page .journal-protocol-axis::before,.blog-page .journal-protocol-axis::after{border-color:color-mix(in srgb,var(--orange) 30%,transparent)}
.blog-page .journal-protocol-axis::before{box-shadow:0 0 0 30px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 60px color-mix(in srgb,var(--orange) 2%,transparent)}
.blog-page .journal-protocol-axis::after{border-color:var(--orange)}
.blog-page .journal-protocol-axis span{color:var(--txt)}.blog-page .journal-protocol-axis i{color:var(--dim)}
.blog-page .journal-standard-panel ul{background:transparent}
.blog-page .journal-standard-panel li{min-height:235px;padding:38px 38px 34px 86px;border-color:var(--jp-line)!important;background:color-mix(in srgb,var(--bg-2) 92%,var(--orange) 8%);box-shadow:none;color:var(--dim)!important}
.blog-page .journal-standard-panel li::before{left:27px;top:31px;color:var(--orange)}
.blog-page .journal-standard-panel li::after{left:27px;right:27px;top:79px;background:linear-gradient(90deg,var(--orange),transparent)}
.blog-page .journal-standard-panel li:hover{background:color-mix(in srgb,var(--orange) 8%,transparent)!important;color:var(--txt)!important}
.blog-page .journal-protocol-sources{grid-template-columns:minmax(310px,.84fr) minmax(0,1.16fr);border-color:color-mix(in srgb,var(--on-accent) 28%,transparent);background:var(--orange);box-shadow:0 22px 58px color-mix(in srgb,var(--orange) 20%,transparent);color:var(--on-accent)}
.blog-page .journal-source-head{padding:34px 36px}.blog-page .journal-source-head small,.blog-page .journal-source-head h3{color:var(--on-accent)!important}
.blog-page .journal-source-head h3{font-size:clamp(2rem,2.35vw,2.7rem);line-height:.86;letter-spacing:-.025em}
.blog-page .source-links{border-color:color-mix(in srgb,var(--on-accent) 28%,transparent)}
.blog-page .source-links a{border-color:color-mix(in srgb,var(--on-accent) 26%,transparent);color:var(--on-accent)!important}
.blog-page .source-links :is(span,strong){color:var(--on-accent)!important}.blog-page .source-links i{border-color:color-mix(in srgb,var(--on-accent) 50%,transparent)}
.blog-page .source-links a:hover i{background:var(--on-accent);color:var(--orange)}

@media(max-width:1100px){
  .blog-page .journal-chapter-rail{display:none}
  .blog-page .journal-hero-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);gap:45px}
  .blog-page .journal-hero h1{font-size:clamp(4.5rem,7vw,6.2rem)}
  .blog-page .journal-standard-grid{grid-template-columns:1fr;gap:55px}
  .blog-page .journal-standard-intro{position:relative;top:auto;display:grid;grid-template-columns:1fr minmax(290px,.48fr);gap:30px 50px}
  .blog-page .journal-standard-intro .journal-kicker{grid-column:1/-1}.blog-page .journal-standard-intro h2{max-width:none}.blog-page .journal-standard-intro>p:last-child{align-self:end;margin:0}
}

@media(max-width:900px){
  .blog-page .journal-hero{min-height:auto;padding-bottom:78px}
  .blog-page .journal-hero-layout{grid-template-columns:1fr;gap:48px}.blog-page .journal-hero h1{max-width:10ch}
  .blog-page .journal-lead{min-height:560px;transform:rotateZ(.5deg)}
  .blog-page .journal-trust{margin-top:-28px}.blog-page .journal-trust .wrap{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-page .journal-trust .wrap::-webkit-scrollbar{display:none}
  .blog-page .journal-trust .wrap>div{flex:0 0 min(350px,82vw);scroll-snap-align:start}
  .blog-page .journal-index{height:auto;padding:100px 0;background:linear-gradient(145deg,var(--bg),var(--bg-2))!important}
  .blog-page .journal-index-sticky{position:relative;height:auto;min-height:0;padding:0;background:transparent!important;overflow:visible}.blog-page .journal-index-sticky::before,.blog-page .journal-index-sticky::after{display:none}
  .blog-page .journal-index-header{grid-template-columns:1fr;gap:24px}.blog-page .journal-index-header>p{max-width:none}
  .blog-page .journal-index-stage{display:block;margin-top:42px}
  .blog-page .journal-index-meter,.blog-page .journal-book-inside,.blog-page .journal-book-base,.blog-page .journal-book-edge,.blog-page .journal-book-spine{display:none}
  .blog-page .journal-book-scene,.blog-page .journal-book{width:100%;height:auto;max-width:none;perspective:none;filter:none;transform:none}
  .blog-page .journal-book-scene::before,.blog-page .journal-book-scene::after,.blog-page .journal-book::before,.blog-page .journal-book::after{display:none}
  .blog-page .journal-pages{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .blog-page .journal-sheet{position:relative;left:auto;width:auto;height:520px;transform:none!important}
  .blog-page .journal-sheet-face--front{position:relative;height:100%;border-radius:22px!important;box-shadow:0 22px 55px rgba(0,0,0,.25)}
  .blog-page .journal-sheet-face--back{display:none}
}

@media(max-width:600px){
  .blog-page main::before{background-size:48px 48px;opacity:.2}
  .blog-page .journal-hero{padding:102px 0 64px;background:radial-gradient(440px 480px at 112% 17%,color-mix(in srgb,var(--orange) 18%,transparent),transparent 70%),linear-gradient(160deg,var(--bg),var(--bg-2))!important}
  .blog-page .journal-hero::before{right:-62%;top:14%;width:128vw;box-shadow:0 0 0 35px color-mix(in srgb,var(--orange) 4%,transparent),0 0 0 70px color-mix(in srgb,var(--orange) 2%,transparent)}
  .blog-page .journal-hero::after{right:-.1em;bottom:28%;font-size:13rem}
  .blog-page .journal-issue::before{color:color-mix(in srgb,var(--orange) 7%,transparent)}
  .blog-page .journal-issue{grid-template-columns:auto 1fr;gap:14px;padding-bottom:13px}.blog-page .journal-issue b{display:none}
  .blog-page .journal-hero-layout{gap:36px;margin-top:28px}
  .blog-page .journal-hero-copy{padding-left:14px}.blog-page .journal-hero-copy::before{margin-bottom:18px;font-size:.5rem}
  .blog-page .journal-hero h1{max-width:none;font-size:clamp(3.25rem,14vw,4.2rem);line-height:.8}
  .blog-page .journal-hero-text{margin-top:23px;font-size:.94rem;line-height:1.65}
  .blog-page .journal-hero-cta{width:100%;min-height:70px;margin-top:25px;border-radius:15px}
  .blog-page .journal-lead{min-height:500px;border-radius:24px;box-shadow:0 28px 72px rgba(0,0,0,.42),0 0 0 6px color-mix(in srgb,var(--orange) 5%,transparent)}
  .blog-page .journal-lead::before{inset:12px;border-radius:16px}.blog-page .journal-lead::after{right:55px;top:12px;bottom:12px}
  .blog-page .journal-lead-top{top:25px;left:24px;right:24px;font-size:.54rem}.blog-page .journal-lead-focus{top:17%;left:auto;right:46px;width:57px;height:57px}
  .blog-page .journal-lead-focus i{display:none}.blog-page .journal-lead-copy{left:24px;right:24px;bottom:25px}.blog-page .journal-lead-copy>strong{font-size:2.25rem}.blog-page .journal-lead-copy p{display:block;margin-right:24px;font-size:.7rem;line-height:1.5}
  .blog-page .journal-trust{margin-top:-20px}.blog-page .journal-trust .wrap{padding-inline:18px}.blog-page .journal-trust .wrap>div{flex-basis:82vw;min-height:108px}
  .blog-page .journal-index{padding:78px 0 92px}
  .blog-page .journal-index-header{padding-bottom:18px}.blog-page .journal-index-header>div{padding-left:14px}.blog-page .journal-index h2{font-size:clamp(3rem,13.5vw,4rem);line-height:.83}.blog-page .journal-index-header>p{font-size:.88rem}
  .blog-page .journal-index-stage{margin-top:32px}
  .blog-page .journal-pages{display:flex;gap:13px;margin-inline:calc(var(--pad)*-1);padding:10px var(--pad) 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none}.blog-page .journal-pages::-webkit-scrollbar{display:none}
  .blog-page .journal-sheet{flex:0 0 calc(100vw - 48px);height:560px;scroll-snap-align:center;transform:perspective(1000px) translateY(var(--mobile-lift,0)) rotateY(var(--mobile-turn,0)) rotateZ(var(--mobile-roll,0)) scale(var(--mobile-scale,1))!important;transition:transform .14s linear}
  .blog-page .journal-sheet-face--front{border-radius:22px!important}.blog-page .journal-sheet-copy h3{font-size:clamp(2.3rem,10vw,3rem)}
  .blog-page .journal-visual--photo{background:radial-gradient(circle at 57% 46%,color-mix(in srgb,var(--orange) 46%,transparent) 0 2%,transparent 2.5%),linear-gradient(145deg,color-mix(in srgb,var(--bg-2) 76%,var(--orange)),var(--bg-2) 62%,color-mix(in srgb,var(--bg-2) 70%,var(--orange)))!important}
  .blog-page .journal-sheet--blueprint .journal-visual{top:58px;left:18px;right:18px;height:46%}.blog-page .journal-sheet--blueprint .journal-sheet-copy{left:25px;right:24px;bottom:24px;width:auto;padding:0;border:0;background:transparent;box-shadow:none}.blog-page .journal-sheet--blueprint .journal-sheet-copy h3{font-size:2.3rem;white-space:normal}
  .blog-page .blueprint-legend{left:9px;right:9px;bottom:7px;top:auto;display:flex;justify-content:space-between;width:auto;font-size:.56rem}.blog-page .blueprint-legend span{display:block;padding:0;border:0}
  .blog-page .journal-standard{padding:80px 0 105px;background:radial-gradient(440px 520px at 108% 8%,color-mix(in srgb,var(--orange) 15%,transparent),transparent 70%),linear-gradient(160deg,var(--bg-2),var(--bg))!important}
  .blog-page .journal-standard-grid{display:block}.blog-page .journal-standard-intro{display:flex;padding-left:14px}.blog-page .journal-standard-intro h2{max-width:none;font-size:clamp(2.7rem,12vw,3.6rem);line-height:.81}.blog-page .journal-standard-title-line{white-space:nowrap}.blog-page .journal-standard-intro>p:last-child{margin-top:28px;padding:18px;font-size:.88rem;color:var(--dim);box-shadow:0 18px 45px rgba(0,0,0,.22)}
  .blog-page .journal-standard-panel{margin-top:38px;border-radius:24px}.blog-page .journal-standard-panel::before{display:none}
  .blog-page .journal-standard-stamp{grid-template-columns:50px 1fr;padding:18px;border:1px solid var(--jp-line);background:color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%)}.blog-page .journal-standard-stamp>span{width:42px;height:42px}.blog-page .journal-standard-stamp div{display:grid;gap:3px}.blog-page .journal-standard-stamp>i{display:none}
  .blog-page .journal-protocol-core{display:block;min-height:0;border:1px solid var(--jp-line);border-top:0;background:var(--bg-2)}.blog-page .journal-protocol-axis{min-height:150px;border-right:0;border-bottom:1px solid var(--jp-line);background:color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%)}.blog-page .journal-protocol-axis::before{width:116px;height:116px;box-shadow:0 0 0 18px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 36px color-mix(in srgb,var(--orange) 2%,transparent)}.blog-page .journal-protocol-axis::after{width:62px;height:62px}.blog-page .journal-protocol-axis span{font-size:3.25rem}.blog-page .journal-protocol-axis i{bottom:14px}
  .blog-page .journal-standard-panel ul{display:flex;grid-template-columns:none;gap:10px;background:transparent}.blog-page .journal-standard-panel li{min-height:145px;padding:58px 20px 24px;border:1px solid var(--jp-line)!important;background:color-mix(in srgb,var(--bg-2) 90%,var(--orange) 10%);box-shadow:none}.blog-page .journal-standard-panel li::before{left:20px;top:18px;font-size:2rem}.blog-page .journal-standard-panel li::after{left:56px;right:20px;top:34px}
  .blog-page .journal-protocol-sources{grid-template-columns:1fr}.blog-page .journal-source-head{padding:27px 24px}.blog-page .journal-source-head h3{font-size:2.55rem}.blog-page .source-links{padding:8px 22px 15px;border-left:0;border-top:1px solid color-mix(in srgb,var(--on-accent) 28%,transparent)}.blog-page .source-links a{grid-template-columns:44px minmax(0,1fr) 28px;padding:16px 0}.blog-page .source-links strong{font-size:.84rem}
}

@media(prefers-reduced-motion:reduce){
  .blog-page .journal-lead,.blog-page .journal-trust .wrap>div{transition:none!important;transform:none!important}
}

/* 2026-08-25 — consecutive dossiers on both sides of each physical sheet */
.blog-page .journal-sheet--mobile{display:none}
.blog-page .journal-sheet-face--article{
  display:block;
  padding:0;
  overflow:hidden;
  background:linear-gradient(145deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 88%,var(--orange)))!important;
  color:var(--page-fg)!important;
  text-decoration:none;
}
.blog-page .journal-sheet-face--article::before{content:none}
.blog-page .journal-sheet-face--article::after{content:"";position:absolute;z-index:20;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 5%,transparent 88%,rgba(0,0,0,.13));mix-blend-mode:soft-light;pointer-events:none}
.blog-page .journal-sheet-face--article>header{position:absolute;z-index:12;top:25px;left:29px;right:27px;display:flex;justify-content:space-between;gap:16px;color:var(--page-fg);font:600 .56rem/1.4 var(--f-m);letter-spacing:.12em}
.blog-page .journal-sheet-face--article>header i{color:var(--page-accent);font:800 .72rem/1.25 var(--f-m);font-style:normal;letter-spacing:.09em}
.blog-page .journal-sheet-face--article>b.journal-sheet-number{position:absolute;z-index:2;right:16px;top:48px;margin:0;color:color-mix(in srgb,var(--page-fg) 12%,transparent);font:700 7.7rem/.8 var(--f-d)}
.blog-page .journal-sheet-face--article.journal-sheet--blueprint::before{content:"";position:absolute;z-index:0;inset:0;opacity:.72;background-image:linear-gradient(color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,rgba(0,0,0,.45),#000)}

html .blog-page .journal-sheet-face--article{
  --page-bg:var(--bg-2)!important;
  --page-fg:var(--txt)!important;
  --page-accent:var(--orange)!important;
  --page-muted:var(--dim)!important;
  --page-line:var(--jp-line-strong)!important;
  background:linear-gradient(145deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 88%,var(--orange)))!important;
  color:var(--page-fg)!important;
}
html .blog-page .journal-sheet-face--article:is(.journal-sheet--depth,.journal-sheet--timeline){
  --page-bg:var(--orange)!important;
  --page-fg:var(--on-accent)!important;
  --page-accent:var(--on-accent)!important;
  --page-muted:color-mix(in srgb,var(--on-accent) 70%,transparent)!important;
  --page-line:color-mix(in srgb,var(--on-accent) 28%,transparent)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article,
html[data-color-theme="legacy"] .blog-page .journal-sheet-face--article{background:linear-gradient(145deg,var(--page-bg),color-mix(in srgb,var(--page-bg) 88%,var(--orange)))!important;color:var(--page-fg)!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article::before{content:none!important;background:none!important;box-shadow:none!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article.journal-sheet--blueprint::before{content:""!important;background-image:linear-gradient(color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--orange) 10%,transparent) 1px,transparent 1px)!important;background-size:24px 24px!important;box-shadow:none!important}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article::after{border:0!important;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 5%,transparent 88%,rgba(0,0,0,.13))!important;box-shadow:none!important}

/* Both sides of each dossier use matching surface and text tokens. The depth
   and timeline illustrations must not inherit text meant for a solid accent. */
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face.journal-sheet-face--article{
  --page-bg:var(--bg-2)!important;
  --page-fg:var(--txt)!important;
  --page-muted:var(--dim)!important;
  --page-accent:color-mix(in srgb,var(--orange) 65%,var(--txt))!important;
  --page-line:color-mix(in srgb,var(--txt) 24%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--page-bg) 94%,var(--orange)),var(--page-bg))!important;
  color:var(--page-fg)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article :is(.depth-small,.depth-below,.depth-compare strong,.time-orbit,.time-orbit b,.time-orbit span,.journal-visual--timeline li){
  color:var(--page-fg)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article .depth-compare i,
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article .journal-visual--depth>b{
  background:var(--page-fg)!important;
  color:var(--page-bg)!important;
}
html:not([data-color-theme="legacy"]) .blog-page .journal-sheet-face--article :is(.journal-visual--depth,.journal-visual--timeline){
  border-color:var(--page-line)!important;
}

.blog-page .journal-book-base{display:flex;flex-direction:column;padding:36px 40px;overflow:hidden;color:var(--txt)}
.blog-page .journal-book-base::before{content:"";position:absolute;inset:18px;border:1px solid var(--jp-line);border-radius:0 13px 13px 0;pointer-events:none}
.blog-page .journal-book-base::after{content:"06";position:absolute;right:-.02em;top:.08em;color:color-mix(in srgb,var(--orange) 7%,transparent);font:900 15rem/.75 var(--f-d)}
.blog-page .journal-book-base small,.blog-page .journal-book-base span{position:relative;z-index:2;color:var(--orange);font:800 .6rem/1.4 var(--f-m);letter-spacing:.13em;text-transform:uppercase}
.blog-page .journal-book-base strong{position:relative;z-index:2;max-width:7ch;margin:auto 0 18px;color:var(--txt);font:900 clamp(3.2rem,4.6vw,5rem)/.82 var(--f-d);letter-spacing:-.045em;text-transform:uppercase}
.blog-page .journal-book-base span{max-width:32ch;color:var(--dim);line-height:1.65}
.blog-page .journal-book-base b{position:absolute;z-index:2;right:35px;bottom:24px;color:color-mix(in srgb,var(--orange) 22%,transparent);font:900 5rem/.8 var(--f-d)}

@media(min-width:901px){
  .blog-page .journal-index{height:430vh}
}

.blog-page .journal-standard{padding:135px 0 165px;overflow:hidden}
.blog-page .journal-standard-grid{display:block}
.blog-page .journal-standard-intro{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.58fr);
  gap:24px clamp(45px,7vw,110px);
  align-items:end;
  padding:0 0 0 25px;
  border-left:2px solid var(--orange);
}
.blog-page .journal-standard-intro .journal-kicker{grid-column:1/-1;margin:0;color:var(--orange)}
.blog-page .journal-standard-intro h2{width:100%;max-width:11.5ch;margin:8px 0 0;color:var(--txt);font-size:clamp(4rem,6vw,7.4rem);line-height:.78;letter-spacing:-.055em}
.blog-page .journal-standard-title-line{display:block;white-space:nowrap}
.blog-page .journal-standard-title-line:nth-child(2),
.blog-page .journal-standard-title-line:nth-child(4){color:var(--orange)!important}
.blog-page .journal-standard-intro>p:last-child{
  max-width:47ch;
  margin:0 0 8px;
  padding:24px 0 24px 28px;
  border:0;
  border-left:1px solid var(--jp-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--dim);
  font-size:1rem;
  line-height:1.76;
  backdrop-filter:none;
}
.blog-page .journal-standard-panel{position:relative;margin-top:72px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;backdrop-filter:none}
.blog-page .journal-standard-panel::before{content:"EDITORIAL / VERIFIED";right:28px;top:36px;z-index:6;transform:none;color:color-mix(in srgb,var(--txt) 48%,transparent);font-size:.62rem}
.blog-page .journal-standard-stamp{
  position:relative;
  z-index:7;
  display:grid;
  grid-template-columns:60px 1fr auto;
  width:min(610px,100%);
  margin:0 0 -30px auto;
  padding:17px 23px;
  border:1px solid var(--jp-line);
  border-radius:999px;
  background:color-mix(in srgb,var(--bg-2) 91%,transparent);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
}
.blog-page .journal-standard-stamp>span{width:46px;height:46px;box-shadow:0 0 0 7px color-mix(in srgb,var(--orange) 12%,transparent)}
.blog-page .journal-protocol-core{
  position:relative;
  display:block;
  min-height:680px;
  overflow:hidden;
  border:1px solid var(--jp-line);
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--orange) 13%,transparent),transparent 25%),
    linear-gradient(135deg,color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%),var(--bg-2));
  box-shadow:0 42px 100px rgba(0,0,0,.24);
}
.blog-page .journal-protocol-core::before,
.blog-page .journal-protocol-core::after{content:"";position:absolute;z-index:1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--orange) 38%,transparent),transparent);pointer-events:none}
.blog-page .journal-protocol-core::before{left:5%;right:5%;top:50%;height:1px}
.blog-page .journal-protocol-core::after{top:6%;bottom:6%;left:50%;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--orange) 38%,transparent),transparent)}
.blog-page .journal-protocol-axis{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:210px;
  height:210px;
  min-height:0;
  border:1px solid color-mix(in srgb,var(--orange) 55%,transparent);
  border-radius:50%;
  background:color-mix(in srgb,var(--bg-2) 94%,var(--orange) 6%);
  box-shadow:0 22px 65px rgba(0,0,0,.28),0 0 0 28px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 62px color-mix(in srgb,var(--orange) 2%,transparent);
  transform:translate(-50%,-50%);
}
.blog-page .journal-protocol-axis::before{width:155px;height:155px;border:1px dashed color-mix(in srgb,var(--orange) 58%,transparent);box-shadow:none;animation:journal-standard-orbit 18s linear infinite}
.blog-page .journal-protocol-axis::after{width:88px;height:88px;border-color:var(--orange);background:color-mix(in srgb,var(--orange) 6%,transparent)}
.blog-page .journal-protocol-axis span{z-index:2;font-size:4.25rem}
.blog-page .journal-protocol-axis i{z-index:2;bottom:22px;color:var(--orange);font-size:.52rem;letter-spacing:.16em}
.blog-page .journal-standard-panel ul{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:105px clamp(150px,15vw,235px);
  min-height:680px;
  margin:0;
  padding:60px clamp(42px,5vw,72px);
  background:transparent;
}
.blog-page .journal-standard-panel li{
  display:flex;
  align-items:flex-end;
  min-height:220px;
  padding:78px 32px 30px;
  border:1px solid var(--jp-line)!important;
  border-radius:24px;
  background:color-mix(in srgb,var(--bg-2) 88%,var(--orange) 12%);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  color:var(--txt)!important;
  font-size:clamp(.98rem,1.2vw,1.12rem);
  line-height:1.55;
  transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.blog-page .journal-standard-panel li::before{left:29px;top:24px;color:var(--orange);font-size:2.55rem}
.blog-page .journal-standard-panel li::after{left:87px;right:28px;top:48px;background:linear-gradient(90deg,var(--orange),transparent)}
.blog-page .journal-standard-panel li:nth-child(1){transform:rotate(-1deg) translateY(8px)}
.blog-page .journal-standard-panel li:nth-child(2){transform:rotate(.85deg) translateY(-7px)}
.blog-page .journal-standard-panel li:nth-child(3){transform:rotate(.65deg) translateY(-5px)}
.blog-page .journal-standard-panel li:nth-child(4){transform:rotate(-.8deg) translateY(8px)}
.blog-page .journal-standard-panel li:hover{z-index:7;border-color:color-mix(in srgb,var(--orange) 58%,transparent)!important;background:color-mix(in srgb,var(--bg-2) 78%,var(--orange) 22%)!important;box-shadow:0 28px 65px rgba(0,0,0,.27);transform:translateY(-7px) rotate(0)}
.blog-page .journal-protocol-sources{
  position:relative;
  z-index:8;
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  margin:30px 3.5% 0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--on-accent) 28%,transparent);
  border-radius:28px;
  background:var(--orange);
  box-shadow:0 24px 65px color-mix(in srgb,var(--orange) 20%,transparent);
}
.blog-page .journal-source-head{min-width:0;padding:34px 38px}
.blog-page .journal-source-head h3{max-width:9.5ch;font-size:clamp(2.15rem,3.4vw,3.75rem);line-height:.82;overflow-wrap:normal}
.blog-page .journal-source-title-line{display:block;white-space:nowrap}
.blog-page .source-links{min-width:0}

@keyframes journal-standard-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:1100px){
  .blog-page .journal-standard-intro{grid-template-columns:1fr;gap:24px}
  .blog-page .journal-standard-intro h2{max-width:none;font-size:clamp(4.2rem,9vw,6.5rem)}
  .blog-page .journal-standard-intro>p:last-child{max-width:62ch;margin:0;padding:20px 0 0;border-left:0;border-top:1px solid var(--jp-line)}
  .blog-page .journal-protocol-sources{grid-template-columns:1fr;margin-inline:2%}
  .blog-page .source-links{border-left:0;border-top:1px solid color-mix(in srgb,var(--on-accent) 28%,transparent)}
}

@media(max-width:760px){
  .blog-page .journal-standard{padding:82px 0 105px}
  .blog-page .journal-standard-intro{display:block;padding-left:14px}
  .blog-page .journal-standard-intro h2{margin-top:24px;font-size:clamp(2.7rem,12vw,3.65rem);line-height:.82}
  .blog-page .journal-standard-intro>p:last-child{margin-top:28px;padding:18px 0 0;font-size:.94rem;line-height:1.66}
  .blog-page .journal-standard-panel{margin-top:42px}
  .blog-page .journal-standard-panel::before{display:none}
  .blog-page .journal-standard-stamp{grid-template-columns:50px 1fr;width:100%;margin:0 0 12px;padding:16px 18px;border-radius:18px}
  .blog-page .journal-standard-stamp>i{display:none}
  .blog-page .journal-protocol-core{min-height:0;border-radius:24px;overflow:hidden}
  .blog-page .journal-protocol-core::before,.blog-page .journal-protocol-core::after{display:none}
  .blog-page .journal-protocol-axis{position:relative;left:auto;top:auto;width:150px;height:150px;margin:26px auto 8px;transform:none;box-shadow:0 0 0 20px color-mix(in srgb,var(--orange) 5%,transparent),0 0 0 40px color-mix(in srgb,var(--orange) 2%,transparent)}
  .blog-page .journal-protocol-axis::before{width:112px;height:112px}.blog-page .journal-protocol-axis::after{width:64px;height:64px}.blog-page .journal-protocol-axis span{font-size:3rem}.blog-page .journal-protocol-axis i{bottom:15px}
  .blog-page .journal-standard-panel ul{display:grid;grid-template-columns:1fr;gap:10px;min-height:0;padding:32px 14px 14px}
  .blog-page .journal-standard-panel li,.blog-page .journal-standard-panel li:nth-child(n){min-height:138px;padding:58px 20px 22px;border-radius:18px;transform:none}
  .blog-page .journal-standard-panel li::before{left:20px;top:16px;font-size:2rem}.blog-page .journal-standard-panel li::after{left:58px;right:20px;top:33px}
  .blog-page .journal-protocol-sources{grid-template-columns:1fr;margin:16px 0 0;border-radius:22px}
  .blog-page .journal-source-head{padding:28px 23px}.blog-page .journal-source-head h3{max-width:none;font-size:clamp(2.4rem,12vw,3.15rem)}
  .blog-page .source-links{padding:8px 21px 15px}
}

@media(max-width:900px){
  .blog-page .journal-sheet--desktop{display:none!important}
  .blog-page .journal-sheet--mobile{display:block}
  .blog-page .journal-sheet-face--back{display:none}
}

@media(prefers-reduced-motion:reduce){
  .blog-page .journal-protocol-axis::before{animation:none}
  .blog-page .journal-standard-panel li{transition:none}
}