/* Student timeline and credential composition. The post itself remains full width. */
.achievement-artwork{display:block;margin:12px 14px;border:1px solid #d5e1f1;border-radius:20px;overflow:hidden;text-decoration:none;color:#132c52;background:#f7faff}
.achievement-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;background:linear-gradient(120deg,#132c52,#1a5b9f);color:white}.achievement-brand strong{font-size:20px}.achievement-brand span{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.08em}.achievement-brand svg{width:16px;height:16px;color:#8be0c2}
.achievement-details{padding:24px;text-align:center}.achievement-details>small{letter-spacing:.12em;font-size:10px;color:#4e647d}.achievement-details h3{font-size:clamp(20px,5vw,30px);margin:16px 0 8px}.achievement-details p{margin:0 0 16px;color:#385576}.achievement-score{display:flex;align-items:center;justify-content:center;gap:12px}.achievement-score span{background:#e0f4ea;color:#13633e;border-radius:30px;padding:5px 12px;font-size:12px}.achievement-score strong{font-size:24px}.achievement-details code{display:block;margin-top:18px;padding-top:14px;border-top:1px solid #d8e3f0;color:#45617e;font-size:12px}
.achievement-composer{max-width:38rem;margin:16px auto;padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px}.achievement-composer header{display:flex;align-items:center;justify-content:space-between;gap:12px}.achievement-composer h1{font-size:22px}.achievement-audience{display:flex;align-items:center;gap:10px;margin:16px 0}.achievement-audience small{display:block;color:var(--color-muted);font-size:12px}.achievement-composer form{display:grid;gap:14px}.achievement-composer .achievement-artwork{margin:0}.achievement-composer label{font-size:14px}
@media(max-width:639px){.page-user .app-layout,.page-post .app-layout{padding-inline:0}.public-profile>.feed-post,.post-detail>.feed-post{width:100%;border-radius:0;box-shadow:none}.achievement-composer{margin:0;border:0;border-radius:0;padding:16px}.page-home .feed-column{max-width:none}.post-header{padding-inline:14px}.post-content{padding-inline:14px}}
.page-dashboard .progress-stats{gap:12px}.page-dashboard .progress-stat{border:1px solid #e1e8f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f7faff);padding:22px}.page-dashboard .progress-stat:first-child{background:linear-gradient(135deg,#132c52,#195b93);color:#fff}.page-dashboard .progress-stat:first-child small,.page-dashboard .progress-stat:first-child>span{color:#cddfef}.page-dashboard .progress-stat:first-child strong{color:#fff}.page-dashboard .learning-panel{border-radius:24px;border:1px solid #e1e8f2;box-shadow:none}.page-dashboard .learning-heading h1{letter-spacing:-.035em}.page-dashboard .performance-row progress{height:7px;border-radius:10px}