body.practice.tp .hero-grid{grid-template-areas:"text figs""take act";row-gap:40px}body.practice.tp .hero .takeout{grid-area:take;align-self:start;margin-top:0}body.practice.tp .hero-act{grid-area:act;align-self:start;margin:0;padding-left:48px}body.practice.tp .hero{padding-block:48px 56px}body.practice.tp .stack-sec{padding-block:24px 96px}body.practice.tp .areas-lead{color:var(--muted);max-width:640px;margin-top:20px;font-size:18px}body.practice.tp .area-grid{margin-top:40px}body.practice.tp .area{grid-row:span 6}body.practice.tp .plogo{background:var(--n-900);width:36px;height:36px;-webkit-mask:var(--m) no-repeat left center/contain;mask:var(--m) no-repeat left center/contain;margin-bottom:6px;display:block}body.practice.tp .plogo.wide{width:120px}body.practice.tp .area .tag{font:700 13.5px/1.3 var(--sans);color:var(--muted)}body.practice.tp .area .eng{color:var(--muted);flex-direction:column;gap:10px;padding-top:10px;font-size:15px;line-height:1.5;display:flex}body.practice.tp .area .eng b{color:var(--ink)}body.practice.tp .card-link{min-height:40px;font:700 14px/1.3 var(--sans);color:var(--ink);place-self:end start;align-items:center;text-decoration:none;display:inline-flex}body.practice.tp .card-link:after{content:"";position:absolute;inset:0}body.practice.tp .area{cursor:pointer}body.practice.tp .area:hover .card-link,body.practice.tp .area .card-link:focus-visible{text-decoration:underline;text-decoration-color:var(--g-400);text-underline-offset:6px;text-decoration-thickness:3px}body.practice.tp .area .card-link:focus-visible,body.practice.tp .also .card-link:focus-visible{outline:0}body.practice.tp .area:has(.card-link:focus-visible),body.practice.tp .also:has(.card-link:focus-visible){outline:2px solid var(--n-900);outline-offset:6px}body.practice.tp .bw{position:relative}body.practice.tp .bw .area-grid{z-index:1;position:relative}body.practice.tp .also{z-index:1;background:var(--g-200);cursor:pointer;grid-template-rows:auto 1fr;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px 40px;margin:72px -24px 0 0;padding:28px 24px 28px 0;display:grid;position:relative}body.practice.tp .also:before{content:"";background:inherit;pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;right:100%}body.practice.tp .also-id{flex-direction:column;grid-area:1/1/span 2;align-self:center;gap:12px;display:flex}body.practice.tp .also .also-head{flex-direction:row;grid-column:auto;align-self:auto;align-items:center;gap:19px;display:flex}body.practice.tp .also-head .plogo{flex:none;width:40px;height:40px;margin:0}body.practice.tp .also h3{font:700 18px/1.3 var(--sans);letter-spacing:-.01em;color:var(--n-900)}body.practice.tp .also .tag{font:700 13.5px/1.3 var(--sans);color:var(--muted)}body.practice.tp .also .body-p{color:var(--muted);grid-area:1/2/span 2/4;max-width:none;font-size:15px}body.practice.tp .also .side{flex-direction:column;grid-area:1/4/span 2;gap:6px;display:flex}body.practice.tp .also .win{color:var(--muted);font-size:15px;font-weight:400;line-height:1.5}body.practice.tp .also .win b{color:var(--n-900);margin-bottom:2px;font-weight:700;display:block}body.practice.tp .also .card-link{color:var(--n-900);align-self:flex-start}body.practice.tp .also:hover .card-link,body.practice.tp .also .card-link:focus-visible{text-decoration:underline;text-decoration-color:var(--n-900);text-underline-offset:6px;text-decoration-thickness:2px}body.practice.tp .px i{transition:background-color .2s}body.practice.tp .ba.sec{padding-block:72px}body.practice.tp .why{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px 112px;display:grid}body.practice.tp .why-head{flex-direction:column;grid-column:1/-1;min-width:0;display:flex}body.practice.tp .why-body{display:contents}@media (width<=1024px){body.practice.tp .also{grid-template-rows:auto auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}body.practice.tp .also .body-p{grid-area:1/2/span 3}body.practice.tp .also-id{grid-row:1/span 2}body.practice.tp .also .side{grid-area:3/1}}@media (width<=760px){body.practice.tp .hero{padding-block:20px 40px}body.practice.tp .hero-grid{grid-template-areas:"text""act""figs""take";row-gap:40px}body.practice.tp .hero-act{align-self:start;margin-top:-16px;padding-left:0}body.practice.tp .also{grid-template-rows:none;grid-template-columns:1fr;margin-right:0;padding:24px 20px 24px 0}body.practice.tp .also-id,body.practice.tp .also .body-p,body.practice.tp .also .side{grid-area:auto/1}body.practice.tp .also-id{align-self:start}body.practice.tp .why{grid-template-columns:1fr;row-gap:16px}body.practice.tp .stack-sec{padding-bottom:64px}}