.cl-learning-page{padding-block:52px 80px}
.cl-learning-page>.v-lead{max-width:780px}
.cl-learning-index{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 44px}
.cl-learning-index a{padding:9px 13px;border:1px solid var(--v-line);border-radius:100px;text-decoration:none;font-size:14px;font-weight:700}
.cl-learning-index a:hover{border-color:var(--v-blue);color:var(--v-blue)}
.cl-learning-group{padding:30px 0;border-top:1px solid var(--v-line)}
.cl-learning-group h2{margin-bottom:24px}
.cl-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cl-learning-card{padding:23px;border:1px solid var(--v-line);background:var(--v-paper);border-radius:14px;scroll-margin-top:30px}
.cl-learning-card h3{font:400 27px/1.15 CLJournal,Georgia,serif;margin:0 0 12px}
.cl-learning-card p{color:var(--v-muted);font-size:15px;line-height:1.55;margin:0 0 12px}
.cl-learning-card p:first-of-type{color:var(--v-ink);font-size:16px}
.cl-learning-card p strong{color:var(--v-ink)}
.cl-learning-card a{font-weight:700;color:var(--v-blue);font-size:14px}
.cl-learning-card:target{border-color:var(--v-blue);box-shadow:0 0 0 3px var(--v-soft)}
.cl-learning-outro{padding:34px;margin-top:35px;background:var(--v-soft);border:1px solid var(--v-line);border-radius:16px}
.cl-learning-outro p{max-width:750px;color:var(--v-muted)}
.cl-learning-outro .v-button{margin:4px 9px 0 0}
.cl-preset-education{margin:14px 0 0!important}
.cl-preset-education a{display:inline-flex;align-items:center;color:var(--v-blue,#215adb)!important;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.cl-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:34px 0}
.cl-context-card{padding:24px;border:1px solid var(--v-line);border-radius:16px;background:var(--v-paper)}
.cl-context-card h2{margin:0 0 12px}
.cl-context-card .cl-context-radar{font-size:14px;line-height:1.5;color:var(--v-muted)}
.cl-context-card .cl-context-feed{padding-left:18px;font-size:14px}
.cl-context-card li{margin:12px 0}
.cl-context-card a{color:var(--v-blue);font-weight:700}
.cl-context-status{padding:16px 20px;border-radius:12px;background:var(--v-soft);border:1px solid var(--v-line);margin:25px 0}
@media(max-width:800px){.cl-context-grid{grid-template-columns:1fr}.cl-learning-grid{grid-template-columns:1fr}.cl-learning-page{padding-top:35px}}