@import url('/global-interactions.css');
:root{--teal:#556b2f;--deep:#34431e;--gold:#c78d35;--sand:#f2f3e8;--line:#d8dcc8}
.hero{background:linear-gradient(125deg,#fbfaf6 0%,#fbfaf6 68%,#e7ead8 68%,#cad2aa 100%)}
.hero:after{background:#87965c;opacity:.16;clip-path:polygon(58% 0,100% 0,100% 100%,0 100%)}
.page-section:nth-child(even),.landing{background:#f2f3e8}.dd-strip{height:8px;background:linear-gradient(90deg,#34431e,#708047,#c78d35,#9f644e)}
.lesson{border-top-color:#556b2f}.lesson:nth-child(2){border-top-color:#c78d35}.lesson:nth-child(3){border-top-color:#9f644e}
.framework{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.framework div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);padding:20px}.framework div:nth-child(2){border-top-color:var(--gold)}.framework div:nth-child(3){border-top-color:#9f644e}.framework h3{margin:0 0 7px;font-size:21px}.framework p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:820px){.framework{grid-template-columns:1fr}}