.practice-page{--accent:#d73529}
.practice-page .practice-intro{padding-bottom:28px;margin-bottom:32px}
.practice-page main .practice-intro h1{font-size:clamp(66px,8vw,104px);margin-bottom:18px}
.practice-page main .practice-intro .page-lead{max-width:760px;font-size:26px}
.practice-nav{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:25px;font-family:RobotoCondensed,Arial,sans-serif;font-size:18px}
.practice-nav a{text-underline-offset:6px;text-decoration-color:#abaca4;padding:8px 0}
.practice-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);background:#132522;color:#faf9f3;scroll-margin-top:24px}
.experiment-copy{padding:40px 42px 44px}
.practice-feature .eyebrow{color:#d6eda7;margin-bottom:12px}
.work-status{display:inline-block;padding:5px 9px;border:1px solid #697c69;color:#edf6d9;font-family:RobotoCondensed,Arial,sans-serif;font-size:13px;letter-spacing:.4px;margin-bottom:23px}
.practice-page main .practice-feature h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(35px,3.5vw,48px);line-height:1.18;text-transform:uppercase;margin:0 0 24px}
.practice-feature p{font-size:17px;line-height:1.75;max-width:60ch}
.experiment-lesson{border-left:3px solid #c6ef83;padding-left:19px;margin:27px 0}
.experiment-lesson>span{font-family:RobotoCondensed,Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.8px;color:#d6eda7}
.practice-page main .experiment-lesson p{font-family:RobotoCondensed,Arial,sans-serif;font-size:23px;line-height:1.45;margin:8px 0 0}
.experiment-links{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;font-family:RobotoCondensed,Arial,sans-serif}
.experiment-links .text-link{border-color:#c6ef83;font-size:20px}.experiment-links>a:not(.text-link){font-size:17px;text-underline-offset:5px}
.experiment-art{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#eeeada;color:#28332b;padding:32px 18px;overflow:hidden}
.experiment-art img{width:100%;max-width:300px;height:auto;mix-blend-mode:multiply;clip-path:polygon(37% 6%,68% 9%,70% 13%,80% 15%,82% 24%,91% 24%,88% 35%,91% 51%,94% 86%,55% 93%,54% 89%,20% 82%,10% 80%,11% 71%,7% 71%,10% 44%,9% 39%,10% 13%,34% 14%)}
.art-label{font-family:RobotoCondensed,Arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase}.art-caption{font-family:RobotoCondensed,Arial,sans-serif;font-size:20px}
.practice-tips,.practice-kit{margin-top:64px;scroll-margin-top:24px}
.practice-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px}
.practice-section-heading .eyebrow{margin-bottom:12px}.practice-page main .practice-section-heading h2{font-family:RobotoCondensed,Arial,sans-serif;font-size:43px;line-height:1.15;margin:0}
.practice-section-heading>p{font-size:15px;line-height:1.5;max-width:240px;color:#555e58;margin:0}
.tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.practice-tip{border-top:2px solid #767c6e;padding:27px 27px 0 0;min-width:0}.practice-tip+.practice-tip{border-left:1px solid var(--line);padding-left:27px}.practice-tip:last-child{padding-right:0}
.tip-number{font-family:Anton,Impact,sans-serif;font-size:52px;line-height:1;color:#dc3c2e}.practice-tip:nth-child(2) .tip-number{color:#32584b}.practice-tip:nth-child(3) .tip-number{color:#536625}
.practice-page main .tip-topic{font-family:RobotoCondensed,Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#686c62;margin:18px 0 10px}
.practice-page main .practice-tip h3{font-family:RobotoCondensed,Arial,sans-serif;font-size:29px;line-height:1.15;margin:0 0 17px}
.practice-tip>p:not(.tip-topic),.practice-tip details{font-size:16px;line-height:1.7}.practice-tip details{border-bottom:0;padding:9px 0 0}.practice-tip summary{font-family:RobotoCondensed,Arial,sans-serif;font-size:17px;color:#3f5544;min-height:44px;padding:10px 0;font-weight:600}.practice-tip details p{padding-top:0;margin:10px 0}.practice-tip pre{font-size:12px;background:#eeeadd;padding:14px;line-height:1.9}.practice-tip .copy-button{font-size:15px}.practice-tip ul{padding-left:20px;margin-top:10px}
.kit-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.kit-row:last-child{border-bottom:1px solid var(--line)}
.kit-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;background:#eeeadd}.kit-icon img{width:52px;height:52px}.terminal-icon{font-family:monospace;font-size:38px;background:#182724;color:#d2efaa}
.practice-page main .kit-row h3{font-family:RobotoCondensed,Arial,sans-serif;font-size:29px;margin:0 0 7px}.practice-page main .kit-row p{font-size:16px;line-height:1.7;margin:0;max-width:68ch}.kit-row .text-link{font-family:RobotoCondensed,Arial,sans-serif;font-size:18px}
.practice-small-tool{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:50px;padding:26px 28px;background:#eeeedf}.practice-small-tool .eyebrow{font-size:11px;margin:0 0 10px;color:#526553}.practice-page main .practice-small-tool h2{font-family:RobotoCondensed,Arial,sans-serif;font-size:26px;margin:0 0 7px}.practice-page main .practice-small-tool p:last-child{font-size:15px;margin:0}.practice-small-tool .text-link{font-family:RobotoCondensed,Arial,sans-serif;font-size:18px;white-space:nowrap;border-color:#667d3c}
@media(max-width:900px){.practice-feature{grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr)}.experiment-copy{padding:30px}.practice-page main .practice-feature h2{font-size:36px}.experiment-art{padding:25px 12px}.art-label{font-size:11px;letter-spacing:1px}.art-caption{font-size:17px}.practice-tip{padding-right:20px}.practice-tip+.practice-tip{padding-left:20px}.practice-page main .practice-tip h3{font-size:25px}.kit-row{grid-template-columns:64px minmax(0,1fr);gap:20px}.kit-icon{width:64px;height:64px}.kit-row .text-link{grid-column:2;justify-self:start}}
@media(max-width:650px){.practice-page main .practice-intro h1{font-size:68px}.practice-page main .practice-intro .page-lead{font-size:21px}.practice-nav{font-size:16px;gap:8px 20px}.practice-feature{grid-template-columns:1fr}.experiment-copy{padding:28px 23px}.practice-page main .practice-feature h2{font-size:35px}.practice-feature p{font-size:16px}.practice-page main .experiment-lesson p{font-size:21px}.experiment-art{display:none}.practice-tips,.practice-kit{margin-top:43px}.practice-section-heading{display:block;margin-bottom:24px}.practice-page main .practice-section-heading h2{font-size:34px}.practice-section-heading>p{margin:14px 0 0;max-width:none}.tip-grid{display:block}.practice-tip,.practice-tip+.practice-tip{border-left:0;padding:23px 0 22px}.tip-number{float:left;font-size:41px;margin-right:18px}.practice-page main .tip-topic{padding-top:3px;margin:0 0 9px}.practice-page main .practice-tip h3{font-size:27px;margin:0 0 18px;min-height:45px}.practice-tip>p:not(.tip-topic){clear:both}.kit-row{grid-template-columns:50px minmax(0,1fr);gap:15px}.kit-icon{width:50px;height:50px;align-self:start}.kit-icon img{width:36px;height:36px}.terminal-icon{font-size:28px}.practice-page main .kit-row h3{font-size:27px}.practice-small-tool{display:block;margin-top:35px;padding:24px}.practice-small-tool .text-link{margin-top:18px}}

.practice-workflow{max-width:80ch;border-left:3px solid var(--accent);padding-left:28px}
.practice-page main .practice-workflow p{font-size:18px;line-height:1.75;margin:0 0 22px}.practice-page main .practice-workflow p:last-child{margin-bottom:0}
.workflow-guides{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px}.workflow-guides .text-link{font-family:RobotoCondensed,Arial,sans-serif;font-size:19px;min-height:44px;align-items:center}.workflow-guides .text-link:last-child{border-color:#667d3c}
@media(max-width:650px){.practice-workflow{padding-left:18px}.practice-page main .practice-workflow p{font-size:17px;line-height:1.7;margin-bottom:20px}.workflow-guides{gap:12px 24px}}