.journal{color:#18231e;max-width:1312px;margin:0 auto;padding:70px 40px 100px}.journal h1,.journal h2,.journal h3{font-family:var(--font-funnel),sans-serif;text-wrap:balance;letter-spacing:-.025em;font-weight:500}.journal-header{max-width:800px;margin-bottom:64px}.journal-header h1{margin:0 0 24px;font-size:clamp(40px,5vw,66px);line-height:1.05}.journal-header>p{color:#56635e;max-width:55ch;font-size:19px;line-height:1.6}.journal a{color:inherit;text-underline-offset:5px}.journal a:focus-visible{outline-offset:5px;outline:3px solid #206347}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;display:grid}.journal-grid article>a{text-decoration:none;display:block}.journal-grid img{width:100%;height:auto;display:block}.journal-grid h2{margin:12px 0;font-size:30px;line-height:1.15}.journal-grid p{color:#56635e;line-height:1.65}.journal-meta{color:#56635e;margin-top:20px;line-height:1.6;font-size:13px!important}.journal-read{margin-top:8px;text-decoration:underline;display:inline-block}.article-header{max-width:900px;margin:0 auto 40px}.article-header h1{margin:32px 0 24px;font-size:clamp(38px,4.5vw,62px);line-height:1.08}.article-intro{font-size:21px;line-height:1.65}.article-banner{object-fit:cover;width:100%;height:auto;max-height:580px;margin-bottom:60px;display:block}.article-layout{grid-template-columns:230px minmax(0,730px);justify-content:center;gap:65px;display:grid}.article-toc{align-self:start;gap:14px;font-size:14px;line-height:1.5;display:grid;position:sticky;top:100px}.article-toc a{color:#56635e}.article-body{min-width:0;font-size:17px;line-height:1.85}.article-body h2{margin:0 0 20px;font-size:32px;line-height:1.2}.article-body h3{margin:28px 0 12px;font-size:23px;line-height:1.3}.article-body section{margin-bottom:48px;scroll-margin-top:100px}.article-body p{margin:0 0 22px}.article-body figure{margin:30px 0}.article-body figure img{width:100%;height:auto;display:block}.article-body figcaption{color:#56635e;margin-top:12px;font-size:13px;line-height:1.6}.article-body li{margin-bottom:12px}.article-check,.article-next{background:#eef4f0;padding:28px}.article-next{margin:45px 0}.article-next a{font-weight:600}.journal ::selection{background:#d0e6d8}@media (max-width:900px){.article-layout{display:block}.article-toc{background:#f5f7f4;margin-bottom:40px;padding:24px;position:static}.journal{padding:45px 24px 70px}.journal-grid h2{font-size:26px}}@media (max-width:600px){.journal-grid{grid-template-columns:1fr;gap:40px}.journal{padding-left:20px;padding-right:20px}.article-intro{font-size:19px}.article-body{font-size:17px}.article-body h2{font-size:29px}.article-banner{margin-bottom:32px}.journal-header{margin-bottom:36px}.article-check,.article-next{padding:22px}}.article-back,.journal-read,.article-next>a{align-items:center;gap:8px;display:inline-flex}.article-back{font-size:15px;text-decoration:none}.article-back svg,.journal-read svg,.article-next svg{flex:none}.article-back:hover{text-decoration:underline}.guide-start{background:#f0f5f1;padding:28px 30px}.guide-start ul{gap:12px;margin:0 0 22px;padding:0;list-style:none;display:grid}.guide-start li{align-items:flex-start;gap:10px;margin:0;display:flex}.guide-start li svg,.guide-result>svg{color:#206347;flex:none;margin-top:7px}.guide-example-note{color:#56635e;font-size:14px;line-height:1.75;margin-bottom:0!important}.guide-steps{margin:34px 0 0;padding:0;list-style:none}.guide-steps>li{margin:0 0 64px;padding:0;scroll-margin-top:100px}.guide-steps h3{margin:0 0 18px;font-size:27px;line-height:1.25}.guide-step-number{color:#68736d;font-variant-numeric:tabular-nums}.guide-shot>a{text-decoration:none;display:block}.guide-shot img{background:#f1f3ef;border-radius:6px;max-width:100%}.guide-shot-panel{max-width:440px;margin-left:auto!important;margin-right:auto!important}.guide-enlarge{color:#43584a;justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;font-size:13px;line-height:1.5;display:flex}.guide-result{border-top:1px solid #dce4df;gap:10px;padding:16px 0;font-size:15px;line-height:1.7;display:flex}.guide-context{border-top:1px solid #dce4df;padding-top:28px}.guide-walkthrough+.guide-walkthrough{border-top:1px solid #dce4df;padding-top:30px}@media (max-width:600px){.guide-start{padding:22px}.guide-steps h3{font-size:24px}.guide-steps>li{margin-bottom:44px}.guide-shot-panel{max-width:100%}}
