#practice{padding:60px 0;background:var(--bg,#fff)}#practice .sectionhead{text-align:center;max-width:760px;margin:0 auto 40px}#practice .eyebrow{display:inline-block;background:#9cdf20;color:#101603;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:10px}#practice h2{font-size:32px;margin:0 0 10px;color:var(--ink-strong,#111)}#practice .sectionhead p{color:var(--ink-muted,#4b5563);font-size:15px}.carousel{position:relative;overflow:hidden;width:100%}.track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:5px 2px 18px;scrollbar-width:none}.track::-webkit-scrollbar{display:none}.p-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,22,3,.08);transition:.3s}.p-card:hover{transform:translateY(-5px);border-color:#9cdf20;box-shadow:0 14px 30px rgba(156,223,32,.18)}.p-media-link{display:block;width:100%;height:200px;overflow:hidden;background:#f5fce9}.p-media-img{width:100%;height:100%;object-fit:cover}.p-body{padding:16px;display:flex;flex-direction:column;min-height:225px}.p-title{font-size:18px;margin:0 0 8px;color:var(--ink-strong,#111);line-height:1.35;height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-desc{font-size:14px;color:var(--ink-muted,#4b5563);line-height:1.6;margin:0 0 14px;height:90px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.p-more{margin-top:auto;display:inline-block;width:max-content;padding:8px 14px;background:#9cdf20;color:#101603!important;text-decoration:none;border-radius:7px;font-size:14px;font-weight:800}.p-more:hover{background:#8dc91d;color:#101603!important}.dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.dots button{width:8px;height:8px;border:0;border-radius:999px;background:#d7f2a6;cursor:pointer}.dots button.active{width:24px;background:#9cdf20}.auto-progress{height:3px;max-width:240px;margin:10px auto 0;background:#e5e7eb;border-radius:999px;overflow:hidden}.auto-progress span{display:block;height:100%;background:#9cdf20;transform-origin:left center}html[data-theme=dark] #practice{background:#000}html[data-theme=dark] #practice .eyebrow{background:#9cdf20;color:#101603}html[data-theme=dark] #practice h2,html[data-theme=dark] .p-title{color:#fff}html[data-theme=dark] #practice .sectionhead p,html[data-theme=dark] .p-desc{color:#d1d5db}html[data-theme=dark] .p-card{background:#111;border-color:#2a2a2a;box-shadow:0 10px 26px rgba(0,0,0,.45)}html[data-theme=dark] .p-card:hover{border-color:#9cdf20;box-shadow:0 14px 30px rgba(156,223,32,.14)}html[data-theme=dark] .p-media-link{background:#101603}html[data-theme=dark] .auto-progress{background:#2a2a2a}html[data-theme=dark] .dots button{background:#2f430a}html[data-theme=dark] .dots button.active{background:#9cdf20}@media(max-width:1199px){.p-card{flex-basis:calc((100% - 40px)/3)}}@media(max-width:899px){.p-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:600px){#practice{padding:45px 0}.p-card{flex-basis:100%}.p-media-link{height:210px}.p-body{min-height:auto}}