*{box-sizing:border-box}.practice-cards-page{padding:0}.page-title{margin-bottom:18px}.page-title h1{margin:0 0 10px}.page-title p{margin:0;color:var(--color-text-muted,#64748b)}.message{margin-top:20px;padding:12px;border-radius:var(--radius-xs);display:none}.message.error{display:block;background:var(--color-danger-bg,#fee2e2);color:var(--color-danger,#991b1b)}.loading{padding:20px}#practiceShell{display:flex;flex-direction:column;gap:16px}.section-title{margin:0 0 14px;font-size:var(--fs-17);font-weight:700;color:var(--color-text,#0f172a)}.segmented-control{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.segmented-control--wrap{flex-wrap:wrap;overflow-x:visible}.segmented-control--small{gap:6px;margin:10px 0}.segmented-control .segment{flex:0 0 auto;padding:9px 16px;border-radius:var(--radius-pill);border:1px solid var(--color-border,#d7dee5);background:var(--color-neutral-bg,#f3f5f7);color:var(--color-text-muted,#5b6b7a);font-size:var(--fs-13);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.segmented-control--small .segment{padding:6px 12px;font-size:var(--fs-13)}.segmented-control .segment.is-active{background:var(--color-surface);color:var(--color-text,#0f172a);border-color:var(--color-primary,#1d3b5c);box-shadow:0 1px 3px rgba(0,0,0,.12)}.subsection-title{margin:0 0 10px;font-size:var(--fs-14,14px);font-weight:700;color:var(--color-text-muted,#475569);text-transform:uppercase;letter-spacing:0.02em}.subsection-title:not(:first-child){margin-top:20px}.practice-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.practice-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--color-border,#d7dee5);border-radius:var(--radius-md);background:var(--color-flat-card-bg,#FFFFFF)}.practice-card-top{display:flex;flex-wrap:wrap;gap:6px}.practice-card-title{font-weight:700;font-size:var(--fs-body-lg);color:var(--color-text,#0f172a)}.practice-card-meta{font-size:var(--fs-caption);color:var(--color-text-muted,#64748b)}.practice-card-start{margin-top:4px;width:100%}.practice-card-grid .empty-state{grid-column:1 / -1}