.blog-shell{max-width:1120px;margin:auto;padding:64px clamp(22px,5vw,64px) 90px}.blog-shell h1{font-size:clamp(44px,7vw,76px);line-height:1.05}.blog-intro{max-width:700px;font-size:21px;color:#41515c}.blog-post{margin-top:48px;padding:32px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px}.blog-post h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin-bottom:18px}.blog-post h2 a{text-decoration:none}.blog-post h2 a:hover{text-decoration:underline}.blog-meta{font-size:14px;color:#41515c}.blog-category{color:#087c82;font-weight:700}.blog-post p{max-width:690px}.blog-shell a:focus-visible{outline:3px solid var(--future);outline-offset:5px}.blog-note{margin-top:40px;font-size:16px}.worked-example a{color:#087c82}.worked-example th{color:white}.worked-example p,.worked-example li{font-size:18px}.worked-example table{font-size:16px}.blog-back{display:inline-block;margin-bottom:26px;color:#087c82}@media(max-width:700px){.blog-post{grid-template-columns:1fr;gap:10px}.blog-shell{padding-top:40px}}@media(min-width:901px) and (max-width:1200px){.site-header{gap:16px;padding-inline:22px}nav{gap:16px}}
.journal{max-width:1240px;margin:auto;padding:64px 40px 80px}.journal-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:48px;padding-bottom:42px}.journal-kicker{font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#087c82;margin:0 0 24px}.journal h1{font-size:clamp(45px,5.3vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0}.journal h1 em{color:#087c82}.journal-deck{font-size:19px;line-height:1.7;color:#51616d;margin:0 0 3px;max-width:370px}.journal-rule{display:flex;justify-content:space-between;border-top:1px solid #a7b4bd;padding:18px 0 26px;font-size:14px;color:#52616b}.feature-story{background:#071b2b;color:#fff;padding:36px 44px 46px;border-top:4px solid #079fa6}.feature-label{display:flex;justify-content:space-between;color:#b4d8de;font-size:14px;letter-spacing:.06em;margin-bottom:36px}.feature-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:72px}.feature-story h2{font-size:clamp(34px,4.1vw,55px);line-height:1.08;letter-spacing:-.03em;margin:0 0 22px}.feature-story h2 a{text-decoration:none}.feature-story h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.feature-description{color:#d1dce4;font-size:18px;line-height:1.7;max-width:520px;margin-bottom:30px}.feature-button{display:inline-block;background:#fff;color:#071b2b;padding:13px 21px;font-size:16px;font-weight:700;text-decoration:none}.feature-button:hover{background:#c6e9ed}.feature-summary{border-left:1px solid #395061;padding-left:30px}.summary-heading{margin:0 0 16px;color:#b4d8de;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.feature-summary>div{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid #294252;padding:12px 0}.feature-summary>div span{color:#75c7d0;font-size:14px}.feature-summary>div p{font-size:16px;margin:0}.example-note{font-size:14px;color:#b4c4d0;line-height:1.7;margin-top:20px}.editor-note{display:grid;grid-template-columns:1fr 2fr;gap:36px;padding:44px 0 0}.editor-note h2{font-size:32px;margin-bottom:16px}.editor-note p{max-width:660px;color:#51616d}.editor-note a{color:#087c82;font-size:16px;text-underline-offset:4px}.journal a:focus-visible{outline:3px solid #079fa6;outline-offset:5px}@media(max-width:760px){.journal{padding:36px 22px 48px}.journal-heading,.feature-grid,.editor-note{grid-template-columns:1fr;gap:26px}.journal-heading{padding-bottom:28px}.journal h1{font-size:46px}.journal-rule{gap:20px}.feature-story{padding:25px 24px 30px}.feature-label{font-size:14px;gap:20px;margin-bottom:26px}.feature-summary{border-left:0;border-top:1px solid #395061;padding:24px 0 0}.feature-story h2{font-size:38px}.editor-note .journal-kicker{margin-bottom:0}}