/* ONMATE Journal: scoped editorial layouts, illustrations and four authored palettes. */
:root:root:root:root:root:root:root body.journal-page{
 --jr-bg:#081d2c;--jr-panel:#102b3e;--jr-raised:#16364a;--jr-text:#eff7fc;--jr-muted:#a6bfcd;--jr-faint:#7896a9;--jr-line:#b1ddf526;--jr-accent:#8ae5ed;--jr-shadow:#00101f80;
 & #main{background:var(--jr-bg);color:var(--jr-text)}
 & .jr-wrap,& .jr-article-hero>.wrap,& .jr-reading>.wrap,& .bm-wide{width:min(1240px,calc(100% - 80px));max-width:none;padding:0;margin:0 auto}
 & :is(.jr-top,.jr-paths,.jr-library,.jr-article-hero,.jr-reading,.bm-lead){position:relative;isolation:isolate}
 & .jr-top{padding:119px 0 64px;background:radial-gradient(ellipse at 85% 10%,#194f7126,transparent 58%)}
 & .jr-masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--jr-line);padding-bottom:22px;margin-bottom:34px}
 & .jr-masthead>.crumbs{margin:0;font-size:11px;gap:10px;color:var(--jr-muted)}
 & .jr-masthead>.crumbs *{color:var(--jr-muted)}
 & .jr-masthead>span{font-size:9px;letter-spacing:.17em;color:var(--jr-faint)}
 & .jr-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
 & .jr-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:9px;letter-spacing:.18em;color:var(--jr-accent);font-weight:600}
 & .jr-eyebrow>i{display:block;width:20px;height:1px;background:currentColor}
 & .jr-intro h1{font-size:clamp(48px,4.9vw,70px);line-height:1.04;letter-spacing:-.05em;font-weight:550;margin:0;color:var(--jr-text)}
 & .jr-intro h1 em{color:var(--jr-accent);font-style:normal}
 & .jr-intro-note{max-width:325px;padding-bottom:5px}
 & .jr-intro-note p{font-size:13px;line-height:1.8;color:var(--jr-muted);margin:0 0 20px}
 & .jr-intro-note>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--jr-line);padding-bottom:12px;color:var(--jr-text);font-size:12px;font-weight:550;text-decoration:none}
 & .jr-intro-note>a>span{font-size:22px;color:var(--jr-accent)}
 & .jr-feature-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:30px;align-items:stretch}
 & .jr-feature{display:flex;flex-direction:column;min-width:0;border:1px solid var(--jr-line);border-radius:18px;overflow:hidden;background:var(--jr-panel);text-decoration:none;box-shadow:0 22px 50px -30px var(--jr-shadow);transition:border-color .2s,box-shadow .2s}
 & .jr-feature:hover{border-color:#8ae5ed77;box-shadow:0 25px 60px -24px var(--jr-shadow)}
 & .jr-feature-image{position:relative;display:block;height:255px;overflow:hidden;border-bottom:1px solid var(--jr-line)}
 & .jr-feature-image .jr-art-window{width:48%;left:34%;top:9%;transform:perspective(800px) rotateY(-19deg) rotateX(12deg) rotateZ(-9deg)}
 & .jr-feature-image .jr-art-back{width:46%;left:32%;top:14%}
 & .jr-feature-image .jr-art-gem{width:17%;left:13%;bottom:18%}
 & .jr-feature-image .jr-art-symbol{right:11%;bottom:16%;width:49px;height:49px}
 & .jr-feature-image .jr-art-label{left:30px;bottom:20px;font-size:8px;letter-spacing:.18em}
 & .jr-feature-tag{position:absolute;left:25px;top:22px;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:.15em;color:#d8f4f7}
 & .jr-feature-tag>i{width:5px;height:5px;background:#8ce5ec;box-shadow:0 0 9px #8ce5ec88;border-radius:50%}
 & .jr-feature-copy{display:flex;flex-direction:column;padding:25px 29px 23px;flex:1}
 & .jr-category{font-size:9px;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--jr-accent);font-weight:550}
 & .jr-feature-copy h2{font-size:29px;letter-spacing:-.035em;font-weight:550;line-height:1.22;margin:11px 0 12px;color:var(--jr-text)}
 & .jr-feature-copy>p{font-size:13px;line-height:1.8;margin:0 0 24px;color:var(--jr-muted)}
 & .jr-feature-foot{display:flex;align-items:center;gap:16px;font-size:10px;color:var(--jr-faint);padding-top:17px;margin-top:auto;border-top:1px solid var(--jr-line)}
 & .jr-feature-foot>b{margin-left:auto;font-size:11px;color:var(--jr-text);font-weight:550}
 & .jr-feature-foot>b>span{font-size:15px;margin-left:12px;color:var(--jr-accent)}
 & .jr-picks{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--jr-line)}
 & .jr-picks-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px}
 & .jr-picks-head h2{font-size:14px;letter-spacing:-.015em;font-weight:550;margin:0;color:var(--jr-text)}
 & .jr-picks-head>span{font-size:8px;letter-spacing:.12em;color:var(--jr-faint)}
 & .jr-pick{display:grid;grid-template-columns:1fr 116px;gap:22px;align-items:center;flex:1;min-width:0;text-decoration:none;padding:26px 0;border-bottom:1px solid var(--jr-line)}
 & .jr-pick-art{display:block;grid-column:2;grid-row:1;height:130px;border-radius:12px;overflow:hidden;border:1px solid var(--jr-line)}
 & .jr-pick-copy{grid-row:1;grid-column:1;min-width:0}
 & .jr-pick h3{font-size:20px;font-weight:500;letter-spacing:-.03em;line-height:1.35;color:var(--jr-text);margin:10px 0 19px}
 & .jr-pick:hover h3{color:var(--jr-accent)}
 & .jr-pick-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--jr-faint)}
 & .jr-pick-meta>b{font-size:18px;color:var(--jr-accent);font-weight:400}
 & .jr-pick-art .jr-art-window{width:140%;left:8%;top:22%;transform:perspective(400px) rotateY(-20deg) rotateZ(-12deg)}
 & .jr-pick-art .jr-art-back{display:none}
 & .jr-pick-art .jr-art-gem{width:45%;bottom:9%;left:-10%}
 & .jr-pick-art .jr-art-symbol,& .jr-pick-art .jr-art-label{display:none}
 & .jr-index-link{display:flex;align-items:center;justify-content:space-between;padding:24px 0 0;text-decoration:none;color:var(--jr-muted);font-size:11px;line-height:1.7}
 & .jr-index-link b{display:block;font-size:14px;color:var(--jr-text);font-weight:500}
 & .jr-index-link svg{width:24px;height:24px;color:var(--jr-accent)}
 /* Each illustration is a local vector diagram set in a layered perspective scene. */
 & .jr-art{display:block;position:relative;height:100%;width:100%;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 32%,color-mix(in srgb,var(--ja) 21%,transparent),transparent 64%),linear-gradient(135deg,#0b1c31,#12364b);--accent:var(--ja)}
 & .jr-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b4e2f859 .7px,transparent .8px);background-size:42px 47px;opacity:.5;mask-image:linear-gradient(#000,transparent)}
 & .jr-art-orbit{position:absolute;left:0;top:20%;width:100%;height:65%;border:1px solid #b7e3f522;border-radius:50%;transform:rotate(-28deg)}
 & .jr-art-orbit:after{content:'';position:absolute;inset:-20px 20px;border:1px dashed #b7e3f51c;border-radius:50%}
 & .jr-art-back{position:absolute;top:21%;left:17%;width:63%;aspect-ratio:1.5;border-radius:11px;border:1px solid color-mix(in srgb,var(--ja) 25%,transparent);background:linear-gradient(140deg,#cbf5ff0a,#c5edff16);transform:perspective(800px) rotateY(-18deg) rotateX(12deg) rotateZ(-12deg);box-shadow:0 20px 30px #000f1c26}
 & .jr-art-window{display:block;position:absolute;top:13%;left:22%;width:66%;border:1px solid #a8d5e888;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#234a60,#102b40);transform:perspective(800px) rotateY(-15deg) rotateX(10deg) rotateZ(-9deg);box-shadow:2px 3px 0 #607e91,4px 6px 0 #244c63,9px 20px 24px #00111f77}
 & .jr-art-chrome{height:21px;display:flex;gap:4px;align-items:center;padding:0 10px;border-bottom:1px solid #9dd5eb26;background:#c8f3ff09}
 & .jr-art-chrome>i{width:3px;height:3px;border-radius:50%;background:#97b8c6}
 & .jr-art-chrome>b{font-size:5px;letter-spacing:.12em;color:#b2cdd9;font-weight:500;margin-left:auto}
 & .jr-art .cv{display:block;width:100%;height:auto;position:static;overflow:visible}
 & .jr-art .cv-f1{fill:#0c253c55}.jr-art .cv-f2{fill:#c3ebff10}.jr-art .cv-f3{fill:#b3d6e936}
 & .jr-art .cv-s1{stroke:#b4d5e52b}.jr-art .cv-fa{fill:var(--ja)}.jr-art .cv-fa2{fill:color-mix(in srgb,var(--ja) 15%,transparent)}.jr-art .cv-sa{stroke:var(--ja)}
 & .jr-art .cv-ring{stroke:#b3d6e922}.jr-art .cv-ring-a{stroke:var(--ja)}.jr-art .cv-line{stroke:var(--ja)}.jr-art .cv-line-s{stroke:#c6dfeb80}
 & .jr-art .cv-track{stroke:#b3d6e925}.jr-art .cv-track-a{stroke:var(--ja)}.jr-art .cv-hole{fill:#17354a}.jr-art .cv-dash{stroke:#c3dce54d}
 & .jr-art .cv-ico{stroke:var(--ja)}.jr-art .cv-mark{fill:#17354a;stroke:var(--ja)}.jr-art .cv-check{stroke:#17354a}.jr-art .cv-t{fill:#c4deea}.jr-art .cv-ta{fill:var(--ja)}.jr-art .cv-tn{fill:#e7f6ff}
 & .jr-art-gem{position:absolute;left:10%;bottom:16%;width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 23%,#fff 0%,var(--ja-second) 18%,color-mix(in srgb,var(--ja-second) 45%,#244757) 48%,#0a293b 78%);box-shadow:inset -5px -6px 10px #06203c40,8px 18px 20px #000f1f66}
 & .jr-art-gem:after{content:'';position:absolute;inset:11%;border:1px solid #effaff4d;border-radius:50%;transform:rotateX(55deg) rotateZ(-35deg)}
 & .jr-art-symbol{position:absolute;right:9%;bottom:13%;width:39px;height:39px;display:grid;place-items:center;color:#163e4b;background:linear-gradient(140deg,#e8fbff,var(--ja));border:1px solid #e7fdff;border-radius:11px;transform:rotate(-8deg);box-shadow:2px 4px 0 #608a98,6px 10px 15px #00112266}
 & .jr-art-symbol svg{width:22px;height:22px}
 & .jr-art-label{position:absolute;left:18px;bottom:13px;font-size:5px;font-weight:500;letter-spacing:.11em;color:#b9d7e3}
 & .jr-paths{padding:52px 0;background:color-mix(in srgb,var(--jr-panel) 50%,var(--jr-bg));border-top:1px solid var(--jr-line);border-bottom:1px solid var(--jr-line);scroll-margin-top:82px}
 & .jr-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;margin-bottom:25px}
 & .jr-section-head h2{font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0;color:var(--jr-text)}
 & .jr-section-head h2 em{color:var(--jr-accent);font-style:normal}
 & .jr-section-head>p{font-size:12px;line-height:1.8;color:var(--jr-muted);max-width:315px;margin:0}
 & .jr-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 & .jr-path.bm-goal{display:flex;flex-direction:column;gap:0;text-align:left;min-width:0;padding:21px;border:1px solid var(--jr-line);border-radius:13px;background:var(--jr-panel)!important;box-shadow:0 3px 0 #00101d14;cursor:pointer;color:var(--jr-text);font-family:inherit;animation:none;transition:border-color .2s,transform .2s}
 & .jr-path.bm-goal:hover,& .jr-path.bm-goal[aria-pressed=true]{background:linear-gradient(130deg,color-mix(in srgb,var(--jp) 10%,var(--jr-panel)),var(--jr-panel))!important;border-color:color-mix(in srgb,var(--jp) 65%,transparent);box-shadow:0 7px 18px #00101d22;transform:translateY(-2px)}
 & .jr-path-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:19px}
 & .jr-path-top>span:last-child{font-size:11px;letter-spacing:.13em;color:var(--jr-faint)}
 & .jr-path-icon{display:grid;place-items:center;width:35px;height:35px;color:var(--jp);border:1px solid color-mix(in srgb,var(--jp) 25%,transparent);border-radius:9px;box-shadow:2px 3px 0 #000e1c1c;background:color-mix(in srgb,var(--jp) 7%,var(--jr-panel))}
 & .jr-path-icon svg{width:19px;height:19px}
 & .jr-path>b{font-size:16px;line-height:1.35;font-weight:550;letter-spacing:-.025em;color:var(--jr-text)}
 & .jr-path-hint{font-size:11px;line-height:1.7;color:var(--jr-muted);margin:10px 0 17px}
 & .jr-path-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid var(--jr-line);padding-top:14px}
 & .jr-path-foot small{font-size:10px;color:var(--jr-faint)}
 & .jr-path-foot i{font-size:17px;font-style:normal;color:var(--jp)}
 & .bm-goal-read{font-size:10px;color:var(--jr-accent);margin-top:9px}
 & .jr-library{padding:63px 0 72px;scroll-margin-top:92px}
 & .jr-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:24px;scroll-margin-top:104px}
 & .jr-library-head h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0;color:var(--jr-text)}
 & #blog-result-count{font-size:11px;color:var(--jr-muted);margin:11px 0 0}
 & .jr-search-wrap{width:365px;flex:none}
 & .bm-search{display:flex;align-items:center;gap:12px;border:1px solid var(--jr-line);border-radius:10px;background:var(--jr-panel)!important;box-shadow:none;padding:0 13px;color:var(--jr-text)}
 & .bm-search>svg{width:17px;height:17px;color:var(--jr-accent)}
 & .bm-search input{padding:14px 0;font-size:12px;line-height:1.5;color:var(--jr-text)!important}
 & .bm-search input::placeholder{color:var(--jr-faint)!important}
 & .bm-search:focus-within{border-color:var(--jr-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--jr-accent) 12%,transparent)}
 & .bm-search kbd{font-size:11px;border:1px solid var(--jr-line);padding:2px 7px;border-radius:5px;color:var(--jr-muted)}
 & .bm-search.has-value kbd{display:none}
 & #blog-x{border:0;background:transparent;color:var(--jr-text);font-size:22px;padding:4px 8px;cursor:pointer}
 & .jr-search-hints{display:flex;align-items:center;gap:10px;font-size:10px;margin:8px 0 0;color:var(--jr-faint)}
 & .jr-search-hints .bm-kw{font-family:inherit;font-size:10px;padding:3px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--jr-muted);cursor:pointer}
 & .jr-search-hints .bm-kw:hover{color:var(--jr-accent);transform:none}
 & .jr-filter-bar{display:flex;align-items:flex-start;gap:15px;padding:15px 0 22px;border-top:1px solid var(--jr-line)}
 & .jr-categories{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
 & .jr-categories button{display:flex;align-items:center;gap:7px;border:1px solid var(--jr-line);border-radius:7px;background:transparent;padding:9px 11px;font-family:inherit;font-size:10px;white-space:nowrap;color:var(--jr-muted);cursor:pointer}
 & .jr-categories button>span{font-size:9px;opacity:.6}
 & .jr-categories button[aria-pressed=true]{background:var(--jr-accent);color:#0a3542;border-color:var(--jr-accent)}
 & .jr-categories button:hover{border-color:var(--jr-accent)}
 & #blog-clear{flex:none;border:0;background:none;font:inherit;font-size:11px;color:var(--jr-accent);padding:9px 0;margin-left:auto;cursor:pointer}
 & #blog-clear>span{margin-left:7px}
 & [hidden]{display:none!important}
 & .jr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 23px}
 & .jr-card.bm-card{display:block;grid-column:auto;box-shadow:none;border:0;background:none;transform:none;opacity:1;min-width:0;transition:none}
 & .jr-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;border:1px solid var(--jr-line);border-radius:14px;background:var(--jr-panel);overflow:hidden;transition:border-color .2s,transform .2s}
 & .jr-card-link:hover{border-color:color-mix(in srgb,var(--jr-accent) 50%,transparent);transform:translateY(-3px)}
 & .jr-card-art{display:block;position:relative;aspect-ratio:1.75;overflow:hidden;border-bottom:1px solid var(--jr-line)}
 & .jr-card-body{display:flex;flex:1;flex-direction:column;padding:22px 23px}
 & .jr-card-body h3{font-size:20px;font-weight:500;line-height:1.37;letter-spacing:-.025em;color:var(--jr-text);margin:11px 0 12px}
 & .jr-card-body>p{font-size:12px;line-height:1.8;color:var(--jr-muted);margin:0 0 23px}
 & .jr-card-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:9px;color:var(--jr-faint);padding-top:14px;border-top:1px solid var(--jr-line);margin-top:auto}
 & .jr-read-arrow{margin-left:auto;font-size:20px;line-height:1;color:var(--jr-accent);font-weight:400}
 & .bm-done{display:none;align-items:center;gap:4px;font-size:9px;color:var(--jr-accent)}
 & .bm-done svg{width:12px;height:12px}
 & .is-read .bm-done{display:inline-flex}
 & .is-read .jr-read-arrow{display:none}
 & .bm-step{position:absolute;z-index:2;left:13px;top:12px;padding:5px 9px;font-size:9px;letter-spacing:.03em;line-height:1.3;border-radius:5px;border:1px solid #a8d5e844;background:#0d283ee8;color:#d5f5fa;font-style:normal}
 & .jr-empty{display:grid;justify-items:center;gap:13px;padding:60px 25px;text-align:center;background:var(--jr-panel);border:1px dashed var(--jr-line);border-radius:14px;color:var(--jr-muted)}
 & .jr-empty>svg{width:30px;height:30px;color:var(--jr-accent)}
 & .jr-empty h3{font-size:24px;margin:0;color:var(--jr-text)}
 & .jr-empty p{font-size:14px;margin:0}
 & .jr-empty button{font:inherit;font-size:13px;color:var(--jr-text);border:1px solid var(--jr-line);border-radius:8px;padding:10px 18px;background:var(--jr-raised);cursor:pointer}
 /* Article reading experience shares the magazine's typography and palettes. */
 & .jr-article-hero{padding:126px 0 52px;border-bottom:1px solid var(--jr-line);background:radial-gradient(ellipse at 90% 20%,#428cab14,transparent 60%)}
 & .ah-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;align-items:center}
 & .ah-copy .crumbs{font-size:11px;line-height:1.7;color:var(--jr-muted);margin-bottom:28px}
 & .ah-copy .crumbs *{color:var(--jr-muted)}
 & .ah-copy>.kicker{font-size:9px;letter-spacing:.15em;color:var(--jr-accent);margin-bottom:17px}
 & .ah-copy h1{font-size:clamp(33px,3.35vw,49px);line-height:1.16;letter-spacing:-.043em;font-weight:550;color:var(--jr-text);margin:0}
 & .ah-copy>.lead{font-size:15px;line-height:1.85;color:var(--jr-muted);margin-top:23px}
 & .art-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--jr-faint);margin-top:24px}
 & .art-meta>span{display:flex;align-items:center;gap:6px}
 & .art-meta svg{width:14px;height:14px;color:var(--jr-accent)}
 & .ah-cover{aspect-ratio:1.2;max-width:none;width:100%;border:1px solid var(--jr-line);border-radius:20px;box-shadow:0 26px 60px -30px var(--jr-shadow)}
 & .ah-cover .jr-art-window{width:75%;left:18%;top:23%}
 & .ah-cover .jr-art-back{width:72%;top:28%;left:12%}
 & .ah-cover .jr-art-gem{width:25%;left:9%;bottom:13%}
 & .ah-cover .jr-art-symbol{right:10%;bottom:18%;width:44px;height:44px}
 & .ah-cover .jr-art-label{left:23px;bottom:25px;font-size:7px;letter-spacing:.13em}
 & .jr-reading{padding:55px 0 65px;background:var(--jr-bg)}
 & .art-layout{grid-template-columns:240px minmax(0,720px);gap:60px;justify-content:center}
 & .toc{top:106px}
 & .toc details{border:1px solid var(--jr-line);border-radius:12px;background:var(--jr-panel)!important;box-shadow:none}
 & .toc summary{display:flex;align-items:center;justify-content:space-between;color:var(--jr-accent);font-size:10px;letter-spacing:.1em;padding:20px}
 & .toc summary:after{content:'+';font-size:18px;line-height:1;letter-spacing:0;font-weight:400}
 & .toc details[open] summary:after{content:'−'}
 & .toc nav{padding:0 10px 14px;gap:5px}
 & .toc nav a{font-size:12px;line-height:1.65;color:var(--jr-muted);padding:10px;border-radius:6px}
 & .toc nav a:before{color:var(--jr-faint)}
 & .toc nav a[aria-current=true]{background:var(--jr-raised);color:var(--jr-text);box-shadow:inset 2px 0 0 var(--jr-accent)}
 & .toc .back{font-size:11px;color:var(--jr-accent);padding-left:10px}
 & .prose section{scroll-margin-top:110px}
 & .prose section+section{margin-top:45px;padding-top:34px;border-top:1px solid var(--jr-line)}
 & .prose h2{font-size:27px;line-height:1.4;letter-spacing:-.025em;font-weight:550;color:var(--jr-text);margin:0;gap:13px}
 & .prose h2>span{font-size:11px;color:var(--jr-accent)}
 & .prose p{color:var(--jr-muted);font-size:16px;line-height:1.95;margin:18px 0 0}
 & .takeaway{margin-top:43px;padding:23px;border:1px solid var(--jr-line);border-left:3px solid var(--jr-accent);border-radius:12px;background:var(--jr-panel)!important;box-shadow:none;grid-template-columns:30px minmax(0,1fr);gap:14px}
 & .takeaway .rc-badge{width:30px;height:30px;color:var(--jr-accent);background:var(--jr-raised);border-color:var(--jr-line)}
 & .takeaway h2{font-size:18px}
 & .takeaway p{font-size:13px;margin-top:9px}
 & .svc-card{padding:27px;border:1px solid var(--jr-line);background:var(--jr-panel)!important;box-shadow:none;border-radius:12px}
 & .svc-card .kicker{font-size:9px;color:var(--jr-accent)}
 & .svc-card h2{font-size:24px}
 & .svc-card p,& .svc-card li{font-size:13px;color:var(--jr-muted)}
 & .svc-card .btn{font-size:12px;padding:12px 18px}
 & .art-next a{background:var(--jr-panel)!important;border-color:var(--jr-line);box-shadow:none;border-radius:10px;color:var(--jr-text)}
 & .art-next small{font-size:9px;color:var(--jr-accent)}
 & .art-next b{font-size:13px;font-weight:500}
 & .bm-lead{padding:62px 0 78px;border-top:1px solid var(--jr-line);background:var(--jr-panel)}
 & .bm-lead:before{display:none}
 & .bm-lead-card{gap:65px}
 & .bm-lead-copy>.kicker{color:var(--jr-accent);font-size:9px}
 & .bm-lead-copy h2{color:var(--jr-text);font-size:40px;font-weight:500;line-height:1.15;letter-spacing:-.035em}
 & .bm-lead-copy h2 em{color:var(--jr-accent)}
 & .bm-lead-copy>.lead{color:var(--jr-muted);font-size:14px;line-height:1.85}
 & :is(.jr-feature,.jr-pick,.jr-card-link,.jr-index-link,.jr-categories button,.jr-path):focus-visible{outline:2px solid var(--jr-accent);outline-offset:4px}
}
:root:root:root:root:root:root:root[data-theme=ice] body.journal-page{
 --jr-bg:#f1f6f8;--jr-panel:#fff;--jr-raised:#e7f1f5;--jr-text:#163344;--jr-muted:#536f80;--jr-faint:#617d8e;--jr-line:#2d526825;--jr-accent:#087b8e;--jr-shadow:#29465a33;
 & .jr-path-icon{color:#356176;background:color-mix(in srgb,var(--jp) 18%,#fff);border-color:color-mix(in srgb,var(--jp) 40%,#b4cbd8)}
 & .jr-path-foot i{color:#477488}
 & .jr-categories button[aria-pressed=true]{color:#f4fcff}
}
:root:root:root:root:root:root:root[data-theme=aurora] body.journal-page{--jr-bg:#121028;--jr-panel:#211d39;--jr-raised:#302b4b;--jr-text:#f3f0fc;--jr-muted:#bdb4d1;--jr-faint:#a095b8;--jr-line:#cdbdf52b;--jr-accent:#b7d8fa;--jr-shadow:#09041888}
:root:root:root:root:root:root:root[data-theme=ocean] body.journal-page{--jr-bg:#07283c;--jr-panel:#10394f;--jr-raised:#19485e;--jr-text:#f0faff;--jr-muted:#aecbd9;--jr-faint:#85afc4;--jr-line:#b1e6fa2b;--jr-accent:#8ee8ef;--jr-shadow:#00121e77}
@media(min-width:1500px){:root:root:root:root:root:root:root body.journal-page{& .jr-feature-image{height:275px}& .jr-intro h1{font-size:76px}}}
@media(max-width:1100px){:root:root:root:root:root:root:root body.journal-page{
 & .jr-wrap,& .jr-article-hero>.wrap,& .jr-reading>.wrap,& .bm-wide{width:calc(100% - 48px)}
 & .jr-feature-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}& .jr-feature-image{height:230px}& .jr-feature-copy{padding:22px}& .jr-feature-copy h2{font-size:26px}& .jr-pick{grid-template-columns:1fr 95px;gap:16px}& .jr-pick h3{font-size:18px}& .jr-pick-art{height:117px}& .jr-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .jr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .jr-card-art{aspect-ratio:1.8}& .ah-grid{gap:35px}& .art-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}& .jr-section-head h2{font-size:27px}& .jr-section-head>p{max-width:270px}& .bm-lead-card{gap:35px}
}}
@media(max-width:760px){:root:root:root:root:root:root:root body.journal-page{
 & .jr-top{padding-top:105px;padding-bottom:40px}& .jr-intro{align-items:flex-start;gap:25px}& .jr-intro h1{font-size:50px}& .jr-intro-note{max-width:235px;padding-top:27px}& .jr-intro-note p{font-size:12px}& .jr-intro-note p br{display:none}& .jr-feature-grid{grid-template-columns:minmax(0,1fr)}& .jr-feature-image{height:260px}& .jr-feature-image .jr-art-window{width:50%;left:32%;top:12%}& .jr-picks{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}& .jr-picks-head{grid-column:1/-1;padding:20px 0 0}& .jr-pick{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:20px 0}& .jr-pick-art{height:135px;flex:none}& .jr-pick-art .jr-art-window{width:65%;left:24%;top:4%}& .jr-pick-art .jr-art-gem{width:22%;left:12%;bottom:8%}& .jr-pick h3{font-size:18px;margin:9px 0 14px}& .jr-pick-copy{display:flex;flex-direction:column;flex:1}& .jr-pick-meta{margin-top:auto}& .jr-index-link{grid-column:1/-1;padding-top:18px}& .jr-section-head{display:block}& .jr-section-head>p{max-width:480px;margin-top:14px}& .jr-library-head{align-items:flex-start;flex-direction:column;gap:22px}& .jr-search-wrap{width:100%;max-width:460px}& .jr-filter-bar{flex-wrap:wrap}& .jr-categories{gap:7px}& .jr-filter-bar #blog-clear{margin-left:0;padding-top:0}& .jr-grid{gap:18px}& .jr-card-body{padding:19px}& .jr-card-body h3{font-size:18px}& .jr-card-body>p{font-size:11px}& .ah-grid{grid-template-columns:minmax(0,1fr)}& .ah-cover{max-width:550px;aspect-ratio:1.7;margin:0 auto}& .ah-cover .jr-art-window{width:60%;left:26%;top:12%}& .ah-cover .jr-art-gem{width:21%;bottom:15%}& .ah-cover .jr-art-back{width:55%;left:25%;top:18%}& .art-layout{grid-template-columns:minmax(0,1fr);gap:34px}& .toc{position:static}& .toc nav{grid-template-columns:1fr 1fr;gap:6px}& .jr-reading{padding-top:32px}& .jr-article-hero{padding-top:112px}& .ah-copy h1{font-size:40px}& .ah-copy .lead{font-size:15px}& .bm-lead-copy h2{max-width:600px;font-size:36px}
}}
@media(max-width:540px){:root:root:root:root:root:root:root body.journal-page{
 & .jr-wrap,& .jr-article-hero>.wrap,& .jr-reading>.wrap,& .bm-wide{width:calc(100% - 36px)}& .jr-masthead{margin-bottom:25px;padding-bottom:17px}& .jr-masthead>span{font-size:7px;letter-spacing:.08em}& .jr-masthead>.crumbs{font-size:10px}& .jr-intro{display:block;margin-bottom:26px}& .jr-eyebrow{font-size:8px;margin-bottom:15px}& .jr-intro h1{font-size:49px;line-height:1.06}& .jr-intro-note{max-width:none;padding:0;margin-top:21px}& .jr-intro-note p{font-size:12px;margin-bottom:14px}& .jr-intro-note>a{font-size:11px;padding-bottom:9px}& .jr-feature-image{height:210px}& .jr-feature-image .jr-art-window{width:65%;left:28%;top:17%}& .jr-feature-image .jr-art-back{width:60%;left:24%;top:24%}& .jr-feature-image .jr-art-gem{width:23%;left:11%;bottom:15%}& .jr-feature-image .jr-art-symbol{width:33px;height:33px;right:8%;bottom:18%}& .jr-feature-image .jr-art-symbol svg{width:18px;height:18px}& .jr-feature-tag{left:19px;top:17px;font-size:7px}& .jr-feature-image .jr-art-label{left:19px;bottom:13px;font-size:5px}& .jr-feature-copy{padding:22px 20px}& .jr-feature-copy h2{font-size:25px;line-height:1.26}& .jr-feature-copy>p{font-size:12px;margin-bottom:19px}& .jr-feature-foot{gap:10px;font-size:9px;flex-wrap:wrap}& .jr-feature-foot>b{font-size:10px}& .jr-feature-foot>b>span{margin-left:5px}& .jr-picks{gap:0 17px}& .jr-pick-art{height:102px;border-radius:9px}& .jr-pick h3{font-size:16px;line-height:1.4}& .jr-pick .jr-category{font-size:8px;letter-spacing:.04em}& .jr-pick-meta{font-size:9px}& .jr-pick-art .jr-art-window{width:75%;left:21%;top:12%}& .jr-index-link{font-size:10px}& .jr-index-link b{font-size:13px}& .jr-paths{padding:35px 0;scroll-margin-top:74px}& .jr-section-head h2{font-size:28px}& .jr-section-head>p{font-size:12px}& .jr-path-grid{gap:10px}& .jr-path.bm-goal{padding:16px 14px;border-radius:11px}& .jr-path-top{margin-bottom:14px}& .jr-path-icon{width:30px;height:30px}& .jr-path-icon svg{width:16px;height:16px}& .jr-path>b{font-size:14px;line-height:1.4}& .jr-path-hint{font-size:10px;margin:8px 0 13px}& .jr-path-foot small{font-size:9px}& .jr-path-foot{padding-top:11px}& .jr-library{padding:37px 0 45px}& .jr-library-head h2{font-size:31px}& .jr-grid{grid-template-columns:minmax(0,1fr);gap:20px}& .jr-card-art{aspect-ratio:1.85}& .jr-card-body{padding:22px}& .jr-card-body h3{font-size:22px;line-height:1.35}& .jr-card-body>p{font-size:12px;margin-bottom:18px}& .jr-card-foot{font-size:10px}& .jr-categories{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:var(--jr-line) transparent}& .jr-categories button{flex:none;font-size:10px;padding:9px 10px}& .jr-filter-bar{padding:9px 0 16px;gap:4px}& .jr-search-hints{gap:12px}& .jr-article-hero{padding:106px 0 32px}& .ah-copy .crumbs{font-size:10px;margin-bottom:24px}& .ah-copy h1{font-size:34px;line-height:1.2}& .ah-copy>.lead{font-size:14px;line-height:1.85}& .art-meta{gap:11px;font-size:9px}& .ah-cover{aspect-ratio:1.45;border-radius:14px}& .ah-cover .jr-art-window{width:70%;left:22%;top:18%}& .ah-cover .jr-art-label{font-size:5px;bottom:18px}& .ah-cover .jr-art-symbol{width:31px;height:31px}& .ah-cover .jr-art-symbol svg{width:18px;height:18px}& .toc nav{grid-template-columns:1fr}& .toc summary{padding:17px 18px}& .toc nav a{font-size:12px}& .prose h2{font-size:23px;line-height:1.4;gap:10px}& .prose p{font-size:15px;line-height:1.9}& .prose section+section{margin-top:33px;padding-top:28px}& .takeaway{padding:19px;grid-template-columns:minmax(0,1fr);gap:12px}& .takeaway h2{font-size:18px}& .takeaway p{font-size:12px}& .svc-card{padding:21px}& .svc-card h2{font-size:22px}& .svc-card p,& .svc-card li{font-size:12px}& .art-next{grid-template-columns:1fr}& .art-next a.is-next{text-align:left}& .bm-lead{padding:37px 0 45px}& .bm-lead-copy h2{font-size:32px}& .bm-lead-copy>.lead{font-size:13px}
}}
@media(max-width:360px){:root:root:root:root:root:root:root body.journal-page{& .jr-intro h1{font-size:43px}& .jr-feature-foot>b{flex-basis:100%;margin-top:6px}& .jr-path>b{font-size:13px}& .jr-path.bm-goal{padding:14px 12px}& .jr-card-body{padding:19px}& .jr-card-body h3{font-size:20px}& .ah-copy h1{font-size:30px}}}
@media(prefers-reduced-motion:reduce){:root:root:root:root:root:root:root body.journal-page{& .jr-card-link,& .jr-path,& .jr-feature{transition:none}& .jr-card-link:hover,& .jr-path:hover{transform:none}}}