.sec-practices{padding-block:2rem;padding:2rem 1.2rem 2.6rem}.sec-title{color:var(--text);font-weight:700;letter-spacing:.02em;margin:0 0 1rem}.sp-cards{display:grid;gap:1.1rem;margin:0;padding:0}.sp-cards.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.sp-cards.grid-2{grid-template-columns:1fr}}.sp-card{list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:.9rem;padding:1.25rem 1.35rem;color:var(--text)}.sp-card-title{margin:0;font-size:1.15rem;line-height:1.3}.sp-rule{border:0;height:1px;background:var(--border);margin:.9rem 0 1rem}.sp-card-text{margin:0;color:var(--text);font-size:1rem;line-height:1.6}.grid-techcards{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,1vw + .5rem,2rem);align-items:stretch;margin-inline:auto}@media (max-width: 980px){.grid-techcards{grid-template-columns:1fr}}.techcard{min-height:220px;display:flex;flex-direction:row;align-items:center;gap:1rem;overflow:hidden;border-radius:1rem;background:var(--bg, var(--header-bg, #0e1424));border:1px solid var(--border, rgba(255,255,255,.08));color:var(--text, #fff);transition:transform .2s ease-in-out}.techcard:hover{transform:translateY(-4px)}.techcard.side-left{flex-direction:row}.techcard.side-right{flex-direction:row-reverse}.media{flex-shrink:0}.media .cover-img,.media img{width:200px;height:300px;object-fit:cover;border-radius:20px;padding:.5rem;display:block}.content{padding:1rem;display:flex;flex-direction:column;justify-content:center}.content h3{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:var(--text, #fff)}.content p{font-size:.9rem;color:var(--text, #e7ebff);margin:0}.content p a:hover{opacity:.9}.content p a:focus-visible{outline:2px solid var(--accent, #7c5cff);outline-offset:2px}.content p a:visited{color:inherit}.stack-logos{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.6rem 0 0;list-style:none}.stack-item{display:inline-flex}.stack-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border:1px solid var(--brd, rgba(255,255,255,.12));border-radius:.6rem;background:#ffffff08;line-height:1}.stack-chip img{width:20px;height:20px;object-fit:contain;display:block;border-radius:4px}.stack-chip .name{font-size:.9rem}@media (max-width: 480px){.techcard.side-left,.techcard.side-right{flex-direction:column}.media .cover-img,.media img{width:200px;height:300px;object-fit:cover;margin-inline:auto}}
