.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.content-card{display:block;transition:transform .15s}.content-card:hover{transform:translateY(-3px);border-color:#90a66f}.content-card h2{font-size:22px;line-height:1.5}.content-card p{color:#65765f;font-size:14px}.reading{max-width:950px;margin:25px auto 55px}.reading h1{font-size:clamp(30px,4vw,44px);line-height:1.4}.lead{font-size:18px;color:#65765f}.article-layout{display:grid;grid-template-columns:190px 1fr;gap:40px;margin-top:35px}.toc{align-self:start;position:sticky;top:25px;display:grid;gap:14px;padding:20px;border:1px solid #d9dece;border-radius:8px;font-size:13px}.toc a:hover,.text-link:hover{text-decoration:underline}.paragraph{white-space:pre-line;font-size:16px;line-height:2;color:#3e5145}.reading section{scroll-margin-top:25px;padding-bottom:18px}.example-note{padding:20px;background:#e9eddf;border-inline-start:3px solid #90a66f;font-size:14px}.breadcrumbs{display:flex;gap:10px;font-size:13px;padding:0;border:0}.text-link{color:#47693f}.brand img{width:180px;height:auto}header nav{flex-wrap:wrap}@media(max-width:800px){.content-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:15px}.toc{position:static}.reading{margin-top:25px}}
