.practice-page .header{padding-block:22px}.practice-page main{width:100%;padding:0;display:flex;flex-direction:column}.practice-title{font-size:14px;font-weight:600;letter-spacing:0;margin:0;padding:12px;border-block:1px solid #dce7e0;background:#f8faf6;color:#536c5e}.practice-workspace{display:grid;grid-template-columns:230px 230px minmax(0,1fr);flex:1;min-height:540px;color:#173d35}.practice-panel{background:#f8faf6;border-right:1px solid #dce7e0;min-width:0}.topics-panel{background:#e6eee7}.practice-panel h2{font-size:14px;margin:0}.panel-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;width:100%;padding:12px;border:0;border-bottom:1px solid #dce7e0;background:transparent;color:#173d35;text-align:left;font:inherit;font-weight:700;cursor:pointer}.panel-toggle:hover{background:#e5eee7}.panel-chevron{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #cdded3;border-radius:6px;background:#fff;color:#356249;font-size:21px;font-weight:400}.panel-body{padding:12px 10px}.chapter-buttons{display:grid;gap:4px}.chapter-button{display:flex;align-items:center;gap:8px;width:100%;padding:11px 8px;background:transparent;border:1px solid transparent;border-radius:7px;color:#355a49;text-align:left;font:inherit;font-size:13px;line-height:1.5;cursor:pointer}.chapter-button:hover{background:#e5eee7}.chapter-button[aria-current=true]{background:#d3e5d5;border-color:#b4cdbb;box-shadow:inset 3px 0 #246c4b;color:#164e35;font-weight:650}.chapter-number{min-width:14px;font-size:11px;color:#6a7f70}.chapter-symbol{display:flex;flex-shrink:0;color:#356e53}.chapter-symbol svg{width:19px;height:19px}.symbol-city,.symbol-weather{color:#4d7893}.symbol-water{color:#2e8391}.symbol-leaf,.symbol-inequality{color:#70813f}.panel-context{margin:0 9px;font-size:12px;color:#60756c;line-height:1.7}.panel-context strong{display:block;font-weight:600;margin-bottom:12px}.practice-area{background:#edf3ee;min-width:0}.practice-trail{font-size:12px;color:#536c5e;margin:0;padding:12px 28px 8px;line-height:1.5}.practice-content{padding:20px 28px 40px;max-width:1100px;margin-inline:auto}.welcome-card,.chapter-placeholder{padding:28px;background:#fff;border:1px solid #cadbce;border-radius:12px;box-shadow:0 3px 12px #173d3503}.welcome-card{border-left:4px solid #7da283}.welcome-card h2{font-size:clamp(25px,2.7vw,34px);letter-spacing:-.8px;line-height:1.3;margin:18px 0 12px}.welcome-card p,.chapter-placeholder p{font-size:15px;line-height:1.75;color:#60756c;margin:0;max-width:500px}.start-chapter{border:0;border-radius:7px;background:#246c4b;color:#fff;font:inherit;font-size:14px;font-weight:600;padding:14px 18px;margin-top:22px;text-align:left;line-height:1.5;cursor:pointer}.start-chapter:hover{background:#1b583d}#chapter-title{font-size:25px;letter-spacing:-.5px;margin:0 0 24px;line-height:1.3}.chapter-placeholder h3{font-size:19px;margin:0 0 12px}.practice-page footer{padding-top:24px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.practice-workspace.chapters-collapsed{grid-template-columns:54px 230px minmax(0,1fr)}.practice-workspace.topics-collapsed{grid-template-columns:230px 54px minmax(0,1fr)}.practice-workspace.chapters-collapsed.topics-collapsed{grid-template-columns:54px 54px minmax(0,1fr)}.is-collapsed .panel-toggle{flex-direction:column-reverse;justify-content:flex-end;gap:18px;min-height:190px;padding:14px 10px;border-bottom:0}.is-collapsed .panel-toggle>span:first-child{writing-mode:vertical-rl}.is-collapsed .panel-chevron{transform:rotate(180deg)}
@media(min-width:1500px){.practice-workspace{grid-template-columns:250px 250px minmax(0,1fr)}}
@media(max-width:1000px) and (min-width:701px){.practice-workspace{grid-template-columns:215px 190px minmax(0,1fr)}.practice-content{padding:20px}.practice-trail{padding-inline:20px}.welcome-card{padding:24px}.practice-workspace.chapters-collapsed{grid-template-columns:54px 190px minmax(0,1fr)}.practice-workspace.topics-collapsed{grid-template-columns:215px 54px minmax(0,1fr)}}
@media(max-width:700px){.practice-page .header{flex-wrap:wrap;gap:12px}.practice-page .header nav{margin-left:46px}.practice-workspace{display:block;min-height:0}.practice-panel{border-right:0;border-bottom:1px solid #dce7e0}.chapter-buttons{grid-template-columns:1fr 1fr}.panel-toggle,.is-collapsed .panel-toggle{min-height:52px;flex-direction:row;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #dce7e0}.is-collapsed .panel-toggle>span:first-child{writing-mode:horizontal-tb}.panel-chevron{transform:rotate(-90deg)}.is-collapsed .panel-chevron{transform:rotate(90deg)}.panel-body{padding:12px}.practice-content{padding:16px 18px 32px}.practice-trail{padding:14px 18px 0}.welcome-card{padding:24px}.practice-page .title-level{margin-left:4px}.practice-area{min-height:330px}}@media(max-width:380px){.chapter-buttons{grid-template-columns:1fr}}

@media(max-width:700px){.practice-title{padding-inline:18px}}

.practice-page .header .identity{transform:translateX(calc(12px - max(32px, (100vw - 1120px) / 2)))}
.panel-chevron{line-height:0}.panel-chevron svg{display:block;width:14px;height:14px}
.chapter-button{text-decoration:none}.start-chapter{display:inline-block;text-decoration:none}
.practice-page footer.container{width:100%;margin-inline:0}
.practice-page footer p{padding-inline:12px;text-align:left}
@media(max-width:700px){.practice-page footer p{padding-inline:18px}}
@media(max-width:760px){.practice-page .header .identity{transform:translateX(-8px)}}