.hiw-cards{margin:var(--sp-0);padding:var(--sp-0);gap:var(--sp-3);grid-template-columns:minmax(0,1fr);list-style:none;display:grid}@media (min-width:48rem){.hiw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.hiw-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.hiw-card{gap:var(--sp-2);min-inline-size:0;padding:var(--sp-4);background-color:var(--surface);color:var(--text);border:var(--hair) solid var(--line);border-radius:var(--r-card);align-content:start;display:grid;position:relative}.hiw-card:hover{border-color:var(--accent)}.hiw-card-title{margin:var(--sp-0);font-size:var(--step-1);line-height:var(--lh-head)}.hiw-card-link{color:var(--text);text-decoration-line:none}.hiw-card-link:after{content:"";border-radius:var(--r-card);position:absolute;inset:0}.hiw-card-link:focus-visible{outline:none}.hiw-card-link:focus-visible:after{outline:var(--ring) solid var(--accent);outline-offset:var(--ring-offset)}.hiw-card-link:hover{text-decoration-line:underline;text-decoration-thickness:var(--hair);text-underline-offset:var(--underline-offset)}.hiw-card-line{margin:var(--sp-0);color:var(--muted);font-size:var(--step--1);line-height:var(--lh-body);overflow-wrap:break-word}.hiw-card-count{margin:var(--sp-0);font-size:var(--step--1);font-weight:var(--w-medium);color:var(--text)}.hiw-practices{margin:var(--sp-0);padding:var(--sp-0);gap:var(--sp-6);list-style:none;display:grid}.hiw-practice{gap:var(--sp-3);max-inline-size:var(--measure);min-inline-size:0;display:grid}.hiw-practice-title{margin:var(--sp-0);font-size:var(--step-2);line-height:var(--lh-head)}.hiw-practice p{margin:var(--sp-0);line-height:var(--lh-long)}.hiw-label{margin:var(--sp-0);color:var(--muted);font-size:var(--step--1);font-weight:var(--w-medium)}.hiw-examples{margin:var(--sp-0);gap:var(--sp-2);line-height:var(--lh-body);padding-inline-start:var(--sp-5);display:grid}.hiw-source{gap:var(--sp-2);border-block-start:var(--hair) solid var(--line);max-inline-size:var(--measure);margin-block-start:var(--sp-7);padding-block-start:var(--sp-5);display:grid}.hiw-source h2{margin:var(--sp-0);font-size:var(--step-1)}.hiw-source p,.hiw-source ul{margin:var(--sp-0);color:var(--muted)}.hiw-source ul{padding-inline-start:var(--sp-5)}.hiw-nav{gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;margin-block-start:var(--sp-6);display:flex}