.practice-pathway{margin:1.25rem 0 2rem;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:#fff}
.practice-pathway h2{margin:0 0 1rem;font-size:1.15rem}
.practice-pathway>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
.practice-pathway .pathway-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;padding:.85rem;border:1px solid transparent;border-radius:12px;background:#f5f7fb;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.practice-pathway .pathway-card:hover{background:#eef3fb;border-color:#c9d7e8;transform:translateY(-1px)}
.practice-pathway .pathway-card:focus-visible{outline:3px solid var(--focus,#1b73e8);outline-offset:3px}
.practice-pathway .pathway-card em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:var(--navy);font-size:1rem}
.practice-pathway b{font-size:.9rem;color:var(--navy)}
.practice-pathway span{grid-column:1;font-size:.82rem;line-height:1.45;color:#52676c}
.predict-observe-explain{margin:1rem 0;padding:1.1rem 1.2rem;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:14px;background:#fff}
.predict-observe-explain h2{margin:0 0 .8rem;font-size:1.05rem}
.predict-observe-explain ol{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.predict-observe-explain li{display:grid;grid-template-columns:5.7rem 1fr;gap:.6rem;align-items:start}
.predict-observe-explain li b{color:var(--teal)}
.predict-observe-explain li span{line-height:1.55}
@media(max-width:900px){.practice-pathway>div{grid-template-columns:1fr 1fr}.practice-pathway .pathway-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.practice-pathway>div{grid-template-columns:1fr}.practice-pathway .pathway-card:last-child{grid-column:auto}.predict-observe-explain li{grid-template-columns:1fr;gap:.15rem}}
