/* A collection map, with real learning activity. */
.learning-route{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);gap:0;margin:34px 0}.route-spanish{background:#6b2038;color:#fff8f0;padding:32px;align-self:start;position:sticky;top:24px}.route-spanish h2{font-size:64px;margin:30px 0}.route-spanish h2 span{font-size:32px;font-weight:400;color:#d9a3ad}.route-spanish p{font-size:17px;line-height:1.6}.route-spanish dl{margin:32px 0}.route-spanish dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff35;padding:16px 0}.route-spanish dt{font-size:13px}.route-spanish dd{font-size:24px;margin:0}.route-spanish small{font-size:11px;line-height:1.6;display:block;color:#eadbd2}.route-art{padding:32px;background:#f6efe5}.route-art header{margin-bottom:24px;display:block;padding:0;background:transparent;border:0;max-width:none;height:auto}.route-art header h2{font-size:32px;margin:12px 0}.route-art header p{font-size:13px}.route-art header>small{font-size:10px;letter-spacing:.12em}.route-row{display:grid;grid-template-columns:1.1fr 1fr 65px;align-items:center;gap:16px;border-top:1px solid #d5c7b9;padding:17px 0}.route-row strong{font-size:15px;font-weight:500}.route-row small{display:block;font-size:10px;line-height:1.5;margin-top:5px}.route-track{height:4px;background:#ded2c6}.route-track span{display:block;height:100%;background:#6b2038}.route-row .text-link{font-size:12px;text-align:right;min-height:44px}.route-row.planned{color:#76665f}.route-unavailable{font-size:12px}.route-footnote{font-size:11px;line-height:1.6;margin-top:24px}.route-connection{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 0;border-top:1px solid #cdbdb1}.route-connection h2{font-size:27px;max-width:28ch;margin:12px 0}.route-connection p{font-size:14px;line-height:1.6}.route-connection .btn{flex-shrink:0}
@media(max-width:1000px){.learning-route{grid-template-columns:1fr}.route-spanish{position:static}.route-spanish dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.route-spanish h2{margin:18px 0}.route-connection{align-items:start;flex-direction:column}}
@media(max-width:600px){.route-spanish,.route-art{padding:24px 18px}.route-row{grid-template-columns:1fr 1fr;gap:8px}.route-row>.text-link,.route-row.planned>small{grid-column:2;text-align:left}.route-row>div:first-child{grid-row:span 2}}

.learning-route{--blue:#6b2038;--line:#e0d9d1;--muted:#786e76}.route-position{font-size:11px;color:var(--blue)}.route-art header h2,.route-spanish h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}.route-art header h2{font-size:32px!important}.route-spanish h2{font-size:64px!important}.route-row strong{overflow-wrap:anywhere}.route-art header p{overflow-wrap:anywhere}.route-art header small,.route-footnote{color:var(--muted)}.route-spanish .eyebrow{color:#eadbd2}.route-spanish{min-width:0}.route-art{min-width:0}.route-spanish p{color:inherit}.route-spanish .eyebrow{font-size:11px}.route-row>div{min-width:0}.journey-demo .route-spanish{position:static}.journey-demo .route-spanish>small{border-top:1px solid #ffffff35;padding-top:20px}

@media(max-width:600px){.learning-route{grid-template-columns:minmax(0,1fr)}.route-spanish h2{font-size:52px!important}.route-spanish dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}.route-spanish dl>div{flex-direction:column;gap:5px}.route-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.route-position{grid-column:2}.route-row .text-link{padding-left:0}.route-art header{max-width:100%}.route-row small{overflow-wrap:anywhere}}