.dx-journal{--jh-ink:#0e3351;--jh-muted:#5e7085;background:#fff;color:var(--jh-ink)}.dx-journal a{transition:color .18s,background .18s,transform .18s}.dx-journal a:focus-visible,.dx-journal button:focus-visible,.dx-journal input:focus-visible{outline:3px solid #007c76;outline-offset:4px}.jh-hero{padding:66px 0 64px;background:radial-gradient(ellipse at 5% 5%,#e4fcfb,transparent 47%),linear-gradient(125deg,#fcfdfe,#eff6fb)}.jh-hero__grid{display:grid;grid-template-columns:1.06fr 1fr;gap:70px;align-items:center;max-width:1320px}.jh-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#007c76;margin:0 0 18px}.jh-kicker>span{width:7px;height:7px;background:#007c76;border-radius:50%}.jh-intro h1{font-size:clamp(40px,4.1vw,61px);letter-spacing:-.055em;line-height:1.08;margin:0 0 24px;color:var(--jh-ink)}.jh-intro h1 em{font-style:normal;color:#007c76}.jh-dek{max-width:500px;font-size:18px;line-height:1.8;color:var(--jh-muted);margin-bottom:30px}.jh-intro .dx-button{font-size:13px;border-radius:8px;padding:15px 20px;gap:20px}.jh-intro__bottom{display:grid;gap:6px;border-top:1px solid #dbe2e8;padding-top:21px;margin-top:34px;font-size:11px;color:#6b7785}.jh-intro__bottom span:first-child{font-weight:700;color:#365873}.jh-feature{background:#fff;border:1px solid #dce5ed;border-radius:20px;overflow:hidden;box-shadow:0 18px 60px #0e33510c}.jh-feature__image{display:block;height:230px;position:relative;overflow:hidden}.jh-feature__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.jh-feature__image>span{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:10px;letter-spacing:.12em;font-weight:800;text-shadow:0 1px 6px #000}.jh-feature__image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0e335170);pointer-events:none}.jh-feature__image>span{z-index:1}.jh-feature__image b{font-size:24px}.jh-feature__copy{padding:27px 30px 29px}.jh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#5b7087;font-size:10px;font-weight:700;margin:0 0 13px}.jh-meta>span{color:#c0c9d4}.jh-feature h2{font-size:26px;line-height:1.22;letter-spacing:-.035em;margin:0 0 13px}.jh-feature h2 a,.jh-card h3 a{color:var(--jh-ink);text-decoration:none}.jh-feature__copy>p:not(.jh-meta){font-size:13px;line-height:1.75;color:var(--jh-muted);margin:0 0 18px}.jh-text-link{font-size:12px;font-weight:750;color:#007c76;text-decoration:none;display:inline-flex;gap:20px}.jh-feature--empty{padding:45px}.jh-paths{max-width:1320px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-block:27px;border-bottom:1px solid #e0e7ed}.jh-paths>a{display:flex;gap:14px;align-items:center;padding:12px 22px;text-decoration:none;border-right:1px solid #e0e7ed;color:var(--jh-ink)}.jh-paths>a:first-child{padding-left:0}.jh-paths>a:last-child{border:0;padding-right:0}.jh-path-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#edf2f7;color:#007c76;font-size:24px}.jh-paths>a:nth-child(2) .jh-path-icon{background:#ebfdfc;color:#007c76}.jh-paths small{font-size:8px;letter-spacing:.07em;font-weight:750;color:#6a7c90}.jh-paths h2{font-size:16px;line-height:1.3;margin:4px 0}.jh-paths p{font-size:11px;line-height:1.6;color:var(--jh-muted);margin:0}.jh-paths b{margin-left:auto;color:#007c76}.jh-library{max-width:1320px;padding-block:60px 82px;scroll-margin-top:105px}.jh-library__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.jh-library__head h2{font-size:35px;letter-spacing:-.04em;margin:0;line-height:1.2}.jh-library__head .jh-kicker{margin-bottom:10px}.jh-search{width:360px;max-width:100%}.jh-search label{display:block;font-size:11px;color:#65778d;margin-bottom:8px;font-weight:650}.jh-search>div{display:flex;border:1px solid #cfdbe4;border-radius:8px;overflow:hidden;background:#fff}.jh-search input[type=search]{width:100%;min-width:0;border:0;padding:13px 12px;font:inherit;font-size:13px;background:#fff0}.jh-search button{border:0;border-left:1px solid #e1e8ee;background:#f0f5f9;color:#0e3351;font:inherit;font-size:12px;font-weight:750;padding:0 15px;cursor:pointer;white-space:nowrap}.jh-search button span{margin-left:8px}.jh-topics{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #e1e8ee}.jh-topics a{display:block;padding:9px 15px;border:1px solid #dce5ec;border-radius:7px;font-size:11px;font-weight:650;color:#536c81;text-decoration:none}.jh-topics a[aria-current]{color:#fff;background:#0e3351;border-color:#0e3351}.jh-topics a:hover:not([aria-current]){color:#0e3351;background:#edf2f7;border-color:#b3c7d8}.jh-results{display:flex;gap:15px;justify-content:space-between;align-items:center;font-size:11px;color:#697a8c;padding:18px 0 25px}.jh-results p{margin:0}.jh-results a{font-weight:700;color:#007c76}.jh-results>span{font-size:10px}.jh-library__layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:36px;align-items:start}.jh-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.jh-card{display:flex;flex-direction:column;border:1px solid #e0e7ed;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.jh-card:hover{box-shadow:0 12px 30px #0e33510e;transform:translateY(-3px)}.jh-card__image{display:block;position:relative;aspect-ratio:1.9;overflow:hidden;background:#ecf3f8}.jh-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.jh-card:hover img,.jh-feature:hover img{transform:scale(1.025)}.jh-card__image>span{position:absolute;right:14px;bottom:14px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#fff;color:#0e3351;box-shadow:0 2px 10px #0001}.jh-card__body{padding:24px;display:flex;flex-direction:column;flex:1}.jh-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}.jh-card__summary{font-size:13px;color:var(--jh-muted);line-height:1.8;margin:0 0 22px}.jh-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;border-top:1px solid #e8edf3;padding-top:16px;font-size:10px;color:#7a8796}.jh-card__footer a{color:#176d68;text-decoration:none;font-weight:750}.jh-card__footer a>span[aria-hidden]{margin-left:8px}.jh-tools{position:sticky;top:100px;display:grid;gap:22px}.jh-tools__panel{padding:25px 22px;background:#f4f7fa;border:1px solid #dfe7ed;border-radius:14px}.jh-tools .jh-kicker{font-size:8px;letter-spacing:.1em}.jh-tools h2{font-size:23px;line-height:1.22;letter-spacing:-.03em;margin:0 0 13px}.jh-tools p:not(.jh-kicker){font-size:12px;line-height:1.8;color:#657a8b;margin:0 0 17px}.jh-tools__panel>a{display:flex;align-items:start;gap:10px;padding:18px 0;border-top:1px solid #dae3ea;text-decoration:none;color:var(--jh-ink)}.jh-tools__panel>a>span{font-size:9px;color:#718999;padding-top:3px}.jh-tools strong{display:block;font-size:12px;margin-bottom:6px}.jh-tools small{display:block;font-size:11px;line-height:1.65;color:#61798b}.jh-tools b{margin-left:auto;font-weight:400;color:#007c76}.jh-tools__demo{padding:27px 23px;background:#0e3351;border-radius:14px;color:#fff}.jh-tools__demo .jh-kicker{color:#98f3ee}.jh-tools__demo h2{color:#fff}.jh-tools__demo p:not(.jh-kicker){color:#cedbe6}.jh-tools__demo>a{display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:17px;color:#fff;font-size:12px;font-weight:700;text-decoration:none}.jh-empty{padding:50px 35px;background:#f8fafc;border:1px dashed #b5c7d6;border-radius:14px}.jh-empty>span{font-size:35px;color:#007c76}.jh-empty h3{font-size:25px}.jh-empty p{font-size:15px;line-height:1.8;color:var(--jh-muted)}.jh-pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.jh-pagination>*{padding:8px 13px;border:1px solid #d7e3ed;border-radius:6px;color:var(--jh-ink);font-size:13px}.jh-pagination .current{background:#0e3351;color:#fff}@media(max-width:1050px){.jh-hero__grid{gap:35px}.jh-intro h1{font-size:46px}.jh-feature h2{font-size:23px}.jh-paths>a{padding-inline:14px}.jh-path-icon{display:none}.jh-library__layout{grid-template-columns:minmax(0,1fr) 235px;gap:23px}.jh-card__body{padding:20px}}@media(max-width:850px){.jh-hero{padding:42px 0}.jh-hero__grid{grid-template-columns:1fr;gap:30px}.jh-dek{max-width:650px}.jh-intro__bottom{margin-top:24px}.jh-feature{display:grid;grid-template-columns:.85fr 1fr}.jh-feature__image{height:100%;min-height:240px}.jh-feature__copy{padding:25px}.jh-library__layout{grid-template-columns:minmax(0,1fr)}.jh-tools{position:static;grid-template-columns:1fr 1fr;gap:22px}.jh-library__head h2{font-size:29px}.jh-search{width:310px}.jh-paths h2{font-size:14px}}@media(max-width:600px){.jh-intro h1{font-size:41px}.jh-kicker{font-size:9px}.jh-dek{font-size:16px;line-height:1.8}.jh-feature{display:block}.jh-feature__image{height:210px;min-height:0}.jh-feature h2{font-size:24px}.jh-feature__copy{padding:24px}.jh-paths{grid-template-columns:1fr;padding-block:18px}.jh-paths>a,.jh-paths>a:first-child,.jh-paths>a:last-child{padding:17px 0;border:0;border-bottom:1px solid #e1e8ee}.jh-paths>a:last-child{border:0}.jh-path-icon{display:grid}.jh-paths h2{font-size:16px}.jh-library{padding-block:38px 50px}.jh-library__head{display:block}.jh-search{width:100%;margin-top:24px}.jh-search input[type=search]{font-size:16px}.jh-topics{gap:7px}.jh-topics a{font-size:11px;padding:9px 12px}.jh-results>span{display:none}.jh-cards,.jh-tools{grid-template-columns:minmax(0,1fr)}.jh-card h3{font-size:23px}.jh-card__summary{font-size:14px}.jh-card__footer{font-size:11px}.jh-tools{margin-top:10px}.jh-tools__panel,.jh-tools__demo{padding:27px}.jh-empty{padding:28px 24px}}@media(prefers-reduced-motion:reduce){.dx-journal *{transition:none!important;scroll-behavior:auto!important}.jh-card:hover,.jh-feature:hover img,.jh-card:hover img{transform:none}}.jh-intro .jh-search{margin:22px 0 14px;max-width:100%;width:100%}.jh-intro .jh-search label{color:#0e3351}.jh-intro .jh-topics{margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}.jh-intro .jh-topics a{white-space:normal}.jh-hero__grid--browse{grid-template-columns:1fr}.jh-hero__grid--browse .jh-intro{max-width:840px}.jh-intro h1{font-size:clamp(32px,4vw,58px);line-height:1.12}.jh-intro .jh-search input{min-width:0}