/* Introductions and illustrative learning exercises. No framework or remote assets. */
@layer components {
  .v7-learning-index{padding:27px 0}
  .v7-learning-jumps{display:flex;flex-wrap:wrap;gap:10px 28px}
  .v7-learning-jumps a{display:flex;align-items:center;gap:22px;min-height:44px;padding:5px 0;border-bottom:1px solid #536158;font-size:12px;color:#d2dcd4}
  .v7-learning-jumps span{color:#99ac9e}
  .v7-learning-columns,.v7-learning-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .v7-learning-columns article,.v7-learning-subjects article{min-width:0;border-top:1px solid #526057;padding-top:25px}
  .v7-learning-number{font:13px/1.5 Arial,sans-serif;color:#a5bba9}
  .v7-learning-columns h3,.v7-learning-subjects h3{font-size:22px;line-height:1.7;margin:22px 0 18px}
  .v7-learning-columns p,.v7-learning-subjects p:not(.eyebrow){font-size:14px;color:var(--muted)}
  .v7-learning-subjects .text-link{font-size:12px;gap:12px;margin-top:24px}
  .v7-assignment{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;border-top:1px solid #617368;padding-top:30px}
  .v7-assignment-brief h3{font-size:27px;line-height:1.65;margin-bottom:22px}
  .v7-assignment-brief>p:not(.eyebrow){font-size:13px;color:var(--muted)}
  .v7-assignment dl{margin:26px 0 0}
  .v7-assignment dl>div{padding:15px 0;border-top:1px solid var(--line)}
  .v7-assignment dt{font-size:11px;color:#a7b9ab;margin-bottom:7px}
  .v7-assignment dd{margin:0;font-size:13px;color:#c9d1cb}
  .v7-assignment-steps{padding:0;margin:0;list-style:none}
  .v7-assignment-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;padding:0 0 30px}
  .v7-assignment-steps li+li{padding-top:27px;border-top:1px solid var(--line)}
  .v7-assignment-steps li>span{font:14px/2 Arial,sans-serif;color:#a7bcae}
  .v7-assignment-steps h4{font-size:18px;line-height:1.7;margin:0 0 14px}
  .v7-assignment-steps p{font-size:13px;color:var(--muted)}
  .v7-learning-opening{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:60px}
  .v7-learning-opening h2,.v7-learning-bridge h2,.v7-media-status h2{font-size:32px;line-height:1.65;margin-bottom:26px}
  .v7-learning-opening p:not(.eyebrow),.v7-learning-bridge p:not(.eyebrow),.v7-media-status p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:47em;margin-top:18px}
  .v7-learning-opening .button{margin-top:28px}
  .v7-learning-opening aside{border-left:1px solid #4b594f;padding-left:30px}
  .v7-learning-opening aside h3{font-size:22px;line-height:1.7}
  .v7-learning-opening aside .text-link{font-size:12px;gap:14px;margin-top:25px}
  .v7-media-facts{margin:0;border-top:1px solid #53635a}
  .v7-media-facts>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;padding:27px 0;border-bottom:1px solid var(--line)}
  .v7-media-facts dt{font-size:15px;color:#dbe4dc}
  .v7-media-facts dd{margin:0;font-size:14px;color:var(--muted);max-width:46em}
  .v7-learning-bridge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
  .v7-learning-bridge .button{font-size:13px;max-width:290px;white-space:normal}
  .v7-company-paths{display:grid;grid-template-columns:1fr 1fr;gap:42px}
  .v7-company-paths article{min-width:0;border-top:1px solid #53635a;padding-top:27px}
  .v7-company-paths h3{font-size:22px;line-height:1.7;margin-bottom:20px}
  .v7-company-paths p:not(.eyebrow){font-size:14px;color:var(--muted)}
  .v7-company-paths .text-link{font-size:12px;gap:14px;margin-top:24px}
  .v7-media-status{max-width:780px}
  .v7-media-status .text-link{margin-top:25px}
}
@layer responsive {
  @media(max-width:1200px){
    .v7-learning-columns,.v7-learning-subjects{gap:24px}
    .v7-learning-columns h3,.v7-learning-subjects h3{font-size:19px}
    .v7-assignment{gap:32px}
    .v7-learning-opening{gap:35px}
    .v7-learning-opening h2,.v7-learning-bridge h2,.v7-media-status h2{font-size:28px}
    .v7-learning-bridge{grid-template-columns:1fr;gap:28px}
  }
  @media(max-width:700px){
    .v7-learning-jumps{display:grid;grid-template-columns:1fr;gap:5px}
    .v7-learning-jumps a{justify-content:space-between;font-size:12px}
    .v7-learning-columns,.v7-learning-subjects,.v7-assignment,.v7-learning-opening,.v7-company-paths{grid-template-columns:1fr;gap:30px}
    .v7-learning-columns h3,.v7-learning-subjects h3,.v7-company-paths h3{font-size:21px;margin-top:17px}
    .v7-learning-opening h2,.v7-learning-bridge h2,.v7-media-status h2{font-size:25px}
    .v7-assignment-brief h3{font-size:24px}
    .v7-assignment-steps li{gap:14px;grid-template-columns:28px minmax(0,1fr)}
    .v7-assignment-steps h4{font-size:17px}
    .v7-learning-opening aside{border-left:0;border-top:1px solid #4b594f;padding:28px 0 0;margin-top:10px}
    .v7-media-facts>div{display:block;padding:23px 0}
    .v7-media-facts dt{margin-bottom:13px}
    .v7-learning-columns p,.v7-learning-subjects p:not(.eyebrow),.v7-media-facts dd{font-size:13px}
    .v7-learning-bridge .button{max-width:100%;font-size:12px}
  }
}