.learning-records-page{color:var(--green,#173f35)}
.learning-record-tabs{display:flex;gap:6px;border-bottom:1px solid #d9dfd6;margin:0 0 24px;padding-bottom:8px}
.learning-record-tabs button{border:0;background:transparent;color:inherit;font-size:1rem;padding:12px 20px;border-radius:12px}
.learning-record-tabs button[aria-selected=true]{background:#173f35;color:#fff}
.learning-record-tabs button:focus-visible,.learning-record-controls input:focus-visible,.learning-record-controls select:focus-visible{outline:3px solid #9aaf87;outline-offset:3px}
.learning-records-page [hidden]{display:none!important}
.learning-record-heading h2{margin:0 0 8px}.learning-record-heading p{margin:0 0 20px}
.learning-record-controls{display:flex;gap:16px;align-items:end;margin-bottom:18px}
.learning-record-controls label{display:grid;gap:7px;font-size:.9rem}.learning-record-controls label:first-child{flex:1}
.learning-record-controls input,.learning-record-controls select{width:100%;min-height:44px;border:1px solid #d2dbcf;border-radius:10px;background:#fff;color:inherit;padding:10px 12px;font:inherit;box-sizing:border-box}
.learning-record-count{font-size:.9rem;color:#536457;margin:12px 0}
.learning-record-list{display:grid;gap:12px;margin-bottom:16px}
.learning-record-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;border:1px solid #e0e5dc;border-radius:16px;padding:20px 22px;min-width:0}
.learning-record-card>div{min-width:0}.learning-record-card h3{font-size:1rem;line-height:1.5;margin:0 0 6px;overflow-wrap:anywhere}.learning-record-card p{font-size:.88rem;color:#677367;margin:0;line-height:1.5}
.learning-record-result{display:grid;gap:9px;flex-shrink:0;text-align:right}.learning-record-result strong{font-size:1.15rem}.learning-record-result a,.learning-class-links a{font-size:.92rem;color:#225c45;text-decoration:underline;text-underline-offset:3px}
.learning-records-page .class-history-root{margin-top:30px}.learning-class-record{margin:12px 0}.learning-class-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px}
.learning-records-page button[data-learning-more],.learning-records-page button[data-learning-class-more]{min-height:44px;margin-top:4px}
@media(max-width:620px){.learning-record-tabs{gap:4px}.learning-record-tabs button{padding:12px 14px;flex:1}.learning-record-controls{align-items:stretch;flex-direction:column;gap:12px}.learning-record-card{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.learning-record-result{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;flex-wrap:wrap}.learning-class-links{flex-direction:column;gap:12px}.learning-record-card h3{font-size:1rem}.learning-record-count{line-height:1.6}}