.practice-page{max-width:780px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.practice-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.practice-header-icon{border-radius:var(--r);background:var(--blue-light);width:48px;height:48px;color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.practice-header h1{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.practice-header p{color:var(--text-3);margin:.15rem 0 0;font-size:.85rem}.practice-date-strip{margin-bottom:1.25rem}.practice-loading{color:var(--text-4);justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.85rem;display:flex}.practice-empty{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:3rem 1rem}.practice-empty-icon{color:var(--text-4);margin-bottom:.75rem}.practice-empty-title{color:var(--text);margin:0 0 .25rem;font-size:1rem;font-weight:600}.practice-empty-hint{color:var(--text-3);margin:0;font-size:.85rem}.practice-score-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.65rem 1rem;display:flex}.practice-score-text{color:var(--text-2);white-space:nowrap;font-size:.82rem;font-weight:700}.practice-score-track{background:var(--border-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.practice-score-fill{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.practice-navigator{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.practice-article-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:1.25rem;padding:1.25rem}.practice-article-header{border-bottom:1px solid var(--border-2);justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.875rem;display:flex}.practice-article-meta{flex:1;min-width:0}.practice-article-title{color:var(--text);margin:0 0 .4rem;font-size:.95rem;font-weight:700;line-height:1.4}.practice-article-tags{flex-wrap:wrap;gap:.3rem;display:flex}.practice-tag{background:var(--blue-light);color:var(--blue-dark);letter-spacing:.01em;border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:600;display:inline-block}.practice-read-link{color:var(--blue);white-space:nowrap;border:1px solid var(--blue);border-radius:var(--r-sm);flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.practice-read-link:hover{background:var(--blue-light)}.practice-group-score{border-top:1px solid var(--border-2);color:var(--text-3);margin-top:.875rem;padding-top:.625rem;font-size:.8rem;font-weight:600}@media (max-width:640px){.practice-page{padding:1rem 1rem 3rem}.practice-header-icon{width:40px;height:40px}.practice-header h1{font-size:1.1rem}.practice-article-group{padding:1rem}.practice-article-header{flex-direction:column;gap:.5rem}.practice-read-link{align-self:flex-start}}