/* Selected Course ticket design: four stronger chapter colors and larger reading type. */
body.readability-v50 #main #curriculum .syllabus-grid {
  grid-template-columns:minmax(0,1fr);
  gap:26px;
}
body.readability-v50 #main #curriculum .learn-card-v10 {
  --ticket-paper:#fffaf0;
  --ticket-surround:#f2eee2;
  padding:0;
  border:1px solid var(--chapter-line);
  border-radius:20px;
  background:var(--ticket-paper);
  overflow:visible;
  min-width:0;
}
body.readability-v50 #main #curriculum .syllabus-understand {
  --chapter-bg:#dce9bc;
  --chapter-ink:#405b2f;
  --chapter-line:#a6bb85;
}
body.readability-v50 #main #curriculum .syllabus-use {
  --chapter-bg:#f4d0ad;
  --chapter-ink:#854825;
  --chapter-line:#d3a076;
}
body.readability-v50 #main #curriculum .syllabus-create {
  --chapter-bg:#c5e1d8;
  --chapter-ink:#285d53;
  --chapter-line:#8bb7a9;
}
body.readability-v50 #main #curriculum .syllabus-connect {
  --chapter-bg:#d9cbed;
  --chapter-ink:#60447b;
  --chapter-line:#b29bcf;
}
body.readability-v50 #main #curriculum .learn-heading-v11 {
  margin:0;
  padding:24px 26px 26px;
  border-radius:19px 19px 0 0;
  background:var(--chapter-bg);
}
body.readability-v50 #main #curriculum .learn-heading-v11::before { display:none; }
body.readability-v50 #main #curriculum .learn-card-top {
  min-height:52px;
  margin:0 0 17px;
  gap:16px;
  flex-wrap:nowrap;
  align-items:center;
}
body.readability-v50 #main #curriculum .learn-meta-v11 {
  display:flex;
  flex:1;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:16px;
  min-width:0;
}
body.readability-v50 #main #curriculum .learn-category-v11 {
  font:650 22px/1.35 var(--sans);
  color:var(--chapter-ink);
  letter-spacing:0;
  gap:10px;
  white-space:nowrap;
}
body.readability-v50 #main #curriculum .learn-category-v11 b {
  width:30px;
  height:30px;
  font:500 12px/1 var(--mono);
  border:1px solid var(--chapter-line);
  background:#fffaf066;
}
body.readability-v50 #main #curriculum .learn-duration-v11 {
  flex:none;
  margin:0;
  padding:5px 12px;
  border-radius:999px;
  background:#fffaf0;
  color:var(--chapter-ink);
  font:500 20px/1.4 var(--sans);
  white-space:nowrap;
}
body.readability-v50 #main #curriculum .learn-art-v11 {
  width:64px;
  height:52px;
  flex:0 0 64px;
}
body.readability-v50 #main #curriculum .learn-card-v10 h3 {
  margin:0;
  color:#173b2c;
  font:550 clamp(34px,4.4vw,46px)/1.16 var(--sans);
  letter-spacing:-.04em;
  white-space:nowrap;
}
body.readability-v50 #main #curriculum .learn-card-v10 h3 em {
  display:inline;
  font-family:var(--serif);
  font-size:1.04em;
  font-weight:400;
  letter-spacing:-.035em;
  color:var(--chapter-ink);
}
body.readability-v50 #main #curriculum .learn-outcomes-v10 {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  margin:0;
  padding:26px;
}
body.readability-v50 #main #curriculum .learn-outcomes-v10 li {
  grid-template-columns:21px minmax(0,1fr);
  gap:10px;
  font-size:22px;
  line-height:1.5;
  color:#53644c;
}
body.readability-v50 #main #curriculum .learn-outcomes-v10 li > span:first-child {
  font-size:20px;
  line-height:1.65;
}
body.readability-v50 #main #curriculum .learn-outcomes-v10 strong { color:var(--chapter-ink); }
body.readability-v50 #main #curriculum .ticket-footer-v170 {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 20px;
  margin-top:auto;
  padding:15px 26px;
  border-top:1px dashed var(--chapter-ink);
  border-radius:0 0 19px 19px;
  background:var(--ticket-paper);
}
body.readability-v50 #main #curriculum .ticket-footer-v170::before,
body.readability-v50 #main #curriculum .ticket-footer-v170::after {
  content:"";
  position:absolute;
  top:-10px;
  width:18px;
  height:18px;
  border:1px solid var(--chapter-line);
  border-radius:50%;
  background:var(--ticket-surround);
  pointer-events:none;
}
body.readability-v50 #main #curriculum .ticket-footer-v170::before { left:-10px; }
body.readability-v50 #main #curriculum .ticket-footer-v170::after { right:-10px; }
body.readability-v50 #main #curriculum .ticket-summary-v170 {
  flex:1 1 130px;
  color:#617158;
  font:400 18px/1.45 var(--sans);
}
body.readability-v50 #main #curriculum .ticket-footer-v170 .learn-details-v10 {
  flex:none;
  width:auto;
  min-height:46px;
  margin:0 0 0 auto;
  padding:6px 0;
  border:0;
  gap:18px;
  font:600 21px/1.4 var(--sans);
  color:var(--chapter-ink);
}
body.readability-v50 #main #curriculum .learn-details-v10 > span { font-size:25px; }
@media (min-width:700.01px) and (max-width:1100px) {
  body.readability-v50 #main #curriculum .learn-heading-v11 { padding-inline:24px; }
  body.readability-v50 #main #curriculum .learn-category-v11 { font-size:20px; }
  body.readability-v50 #main #curriculum .learn-duration-v11 { font-size:18px; padding-inline:10px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 { grid-template-columns:1fr; gap:16px; padding:24px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 li { font-size:21px; }
  body.readability-v50 #main #curriculum .ticket-footer-v170 { padding-inline:24px; }
}
@media (max-width:700px) {
  body.readability-v50 #main #curriculum .syllabus-grid { gap:23px; }
  body.readability-v50 #main #curriculum .learn-card-v10 { border-radius:18px; }
  body.readability-v50 #main #curriculum .learn-heading-v11 { padding:20px; border-radius:17px 17px 0 0; }
  body.readability-v50 #main #curriculum .learn-card-top { align-items:flex-start; gap:10px; min-height:0; margin-bottom:17px; }
  body.readability-v50 #main #curriculum .learn-meta-v11 { flex-direction:column; align-items:flex-start; gap:10px; }
  body.readability-v50 #main #curriculum .learn-category-v11 { font-size:18px; white-space:normal; gap:8px; }
  body.readability-v50 #main #curriculum .learn-category-v11 b { width:26px; height:26px; font-size:11px; }
  body.readability-v50 #main #curriculum .learn-duration-v11 { font-size:17px; padding:4px 10px; }
  body.readability-v50 #main #curriculum .learn-art-v11 { width:48px; height:48px; flex-basis:48px; }
  body.readability-v50 #main #curriculum .learn-card-v10 h3 { font-size:34px; line-height:1.13; white-space:normal; }
  body.readability-v50 #main #curriculum .learn-card-v10 h3 em { display:block; margin-top:3px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 { grid-template-columns:1fr; padding:22px 20px; gap:15px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 li { font-size:19px; line-height:1.5; grid-template-columns:18px minmax(0,1fr); gap:9px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 li > span:first-child { font-size:18px; }
  body.readability-v50 #main #curriculum .ticket-footer-v170 { padding:12px 20px; gap:6px 16px; border-radius:0 0 17px 17px; }
  body.readability-v50 #main #curriculum .ticket-summary-v170 { flex-basis:126px; font-size:15px; }
  body.readability-v50 #main #curriculum .ticket-footer-v170 .learn-details-v10 { font-size:18px; gap:12px; }
  body.readability-v50 #main #curriculum .learn-details-v10 > span { font-size:22px; }
}
@media (max-width:360px) {
  body.readability-v50 #main #curriculum .learn-heading-v11 { padding-inline:18px; }
  body.readability-v50 #main #curriculum .learn-card-v10 h3 { font-size:32px; }
  body.readability-v50 #main #curriculum .learn-category-v11 { font-size:17px; }
  body.readability-v50 #main #curriculum .learn-art-v11 { width:42px; height:44px; flex-basis:42px; }
  body.readability-v50 #main #curriculum .learn-outcomes-v10 { padding-inline:18px; }
  body.readability-v50 #main #curriculum .ticket-footer-v170 { padding-inline:18px; }
}