.catalog-navigation{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:14px 0 18px}.catalog-tab{flex:1;min-width:220px;padding:15px 18px;text-align:left;border:1px solid #28455e;border-radius:14px;background:#0d1c30;color:#c5d6e8;cursor:pointer}.catalog-tab strong{display:block;font-size:18px;margin-bottom:5px}.catalog-tab small{display:block;line-height:1.45;font-size:12px}.catalog-tab[aria-selected="true"]{border-color:#69d5db;background:#163846;box-shadow:inset 0 0 0 1px #69d5db;color:#efffff}.catalog-purpose{margin:8px 0 18px;color:#b8cadd;line-height:1.55}.piece-practice{border:1px solid #3d506e;background:#111f36;border-radius:15px;padding:18px;margin:12px 0}.piece-practice h3{margin:4px 0 10px;font-size:20px}.piece-practice p{line-height:1.55}.piece-badge{font-size:12px;color:#a6e5e3}.catalog-empty{padding:32px 20px;border:1px dashed #42617b;border-radius:16px;line-height:1.6}.piece-group-title{padding:12px 8px 5px;font-size:15px}.catalog-help{font-size:12px;color:#b8cadd;line-height:1.45}.hero{display:flex;flex-wrap:wrap;align-items:flex-start}.hero>div:first-child{flex:1 1 260px;min-width:0}.hero .actions{flex:1 1 420px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:700px){.catalog-tab{min-width:0;flex-basis:100%}.hero .actions{justify-content:flex-start}}

.learning-material{margin:14px 0;padding:14px 18px;border:1px solid #38546b;border-radius:12px;line-height:1.65;background:#102337;color:#d6e5f2}.learning-material summary{cursor:pointer;font-weight:700;color:#a9e9e7}.learning-material a{color:#8de0e5}.learning-material li{margin:6px 0}.practice-fragment{padding:12px 16px;border:1px solid #467182;border-radius:12px;margin:12px 0;line-height:1.6}.practice-fragment button{margin:5px}