.v21-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.v21-hero{padding:72px 0 34px}.v21-hero h1{font-size:clamp(34px,5vw,58px);margin:8px 0 12px}.v21-hero p{max-width:680px;color:#75675f;line-height:1.8}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:70px}.course-card{border:1px solid #eadfd8;border-radius:22px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.course-card img,.course-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3ebe6}.course-body{padding:20px;display:flex;flex-direction:column;flex:1}.course-body h2{margin:5px 0 8px;font-size:23px}.course-body>p{color:#766861;line-height:1.7}.course-meta{display:flex;gap:7px;flex-wrap:wrap;color:#806c61;font-size:13px}.course-meta span{padding:4px 8px;border-radius:999px;background:#f7f1ed}.course-price{margin:16px 0 6px;font-size:24px;font-weight:800}.course-price del{font-size:14px;color:#9a8c84;margin-right:7px;font-weight:400}.course-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px}.v21-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;text-decoration:none;border:1px solid var(--brand-primary,#8b6655);font-weight:700;cursor:pointer}.v21-btn.primary{background:var(--brand-primary,#8b6655);color:var(--brand-button-text,#fff)}.v21-btn.soft{background:transparent;color:var(--brand-primary,#8b6655)}.v21-panel{background:#fff;border:1px solid #eadfd8;border-radius:20px;padding:22px;margin-bottom:18px}.v21-form label{display:block;font-weight:700;font-size:14px;margin:13px 0}.v21-form input,.v21-form textarea,.v21-form select{width:100%;min-height:46px;border:1px solid #d9cbc3;border-radius:12px;padding:10px 12px;font:inherit}.v21-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v21-table{width:100%;border-collapse:collapse}.v21-table th,.v21-table td{padding:13px 10px;border-bottom:1px solid #eee4de;text-align:left}.member-course-card{border:1px solid #eadfd8;border-radius:18px;padding:20px;margin-bottom:14px;background:#fff}.member-course-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.member-course-head h3{margin:6px 0}.member-course-count{display:flex;align-items:baseline;gap:5px;margin:14px 0 10px}.member-course-count b{font-size:32px}.member-course-count span{color:#766861}.progress-track{height:10px;background:#eee6e1;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--brand-primary,#8b6655)}.v21-status{display:inline-block;padding:4px 9px;border-radius:999px;background:#f2ece8;font-size:12px;white-space:nowrap}.v21-status.status-pending{background:#fff4d7;color:#8a6415}.v21-status.status-confirmed{background:#eaf3ff;color:#2b5d95}.v21-status.status-paid{background:#eaf7ef;color:#2d7046}.v21-status.status-cancelled,.v21-status.status-refunded{background:#f6ecea;color:#8c4f45}.cart-badge{font-weight:700}.course-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:28px;padding-bottom:70px}.course-detail-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px}.notice-box{padding:14px 16px;background:#f7f1ed;border-radius:14px;color:#6d5d54}.member-nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.member-nav a{padding:8px 12px;border:1px solid #e6d9d1;border-radius:999px;text-decoration:none;color:inherit}.member-history-summary{max-width:620px;margin:14px 0}.member-history-summary>div:first-child{display:flex;align-items:baseline;gap:5px;margin-bottom:10px}.member-history-summary b{font-size:34px}.member-history-summary span,.member-history-summary p{color:#75675f}.member-history-summary p{margin:8px 0}.history-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-card h2{margin:7px 0 10px}.history-card p{line-height:1.75}.muted{color:#8a7b73}
@media(max-width:850px){.course-grid{grid-template-columns:1fr 1fr}.course-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.course-grid{grid-template-columns:1fr}.v21-two{grid-template-columns:1fr}.v21-wrap{width:min(100% - 22px,1180px)}.v21-hero{padding-top:44px}.v21-table-wrap{overflow-x:auto}.v21-table{min-width:620px}.course-actions .v21-btn{width:100%}.member-course-head{flex-direction:column}.course-card{border-radius:18px}.course-body{padding:17px}.history-card-head{align-items:flex-start}.v21-panel{padding:18px}}