.journal-section{position:relative;background:var(--platform-surface);border-block:1px solid var(--platform-line);isolation:isolate;overflow:hidden}
.journal-section:before{content:"";position:absolute;top:0;inset-inline-end:-170px;width:500px;height:320px;background:radial-gradient(ellipse,#2457db0b,transparent 70%);pointer-events:none;z-index:-1}
.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.journal-heading>div{max-width:710px}.journal-heading h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:600;line-height:1.12;letter-spacing:-.045em;margin:0 0 18px;color:var(--platform-ink)}.journal-heading>div>p:last-child{font-size:15px;line-height:1.8;color:var(--platform-muted);max-width:550px}.journal-heading>.button{white-space:nowrap;flex-shrink:0;border-color:var(--platform-line);background:var(--platform-card);color:var(--platform-accent);font-size:12px;min-height:46px;border-radius:9px}
.journal-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.journal-card{min-width:0;background:var(--platform-card);border:1px solid var(--platform-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #17356b04;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.journal-card-link{display:grid;grid-template-columns:155px 1fr;height:100%;color:var(--platform-ink);text-decoration:none}.journal-featured{grid-row:span 2}.journal-featured .journal-card-link{display:flex;flex-direction:column}.journal-card-copy{padding:25px 25px 24px;display:flex;flex-direction:column;align-items:start;min-width:0;flex:1}.journal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;font-size:10px;line-height:1.6;color:var(--platform-muted);margin-bottom:13px}.journal-meta>span:first-child{color:var(--platform-accent);font-weight:600}.journal-card h3{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:0 0 12px;text-wrap:pretty;color:var(--platform-ink)}.journal-featured h3{font-size:27px;line-height:1.25;max-width:520px}.journal-card-copy>p{font-size:13px;line-height:1.8;color:var(--platform-muted);margin:0 0 23px}.journal-read{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.7;color:var(--platform-accent);margin-top:auto}.journal-read>.icon{width:18px;height:18px;transition:translate .25s}.journal-featured .journal-card-copy{padding:28px 30px 29px}
.journal-art{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#e2ecff,#f2f6ff 55%,#dce7fc);display:grid;place-items:center;min-height:100%;border-inline-end:1px solid var(--platform-line)}.journal-featured .journal-art{height:228px;min-height:228px;border-inline-end:0;border-bottom:1px solid var(--platform-line)}.journal-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.journal-art-grid{position:absolute;inset:0;background-image:linear-gradient(#3965b00b 1px,transparent 1px),linear-gradient(90deg,#3965b00b 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}.journal-orbit{position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #6c97e82b;transform:rotate(-25deg) scaleY(.7)}.journal-orbit:after{content:"";position:absolute;inset:26px;border:1px dashed #6c97e84d;border-radius:50%}.journal-object{position:absolute;width:82px;height:82px;border-radius:19px;background:linear-gradient(145deg,#3b75ed,#214fbe);border:1px solid #6b97ef;box-shadow:8px 10px 0 #a8c0ed,0 22px 32px #2457db1a;transform:rotate(-13deg);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.object-main{display:grid;place-items:center;color:#fff;z-index:2}.object-main .icon{width:36px;height:36px}.object-back{background:linear-gradient(145deg,#f7faff,#d2e0ff);border-color:#aec5ed;transform:translate(31px,-33px) rotate(9deg);box-shadow:7px 8px 0 #c1d2f1;opacity:.75}.journal-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid #86a6e2;box-shadow:0 0 0 6px #a4c3fc25}.dot-one{top:27%;left:18%}.dot-two{bottom:23%;right:18%;width:7px;height:7px}.journal-art-label{position:absolute;bottom:13px;inset-inline-start:15px;font-size:7px;font-family:Consolas,monospace;letter-spacing:.1em;color:#526b94}.journal-art-planning{background:linear-gradient(145deg,#e5eef5,#f6f9fc 55%,#dce6ef)}.journal-art-planning .object-main{background:linear-gradient(145deg,#436784,#263e60);border-color:#8ea6c0;box-shadow:8px 10px 0 #b0c4d7,0 22px 32px #2457db1a;transform:rotate(8deg)}.journal-art-starting{background:linear-gradient(145deg,#e0f1f1,#f1fbfa 55%,#d6e9ed)}.journal-art-starting .object-main{background:linear-gradient(145deg,#367e8c,#205763);border-color:#8bc2ca;box-shadow:8px 10px 0 #9fcad1,0 22px 32px #2457db1a}
.journal-card-link:focus-visible{outline:3px solid var(--platform-accent);outline-offset:-4px;border-radius:17px}.journal-card:focus-within{border-color:var(--platform-accent)}
@media(hover:hover){.journal-card:hover{transform:translateY(-5px);border-color:#a8bfe9;box-shadow:0 18px 40px #173b7a10}.journal-card:hover .object-main{transform:translateY(-6px) rotate(-5deg);box-shadow:10px 15px 0 #a8c0ed,0 25px 35px #2457db22}.journal-card:hover .journal-art>img{transform:scale(1.035)}.journal-card:hover .journal-read>.icon{translate:4px 0}[dir=rtl] .journal-card:hover .journal-read>.icon{translate:-4px 0}}
.journal-reveal{opacity:0;translate:0 20px;transition:opacity .65s,translate .65s,transform .3s,box-shadow .3s,border-color .3s}.journal-revealed,.journal-reveal:focus-within{opacity:1;translate:none}
.concept-v3 .journal-article-header .breadcrumbs,.concept-v3 .journal-article-header .breadcrumbs a{color:var(--platform-muted)}
.journal-reader:has(.journal-toc[hidden]){display:block;max-width:800px}
.journal-archive-hero{padding:65px 0 55px;background:var(--platform-surface);border-bottom:1px solid var(--platform-line);color:var(--platform-ink)}.journal-archive-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.1;letter-spacing:-.045em;max-width:900px;margin-bottom:24px}.journal-archive-hero .shell>p:last-child{max-width:640px;font-size:17px;line-height:1.8;color:var(--platform-muted)}.journal-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.journal-filters a{padding:12px 18px;border:1px solid var(--platform-line);border-radius:30px;color:var(--platform-muted);font-size:13px;min-height:45px;display:flex;align-items:center}.journal-filters a[aria-current]{background:#2457db;border-color:#2457db;color:#fff}.journal-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journal-archive-grid .journal-card-link{display:flex;flex-direction:column}.journal-archive-grid .journal-art{height:210px;min-height:210px;border-inline-end:0;border-bottom:1px solid var(--platform-line)}.journal-pagination{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.journal-pagination>*{padding:12px 18px;border:1px solid var(--platform-line);border-radius:6px}.journal-pagination .current{background:var(--platform-soft);color:var(--platform-accent)}
.journal-article{padding-bottom:70px}.journal-article-header{padding-top:34px;max-width:1100px}.journal-article-header .breadcrumbs{margin-bottom:40px}.journal-article-header h1{font-size:clamp(2.4rem,4.7vw,4.2rem);line-height:1.14;letter-spacing:-.045em;max-width:980px;color:var(--platform-ink);margin:0 0 25px}.journal-article-intro{font-size:19px;line-height:1.8;max-width:800px;color:var(--platform-muted);margin-bottom:25px}.journal-article-date{font-size:12px;color:var(--platform-muted);margin-bottom:34px}.journal-article-header>.journal-art{height:300px;min-height:300px;border:1px solid var(--platform-line);border-radius:20px;margin-bottom:55px}.journal-article-header>.journal-art .journal-object{width:110px;height:110px;border-radius:25px}.journal-article-header>.journal-art .object-main .icon{width:47px;height:47px}.journal-reader{display:grid;grid-template-columns:220px minmax(0,720px);gap:65px;justify-content:center;align-items:start}.journal-toc{position:sticky;top:115px;border-inline-start:1px solid var(--platform-line);padding-inline-start:21px}.journal-toc>p{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;margin-bottom:17px;color:var(--platform-ink)}.journal-toc nav{display:flex;flex-direction:column;gap:13px}.journal-toc a{font-size:12px;line-height:1.6;color:var(--platform-muted);padding-block:4px}.journal-toc a[aria-current]{color:var(--platform-accent);font-weight:600}.journal-toc progress{display:block;width:100%;height:3px;border:0;margin-top:27px;appearance:none;color:var(--platform-accent);background:var(--platform-line)}.journal-toc progress::-webkit-progress-bar{background:var(--platform-line)}.journal-toc progress::-webkit-progress-value{background:var(--platform-accent)}.journal-toc progress::-moz-progress-bar{background:var(--platform-accent)}.journal-prose{font-size:17px;line-height:1.95;color:var(--platform-muted);overflow-wrap:anywhere}.journal-prose h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.35;letter-spacing:-.025em;margin:43px 0 18px;color:var(--platform-ink);scroll-margin-top:120px}.journal-prose h2:first-child{margin-top:0}.journal-prose p{margin-bottom:24px}.journal-prose a{text-decoration:underline;text-underline-offset:4px;color:var(--platform-accent)}.journal-prose img{max-width:100%;height:auto}.journal-prose pre{max-width:100%;overflow:auto;padding:20px;background:var(--platform-surface)}.journal-article-end{display:flex;gap:25px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--platform-line);padding-top:30px;margin-top:42px}.journal-prose .journal-article-end a{text-decoration:none;font-size:13px}.journal-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}
[data-theme=dark] .concept-v3 :is(.journal-section,.journal-archive-hero){background:var(--platform-surface);border-color:var(--platform-line)}[data-theme=dark] .concept-v3 .journal-card{background:var(--platform-card);border-color:var(--platform-line)}[data-theme=dark] .concept-v3 :is(.journal-card h3,.journal-heading h2,.journal-archive-hero h1,.journal-article-header h1,.journal-prose h2){color:var(--platform-ink)}[data-theme=dark] .concept-v3 :is(.journal-card-copy>p,.journal-heading>div>p:last-child,.journal-article-intro,.journal-prose p,.journal-article-date){color:var(--platform-muted)}[data-theme=dark] .journal-meta>span:first-child,[data-theme=dark] .journal-read{color:var(--platform-accent)}[data-theme=dark] .journal-art{filter:brightness(.85)}
@media(max-width:1100px){.journal-grid{gap:18px;grid-template-columns:1fr 1fr}.journal-card-link{grid-template-columns:115px 1fr}.journal-card-copy{padding:21px}.journal-featured h3{font-size:24px}.journal-card h3{font-size:19px}.journal-card .journal-meta{font-size:9px}.journal-reader{grid-template-columns:180px minmax(0,1fr);gap:35px}.journal-related-grid .journal-card-link{grid-template-columns:105px 1fr}}
@media(max-width:800px){.journal-heading{align-items:start;flex-direction:column;gap:18px}.journal-heading>.button{min-height:44px}.journal-grid{grid-template-columns:1fr;gap:18px}.journal-featured{grid-row:auto}.journal-featured .journal-art{height:220px;min-height:220px}.journal-card-link{grid-template-columns:160px 1fr}.journal-card h3{font-size:21px}.journal-featured h3{font-size:26px}.journal-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-archive-grid .journal-art{height:180px;min-height:180px}.journal-reader{grid-template-columns:1fr;gap:30px}.journal-toc{position:static;top:auto;max-width:100%;padding:22px;border:1px solid var(--platform-line);border-radius:12px}.journal-toc progress{display:none}.journal-article-header>.journal-art{height:230px;min-height:230px;margin-bottom:35px}.journal-related-grid{grid-template-columns:1fr}.journal-related-grid .journal-card-link{grid-template-columns:155px 1fr}}
@media(max-width:480px){.journal-heading h2{font-size:2.15rem}.journal-card-link,.journal-related-grid .journal-card-link{grid-template-columns:100px 1fr}.journal-card-copy,.journal-featured .journal-card-copy{padding:21px}.journal-card h3{font-size:18px;line-height:1.4}.journal-featured h3{font-size:23px;line-height:1.3}.journal-card-copy>p{font-size:12px;line-height:1.8}.journal-meta{gap:6px 10px}.journal-read{font-size:11px;gap:7px}.journal-art .journal-object{width:61px;height:61px;border-radius:14px}.journal-art .object-back{transform:translate(20px,-27px) rotate(9deg)}.journal-art .object-main .icon{width:28px;height:28px}.journal-art-label{font-size:6px;inset-inline-start:9px;letter-spacing:0}.journal-featured .journal-art .journal-object{width:82px;height:82px;border-radius:19px}.journal-archive-grid{grid-template-columns:1fr}.journal-article-intro{font-size:17px}.journal-prose{font-size:16px}.journal-archive-hero{padding-block:45px 38px}.journal-article-header .breadcrumbs{margin-bottom:30px}.journal-filters{gap:8px}.journal-filters a{padding:10px 13px;font-size:12px}.journal-dot{display:none}}
@media(prefers-reduced-motion:reduce){.journal-reveal{opacity:1;translate:none}.journal-card,.journal-art>img,.journal-object,.journal-read>.icon,.journal-reveal{transition:none}.journal-card:hover,.journal-card:hover .object-main,.journal-card:hover .journal-art>img{transform:none}.journal-card:hover .journal-read>.icon{translate:none}}
