/* Scoped progressive navigation; no changes to existing sidebar or portal screens. */
.px-practice-nav{display:grid;gap:18px;max-width:1000px;margin-inline:auto}
.px-practice-heading{text-align:center;padding:24px;border:1px solid #c6a667;border-radius:20px;background:#14120e;color:#fff}
.px-practice-heading h2{font-size:var(--ob-text-title);margin:0}
.px-practice-heading p{margin:12px 0 0;color:#d6d9dc}
.px-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.px-practice-tile{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;border:1px solid #c6a667;border-radius:20px;background:#111;color:#fff;cursor:pointer;font:inherit}
.px-practice-tile strong{font-size:var(--ob-text-page)}
.px-practice-tile span{font-size:var(--ob-text-md);color:#d6d9dc}
.px-practice-tile:hover,.px-practice-tile:focus-visible{outline:3px solid #c6a667;outline-offset:2px}
.px-practice-crumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.px-practice-back{min-height:44px;padding:8px 16px;border:1px solid #c6a667;border-radius:10px;background:transparent;color:inherit;cursor:pointer}
@media(max-width:600px){.px-practice-grid{grid-template-columns:1fr}.px-practice-tile{min-height:112px}}
