.blog-article-page{background-color:#fff8e7}.blog-article-hero{border-bottom:1px solid var(--trail-line);padding:64px 0 76px}.blog-article-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:68px;display:grid}.blog-article-intro h1{letter-spacing:0;max-width:720px;margin:14px 0 22px;font-size:clamp(50px,5.2vw,76px);line-height:.98}.blog-article-back,.blog-article-meta,.blog-article-meta span,.blog-article-next-inner,.blog-article-outline li,.blog-article-principle{align-items:center;display:flex}.blog-article-back{width:fit-content;color:var(--trail-ink);font-family:var(--font-geist-sans), Arial, sans-serif;gap:8px;margin-bottom:34px;font-size:13px;font-weight:700;text-decoration:none}.blog-article-back:hover{color:var(--trail-orange-dark)}.blog-article-summary{max-width:620px;color:var(--trail-muted);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:19px;line-height:1.65}.blog-article-meta{color:var(--trail-muted);font-family:var(--font-geist-sans), Arial, sans-serif;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:12px}.blog-article-meta span{gap:7px}.blog-article-figure{margin:0}.blog-article-figure img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;border:2px solid var(--trail-ink);border-radius:7px;width:100%;height:auto;transform:rotate(.65deg);box-shadow:12px 14px #241a3d1f}.blog-article-figure figcaption{max-width:90%;color:var(--trail-muted);font-family:var(--font-geist-sans), Arial, sans-serif;margin:18px 0 0 14px;font-size:12px;line-height:1.5}.blog-article-body-band{background:#ffffff94;padding:92px 0 104px}.blog-article-layout{grid-template-columns:250px minmax(0,770px);justify-content:center;gap:82px;display:grid}.blog-article-outline{align-self:start;padding-top:6px;position:sticky;top:118px}.blog-article-outline ol{border-top:1px solid var(--trail-line);margin:18px 0 0;padding:0;list-style:none}.blog-article-outline li{border-bottom:1px solid var(--trail-line);align-items:flex-start;gap:13px;padding:14px 0}.blog-article-outline li span{color:var(--trail-orange-dark);font-family:var(--font-geist-sans), Arial, sans-serif;font-size:11px;font-weight:800}.blog-article-outline a{color:var(--trail-ink);font-family:var(--font-geist-sans), Arial, sans-serif;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none}.blog-article-outline a:hover{color:var(--trail-orange-dark)}.blog-article-lede{border-bottom:2px solid var(--trail-ink);margin:0 0 64px;padding-bottom:38px;font-size:24px;line-height:1.55}.blog-article-section{border-bottom:1px solid var(--trail-line);grid-template-columns:54px minmax(0,1fr);gap:22px;margin-bottom:52px;padding:0 0 52px;scroll-margin-top:120px;display:grid}.blog-article-section-number{color:var(--trail-orange-dark);font-family:var(--font-geist-sans), Arial, sans-serif;padding-top:6px;font-size:13px;font-weight:800}.blog-article-section h2{margin:0 0 18px;font-size:35px;line-height:1.13}.blog-article-section p{color:var(--trail-muted);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:17px;line-height:1.8}.blog-article-principle{border:2px solid var(--trail-ink);background:var(--trail-yellow);border-radius:6px;align-items:flex-start;gap:18px;padding:30px 32px;transform:rotate(-.35deg);box-shadow:7px 8px #241a3d1c}.blog-article-principle>svg{color:var(--trail-green);flex:none}.blog-article-principle p:last-child{margin:7px 0 0;font-size:20px;line-height:1.5}.blog-article-next{border-block:1px solid var(--trail-line);background:#f5d871;padding:68px 0}.blog-article-next-inner{justify-content:space-between;gap:42px}.blog-article-next h2{max-width:720px;margin:8px 0 0;font-size:42px;line-height:1.1}.blog-article-next .trail-button{flex:none}@media (max-width:980px){.blog-article-hero-grid{grid-template-columns:1fr;gap:46px}.blog-article-figure{width:min(760px,100%)}.blog-article-layout{grid-template-columns:1fr;gap:56px}.blog-article-outline{position:static}.blog-article-outline ol{-moz-column-gap:28px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}}@media (max-width:700px){.blog-article-hero{padding:42px 0 58px}.blog-article-intro h1{font-size:46px}.blog-article-summary{font-size:17px}.blog-article-body-band{padding:64px 0 72px}.blog-article-outline ol{grid-template-columns:1fr}.blog-article-lede{font-size:21px}.blog-article-section{grid-template-columns:1fr;gap:12px;margin-bottom:40px;padding-bottom:40px}.blog-article-section h2{font-size:30px}.blog-article-principle{padding:25px 23px}.blog-article-next-inner{flex-direction:column;align-items:flex-start}.blog-article-next h2{font-size:34px}}