.iph-practice{min-width:0}
.iph-practice .hb-hero-in>*{min-width:0}
.iph-practice .hb-hero-copy{min-width:0}
.iph-practice .hb-hero-in{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.iph-practice .hb-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:.82rem;color:var(--ink)}
.iph-practice .hb-facts b{color:var(--green);margin-right:4px}


@media(min-width:981px){
  .iph-practice .hb-hero{padding:18px 0 16px}
  .iph-practice .hb-hero-in{display:block}
  .iph-practice .hb-hero-copy{max-width:none;margin:0;text-align:left}
  .iph-practice .hb-hero-copy .crumbs{justify-content:flex-start}
  .iph-practice .hb-hero-copy h1{margin:6px 0;font-size:clamp(1.55rem,2.2vw,2.2rem);line-height:1.12;letter-spacing:-.025em}
  .iph-practice .hb-hero-copy .lede{max-width:80ch;margin:0;font-size:.95rem;line-height:1.55}
  .iph-practice .hb-chips,.iph-practice .hb-sampler{display:none}
}

.iph-practice .hb-sampler{width:100%;max-width:650px;justify-self:end;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-md);padding:10px;min-width:0}
.iph-practice .hb-sampler-tabs{display:flex;gap:6px;overflow-x:auto;padding:1px 1px 10px;scrollbar-width:thin;scroll-snap-type:x proximity}
.iph-practice .hb-sampler-tabs button{flex:1 0 auto;min-width:78px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px;color:var(--ink);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;scroll-snap-align:start}
.iph-practice .hb-sampler-tabs button:hover,.iph-practice .hb-sampler-tabs button[aria-selected="true"]{border-color:var(--blue);background:var(--mist);color:var(--blue-deep)}
.iph-practice .hb-sampler-tabs button:focus-visible,.iph-practice .hb-cycle-options button:focus-visible{outline:3px solid rgba(69,119,190,.3);outline-offset:2px}
.iph-practice .hb-sample-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(150px,.92fr);gap:14px;align-items:center;margin:0;min-width:0}
.iph-practice .hb-sample-panel[hidden]{display:none}
.iph-practice .hb-sample-panel img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:11px;background:#fff}
.iph-practice .hb-sample-panel figcaption{min-width:0;padding:4px 4px 4px 0}
.iph-practice .hb-sample-panel figcaption>span{display:block;font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:5px}
.iph-practice .hb-sample-panel strong{display:block;color:var(--ink);font-size:1rem;line-height:1.28}
.iph-practice .hb-sample-panel p{font-size:.79rem;line-height:1.48;margin:8px 0 10px}
.iph-practice .hb-sample-panel a{display:inline-flex;align-items:center;min-height:44px;font-size:.78rem;font-weight:800}

.iph-practice .hb-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.iph-practice .hb-tile{padding:16px;min-height:100%}
.iph-practice .hb-tile-top{align-items:flex-start;display:grid;grid-template-columns:192px minmax(0,1fr);gap:12px}
.iph-practice .hb-tile-top img{width:192px;height:192px;border:1px solid var(--line)}
.iph-practice .hb-tile h3{font-size:1.03rem}
.iph-practice .hb-tile .go{display:inline-flex;align-items:center;min-height:28px}
.iph-practice .hb-drills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.iph-practice .hb-drill{display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s,transform .18s}
.iph-practice .hb-drill:hover{text-decoration:none;border-color:#bfd5e8;box-shadow:var(--shadow-md);transform:translateY(-2px)}
.iph-practice .hb-drill-art{position:relative;display:block;width:100%;aspect-ratio:1.72;overflow:hidden;margin-bottom:13px;border:1px solid #d2e0eb;border-radius:10px;background:conic-gradient(#82a9d5 25%,#f7fafc 0 50%,#82a9d5 0 75%,#f7fafc 0) 0 0/25% 50%}
.iph-practice .hb-drill-art>*{position:absolute;font-style:normal;font-weight:800}
.iph-practice .hb-drill-art-board i{left:8%;top:8%;color:#4577be}.iph-practice .hb-drill-art-board b{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#fff;color:var(--blue-deep);box-shadow:0 6px 18px rgba(47,90,153,.2)}.iph-practice .hb-drill-art-board em{right:8%;bottom:8%;color:#4577be}
.iph-practice .hb-drill-art-endgame i{left:13%;bottom:10%;font-size:2.2rem;color:#fff;text-shadow:0 0 1px #111,1px 1px #111}.iph-practice .hb-drill-art-endgame b{left:45%;top:13%;font-size:2.1rem;color:#fff;text-shadow:0 0 1px #111,1px 1px #111}.iph-practice .hb-drill-art-endgame em{right:12%;bottom:13%;font-size:2.25rem;color:#111}
.iph-practice .hb-drill-art-chase i{left:10%;bottom:11%;font-size:2.4rem;color:#142943}.iph-practice .hb-drill-art-chase b{left:35%;top:53%;width:45%;height:0;border-top:3px dashed #4577be;transform:rotate(-17deg);transform-origin:left}.iph-practice .hb-drill-art-chase em{right:12%;top:17%;font-size:1.4rem;color:#4577be}
.iph-practice .hb-drill-art-blind{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:12px;background:#4577be;background-image:none}.iph-practice .hb-drill-art-blind i{position:static;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff}.iph-practice .hb-drill-art-blind i+ i:before{content:"";position:absolute;width:17%;border-top:2px solid #82a9d5;transform:translateX(-100%)}
.iph-practice .hb-drill .k{font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-deep)}
.iph-practice .hb-drill h3{font-size:1.03rem;margin:4px 0 6px}.iph-practice .hb-drill p{font-size:.78rem;line-height:1.48;flex:1}.iph-practice .hb-drill .go{display:inline-flex;align-items:center;min-height:36px;margin-top:7px;color:var(--blue);font-size:.76rem;font-weight:800}
.iph-practice .hb-tbl{min-width:1040px;font-size:.82rem}
.iph-practice .hb-tbl th,.iph-practice .hb-tbl td{padding:13px 16px}
.iph-practice .hb-tbl th:nth-child(1){width:15%}
.iph-practice .hb-tbl th:nth-child(2){width:22%}
.iph-practice .hb-tbl th:nth-child(3){width:43%}
.iph-practice .hb-tbl th:nth-child(4){width:20%}
.iph-practice .hb-tbl td:first-child{white-space:normal}
.iph-practice .hb-tbl td:first-child a{font-size:.9rem}

.iph-practice .hb-cycle{display:grid;grid-template-columns:minmax(180px,.68fr) minmax(250px,1fr) minmax(290px,.9fr);gap:15px;align-items:start}
.iph-practice .hb-cycle-group{min-width:0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);padding:14px}
.iph-practice .hb-cycle-group legend{padding:0 5px;font-size:.75rem;font-weight:800;color:var(--ink)}
.iph-practice .hb-cycle-options{display:grid;gap:7px}
.iph-practice .hb-cycle-options button{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;text-align:left;color:var(--ink);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.iph-practice .hb-cycle-options button:hover,.iph-practice .hb-cycle-options button[aria-pressed="true"]{border-color:var(--blue);background:var(--mist);color:var(--blue-deep)}
.iph-practice .hb-cycle-result{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:0 0 14px 14px;background:#fff;box-shadow:var(--shadow-sm);padding:16px;min-width:0}
.iph-practice .hb-cycle-result>span{display:block;font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-deep)}
.iph-practice .hb-cycle-result h3{font-size:1.25rem;margin:5px 0 7px}
.iph-practice .hb-cycle-focus{font-size:.86rem;line-height:1.55}
.iph-practice .hb-cycle-result dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.iph-practice .hb-cycle-result dl>div{border:1px solid var(--line);border-radius:8px;background:var(--mist);padding:8px;min-width:0}
.iph-practice .hb-cycle-result dt{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep)}
.iph-practice .hb-cycle-result dd{font-size:.76rem;line-height:1.4;color:var(--ink);margin:2px 0 0}
.iph-practice .hb-cycle-link{width:100%;justify-content:center;min-height:46px}
.iph-practice .hb-sec:last-of-type{padding-bottom:54px}
@media(max-width:980px){
  .iph-practice .hb-hero-in{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-sampler{justify-self:center;max-width:640px}
  .iph-practice .hb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iph-practice .hb-drills{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iph-practice .hb-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iph-practice .hb-cycle-result{grid-column:1/-1}
}
@media(max-width:600px){
  .iph-practice .hb-tiles{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-drills{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-hero{padding-top:28px}
  .iph-practice .hb-sampler{padding:8px}
  .iph-practice .hb-sample-panel{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-sample-panel img{width:min(100%,340px);margin:0 auto}
  .iph-practice .hb-sample-panel figcaption{padding:5px 4px 1px}
  .iph-practice .hb-cycle{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-cycle-result{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.iph-practice .hb-drill{transition:none}.iph-practice .hb-drill:hover{transform:none}}
@media(max-width:360px){
  .iph-practice .hb-tile-top{grid-template-columns:minmax(0,1fr)}
  .iph-practice .hb-tile-top img{margin:0 auto}
}