/* The entire dock is a native link; its orange action remains a visual accent. */
body a#course-dock-v101 { text-decoration:none; cursor:pointer; }
body a#course-dock-v101:focus-visible { outline:3px solid #aa622f; outline-offset:3px; }
body #course-dock-v101 > .dock-action { flex-direction:row; }
/* Give the mobile footer action a larger label, arrow and tap target. */
@media (max-width:700px) {
  body #course-dock-v101 {
    gap:8px;
    padding:10px;
  }
  body #course-dock-v101 .dock-price { font-size:42px; }
  body #course-dock-v101 .dock-title { font-size:16px; }
  body #course-dock-v101 .dock-action {
    min-height:58px;
    padding:9px 8px 9px 14px;
    gap:8px;
    font-size:16px;
  }
  body #course-dock-v101 .dock-action > span { font-size:24px; }
  body #course-dock-v101 .dock-action svg {
    width:34px;
    height:34px;
    padding:7px;
  }
  body #course-dock-v101:hover .dock-action { background:#ff8a5a; filter:none; }
  body #course-dock-v101:active .dock-action { background:#f77a49; }
}
@media (min-width:360.01px) and (max-width:380px) {
  body #course-dock-v101 .dock-price { font-size:40px; }
  body #course-dock-v101 .dock-title { font-size:15px; }
  body #course-dock-v101 .dock-action { font-size:15px; }
  body #course-dock-v101 .dock-action > span { font-size:22px; }
}
@media (max-width:360px) {
  body #course-dock-v101 {
    gap:6px;
    padding:9px;
  }
  body #course-dock-v101 .dock-price { font-size:39px; }
  body #course-dock-v101 .dock-action {
    min-height:56px;
    padding:9px 6px 9px 10px;
    gap:6px;
    font-size:14px;
  }
  body #course-dock-v101 .dock-action > span { font-size:20px; }
  body #course-dock-v101 .dock-action svg {
    width:30px;
    height:30px;
    padding:6px;
  }
}
@media (max-width:340px) {
  body #course-dock-v101 .dock-title { font-size:13.5px; }
  body #course-dock-v101 .dock-price { font-size:34px; }
  body #course-dock-v101 .dock-action { font-size:12.75px; gap:5px; padding-inline:9px 5px; }
  body #course-dock-v101 .dock-action > span { font-size:18px; }
  body #course-dock-v101 .dock-action svg { width:26px; height:26px; padding:5px; }
}