.j-index-hero{padding:65px 0}.j-index-hero h1{font-size:clamp(45px,6vw,78px)}.j-index-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.j-card{display:block;border:1px solid #e8e1ed;border-radius:22px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}.j-card:hover{transform:translateY(-4px);box-shadow:0 15px 45px #47335815}.j-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.j-card-copy{padding:35px}.j-card h2{font-size:33px;line-height:1.13}.j-card p{font-size:15px;line-height:1.7;margin:18px 0 25px}.j-meta{font-size:12px;color:#7d6e86}.j-art{min-height:320px;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#efe9f9;color:#433151}.j-art-label{font-size:9px;letter-spacing:1.5px;display:block;color:#766380;margin-bottom:24px;font-weight:700}.j-paper{border:1px solid #dacbe4;background:#fffefa;padding:28px;border-radius:8px;max-width:300px;transform:rotate(-4deg);box-shadow:0 16px 30px #7b528b15}.j-paper>small{font-size:10px;letter-spacing:1px}.j-paper>b{display:block;font-size:31px;letter-spacing:-1.5px;line-height:1.1;margin:15px 0}.j-paper>span{font-size:11px;color:#8b7793}.j-stamp{position:absolute;bottom:35px;right:20px;padding:17px 22px;background:#d6f99c;border-radius:12px;color:#34501c;transform:rotate(5deg);font-size:16px;font-weight:700;box-shadow:0 8px 18px #50602c15}.j-stamp small{font-size:10px;font-weight:400}.j-system{background:#edf0fa}.j-layer{padding:15px 19px;background:#fff;border:1px solid #d7dce7;border-radius:8px;margin-top:7px;font-size:15px;box-shadow:0 4px 0 #d4d8e4}.j-lime{background:#d6f99c!important;border-color:#c8e49b!important;color:#354b22}.j-compare{background:#f8eee2}.j-score{background:#fffefa;border:1px solid #e6d8c4;padding:23px;border-radius:12px}.j-score>span{font-size:21px;font-weight:700;letter-spacing:-.7px}.j-score p{margin:0!important;padding:12px 0;border-bottom:1px solid #ece5da;display:flex;justify-content:space-between;font-size:14px}.j-score b{background:#d6f99c;border-radius:50%;width:23px;height:23px;text-align:center;color:#355117}.j-score small{display:block;margin-top:15px;font-size:11px;color:#8e7f6b}.j-thread{background:#f5eafa;gap:10px}.j-thread .j-art-label{margin-bottom:5px}.j-bubble{border:1px solid #e3d6eb;background:white;border-radius:10px;padding:15px 18px}.j-bubble b{font-size:12px}.j-bubble p{font-size:12px;margin:6px 0 0;line-height:1.5}.j-article-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:65px 0 45px}.j-article-hero h1{font-size:clamp(38px,4.5vw,61px)}.j-article-hero p{font-size:18px;line-height:1.7;margin:25px 0}.j-article-hero .j-art{border-radius:20px;min-height:370px}.j-takeaway{border-top:1px solid #dfd4e7;border-bottom:1px solid #dfd4e7;padding:28px 0;display:grid;grid-template-columns:220px 1fr;gap:25px}.j-takeaway>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6f5a7e;padding-top:6px}.j-takeaway p{font-size:23px;color:#40334e;font-weight:700;line-height:1.4;letter-spacing:-.7px}.j-walk{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;margin-bottom:65px;padding:30px;border:1px solid #e6deed;border-radius:18px;background:#faf8fc}.j-walk h2{font-size:29px}.j-walk>div>p{font-size:13px;margin:15px 0}.j-step-tabs{display:flex;flex-direction:column;gap:7px}.j-step-tabs button{text-align:left;border:1px solid #e1d6eb;border-radius:8px;background:#fff;padding:12px 16px;font-size:13px}.j-step-tabs button[aria-pressed=true]{background:#d6f99c;color:#314820;border-color:#bedb93}.j-walk-output{background:white;border-radius:13px;padding:28px;display:flex;align-items:center;box-shadow:0 6px 24px #5b367508}.j-walk-output p{font-size:19px;line-height:1.65;color:#53445f}.j-example-tag{display:block;font-size:10px;color:#8c7b97;margin-top:25px}.j-reading-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:65px;justify-content:center}.j-reading-layout>aside{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:15px}.j-reading-layout>aside a{font-size:12px;line-height:1.6;color:#756383}.j-prose{font-size:17px;line-height:1.85;min-width:0}.j-prose p{margin-bottom:24px;color:#514b5a}.j-prose h2{font-size:31px;margin:45px 0 20px;line-height:1.2}.j-prose a{color:#724aab;text-decoration:underline;text-underline-offset:3px}.j-prose table{display:block;overflow-x:auto;width:100%;font-size:13px;border-collapse:collapse;margin:30px 0}.j-prose th,.j-prose td{text-align:left;padding:13px;border-bottom:1px solid #e8e0ef;min-width:125px}.j-prose th{background:#f0eafa}.j-prose pre{overflow:auto;font-size:12px;padding:22px;background:#31283d;color:#e6d9ef;border-radius:12px;line-height:1.7}.j-prose .article-note{font-size:12px;background:#f7f3fb;padding:18px;border-radius:9px}.j-finish{padding:28px;background:#edf8df;border-radius:15px;margin-top:35px}.j-finish h3{font-size:27px;margin-bottom:15px}.j-finish p{font-size:15px}.j-finish a{font-size:14px}.j-related{padding:55px 0;display:grid;gap:15px}.j-related a{font-size:19px;font-weight:700;border-bottom:1px solid #e5ddec;padding-bottom:15px;color:#554064}.j-reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;background:transparent}.j-reading-progress i{display:block;background:#b4e879;height:100%;transform-origin:left;transform:scaleX(var(--read-progress,0))}
@media(max-width:850px){.j-article-hero{gap:30px}.j-reading-layout{grid-template-columns:1fr;max-width:720px}.j-reading-layout>aside{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px;border-bottom:1px solid #e4dbe9}.j-reading-layout>aside .eyebrow{grid-column:1/-1;margin-bottom:0}.j-card-copy{padding:25px}.j-card h2{font-size:29px}.j-art{padding:23px}.j-walk{gap:20px;padding:24px}}
@media(max-width:600px){.j-index-grid{display:block}.j-card,.j-card:first-child{display:block;margin-bottom:25px}.j-index-hero{padding:40px 0}.j-index-hero h1{font-size:45px}.j-index-hero p{font-size:16px}.j-art{min-height:290px}.j-card-copy{padding:25px}.j-card h2{font-size:30px}.j-article-hero{display:block;padding-top:38px}.j-article-hero h1{font-size:40px}.j-article-hero p{font-size:17px}.j-article-hero .j-art{margin-top:30px;min-height:300px}.j-takeaway{display:block}.j-takeaway>span{display:block;margin-bottom:14px}.j-takeaway p{font-size:22px}.j-walk{display:block;padding:21px;margin-top:35px;margin-bottom:40px}.j-walk-output{margin-top:20px;padding:22px}.j-walk-output p{font-size:17px}.j-prose{font-size:16px}.j-prose h2{font-size:29px}.j-reading-layout>aside{gap:12px}.j-related a{font-size:17px}.j-finish{padding:23px}}
@media(max-width:600px){.j-outcome .j-paper{padding:23px}.j-outcome .j-paper>b{font-size:28px}.j-outcome .j-stamp{position:relative;bottom:auto;right:auto;align-self:flex-end;margin-top:8px;transform:rotate(3deg);font-size:14px;padding:13px 19px}.j-outcome .j-art-label{margin-bottom:17px}}
